h1,h2,h3{font-family:var(--f);letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:700;line-height:.95}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{color:var(--graphite);border:1px solid var(--rule);border-radius:999px;padding:6px 12px;font-size:13px;line-height:1.2}.closing{border-top:1px solid var(--rule);padding-block:clamp(72px,10vw,160px)}.closing .wrap{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:28px;display:flex}.closing h2{letter-spacing:-.045em;font-size:clamp(42px,6.2vw,100px);line-height:.9}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal view();animation-range:entry entry 40%}@keyframes reveal{0%{opacity:.25;transform:translateY(36px)}to{opacity:1;transform:none}}}}@media (prefers-reduced-motion:no-preference){h1{animation:rise .9s var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}@media (width<=960px){.nav ul{gap:20px}.nav .btn{display:none}}.head{padding-block:clamp(32px,5vw,72px) clamp(40px,6vw,88px);overflow:clip}.head .wrap{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:24px;display:grid}.page-list h1{font-size:clamp(56px,11vw,176px)}.head p{max-width:40ch;color:var(--graphite);margin:28px 0 0;font-size:clamp(17px,1.5vw,20px)}.head .art{justify-self:end;width:100%;max-width:440px;margin-bottom:-12%}.work{padding-bottom:clamp(64px,9vw,140px)}.rows{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.rows li{border-bottom:1px solid var(--rule)}.row{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:24px;padding:22px 0;text-decoration:none;display:grid}.row-name{letter-spacing:-.035em;transition:transform .35s var(--ease-out), color .25s ease;font-size:clamp(28px,4.2vw,60px);font-weight:700;line-height:1}.row-scope{color:var(--graphite);text-align:right;font-size:15px}@media (hover:hover) and (pointer:fine){.rows:hover .row-name{color:var(--graphite)}.rows .row:hover .row-name{color:var(--chalk);transform:translate(12px)}}.peek{aspect-ratio:16/10;pointer-events:none;z-index:8;opacity:0;width:min(30vw,420px);transform:translate3d(var(--px,0),var(--py,0),0) scale(.94);transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);position:fixed;top:0;left:0;overflow:hidden}.peek img{object-fit:cover;width:100%;height:100%}.peek.show{opacity:1;transform:translate3d(var(--px,0),var(--py,0),0) scale(1)}@media (width<=960px){.head .wrap{grid-template-columns:minmax(0,1fr)}.head .art{order:-1;max-width:240px;margin:-20px 0 0}.row{grid-template-columns:minmax(0,1fr)}.row-scope{text-align:left;font-size:14px}}.back{color:var(--graphite);gap:8px;margin-top:clamp(24px,3vw,40px);font-size:15px;text-decoration:none;transition:color .2s;display:inline-flex}.back .arr{transition:transform .25s var(--ease-out)}@media (hover:hover) and (pointer:fine){.back:hover{color:var(--chalk)}.back:hover .arr{transform:translate(-4px)}}.intro{padding-block:clamp(24px,3vw,40px) clamp(32px,4vw,56px)}.intro .wrap>div{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:28px 48px;display:grid}.page-case h1{font-size:clamp(52px,9vw,148px)}.intro .tags{margin-top:22px}.credits{gap:14px;margin:0;display:grid}.credits dt{color:var(--graphite);font-size:13px}.credits dd{margin:2px 0 0;font-size:17px}.films{flex-wrap:wrap;gap:10px 22px;margin:22px 0 0;display:flex}.films a{background:linear-gradient(var(--chalk),var(--chalk)) 0 100%/100% 1px no-repeat;padding-bottom:2px;text-decoration:none}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.gallery li{background:var(--paper-2);overflow:hidden}.gallery li.full{grid-column:1/-1}.gallery img{width:100%;height:auto}.next{padding-block:clamp(56px,7vw,110px)}.next a{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:center;gap:24px;padding-top:clamp(28px,3vw,44px);text-decoration:none;display:grid}.next small{color:var(--graphite);margin-bottom:10px;font-size:15px;display:block}.next h2{font-size:clamp(40px,6vw,96px)}.next .arr{transition:transform .3s var(--ease-out);display:inline-block}.next figure{margin:0;overflow:hidden}.next img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;transition:transform .9s var(--ease-out)}@media (hover:hover) and (pointer:fine){.next a:hover .arr{transform:translate(8px)}.next a:hover img{transform:scale(1.03)}}@media (width<=960px){.intro .wrap>div,.next a{grid-template-columns:minmax(0,1fr)}.next figure{order:-1}}@media (width<=640px){.gallery{grid-template-columns:minmax(0,1fr)}}.case-intro{max-width:52ch;color:var(--graphite);margin:24px 0 0;font-size:clamp(17px,1.4vw,19px)}.gallery li.is-video{background:#000}.video{width:100%;aspect-ratio:var(--ratio,16/9);background:#000;position:relative}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-poster{cursor:pointer;color:#fff;width:100%;font:inherit;text-align:left;background:#000;border:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.video-poster img{object-fit:cover;opacity:.82;width:100%;height:100%;transition:opacity .4s ease, transform 1.2s var(--ease-out)}.video-play{background:var(--chalk);width:88px;height:88px;transition:transform .3s var(--ease-out);border-radius:50%;margin:-44px 0 0 -44px;position:absolute;top:50%;left:50%}.video-play:after{content:"";border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent var(--paper);position:absolute;top:28px;left:36px}.video-title{text-shadow:0 1px 12px #0009;font-size:clamp(15px,1.4vw,18px);position:absolute;bottom:20px;left:24px;right:24px}.video-poster:active .video-play{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.video-poster:hover img{opacity:1;transform:scale(1.02)}.video-poster:hover .video-play{transform:scale(1.08)}}@media (width<=640px){.video-play{width:64px;height:64px;margin:-32px 0 0 -32px}.video-play:after{border-width:12px 0 12px 19px;top:20px;left:26px}}
