
:root{--ink:#11100e;--paper:#f2ede2;--orange:#ff4b19;--line:rgba(17,16,14,.22)}*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}body{margin:0}.top{display:flex;align-items:center;justify-content:space-between;padding:18px 4vw;border-bottom:1px solid var(--line)}.top img{width:82px;height:82px;object-fit:contain}.top a,.back{color:inherit;text-decoration:none;font-weight:700}.work-page{display:grid;grid-template-columns:minmax(260px,40vw) 1fr;min-height:calc(100vh - 119px)}.poster{background:#111;display:grid;place-items:center;padding:4vw}.poster img{width:100%;max-height:76vh;object-fit:contain}.copy{padding:8vw 6vw}.kicker{font:700 11px/1.3 monospace;text-transform:uppercase;letter-spacing:.12em;color:#9b2c0b}.copy h1{font-size:clamp(48px,8vw,112px);line-height:.86;letter-spacing:-.065em;margin:.18em 0 .32em}.copy p{font-size:clamp(18px,2vw,27px);line-height:1.4;max-width:760px}.meta{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.meta span{border:1px solid var(--ink);padding:7px 9px;font:700 10px/1 monospace;text-transform:uppercase}.back{display:inline-block;margin-top:30px;border-bottom:2px solid var(--orange)}@media(max-width:760px){.work-page{grid-template-columns:1fr}.poster{padding:24px}.copy{padding:44px 24px 70px}.top{padding:10px 18px}.top img{width:62px;height:62px}}