.case-studies{border-top:1px solid var(--line);background:#10120e}
.case-studies h2 em{color:var(--acid)}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:56px}
.case-card{display:block;min-width:0}
.case-card-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#191c17}
.case-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.case-card-arrow{position:absolute;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:var(--ink);font-size:24px;transition:transform .25s}
.case-card-info{padding:24px 0 18px;border-bottom:1px solid var(--line)}
.case-card-client{font:500 16px/1.4 var(--sans);color:var(--acid)}
.case-card h3{font:500 clamp(28px,3.2vw,48px)/1.1 var(--sans);letter-spacing:-.045em;margin:10px 0 14px}
.case-card p{font-size:17px;line-height:1.5;max-width:42ch;color:#b8beb0;margin:0}
.case-card-link{display:inline-block;margin-top:24px;font-size:14px}
@media(hover:hover){.case-card:hover .case-card-image img{transform:scale(1.035)}.case-card:hover .case-card-arrow{transform:rotate(45deg)}.case-card:hover .case-card-link{color:var(--acid)}}
.case-page .header{position:relative;border-bottom:1px solid var(--line)}
.case-page .header nav{font-family:var(--sans)}
.case-page .wordmark{color:var(--paper)}
.case-main{max-width:1600px;margin:0 auto;padding:64px 5% 100px}
.case-back{display:inline-block;color:#b8beb0;font-size:15px;padding:8px 0;margin-bottom:52px}
.case-back:hover{color:var(--acid)}
.case-kicker{color:var(--acid);font-size:clamp(22px,2.5vw,36px);margin:0 0 18px;letter-spacing:-.03em}
.case-title{font-family:var(--sans);font-size:clamp(48px,7.5vw,116px);font-weight:500;line-height:1;letter-spacing:-.065em;max-width:12ch;margin:0}
.case-meta{display:flex;justify-content:space-between;gap:20px;margin:32px 0 40px;color:#abb1a3;font-size:15px}
.case-film{margin:0;min-width:0}
.case-film video{display:block;width:100%;aspect-ratio:16/9;background:#161914;object-fit:contain}
.case-film figcaption{font-size:14px;color:#abb1a3;line-height:1.5;margin-top:14px;max-width:52ch}
.case-narrative{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:80px 0}
.case-intro{font-size:clamp(25px,2.8vw,40px);line-height:1.25;letter-spacing:-.04em;margin:0}
.case-prose p{font-size:18px;line-height:1.75;color:#bec3b7;margin:0 0 24px}
.case-prose p:last-child{margin-bottom:0}
.case-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}
.case-film--portrait{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#151811;padding:48px}
.case-film--portrait video{width:min(100%,360px);aspect-ratio:9/16;justify-self:center}
.case-film--portrait figcaption{font-size:clamp(24px,3vw,42px);letter-spacing:-.04em;line-height:1.2;color:var(--paper);max-width:15ch;margin:0}
.case-next{border-top:1px solid var(--line);margin-top:80px;padding-top:36px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.case-next span{color:#abb1a3;font-size:14px;display:block;margin-bottom:12px}
.case-next a{font-size:clamp(28px,4vw,58px);line-height:1.1;letter-spacing:-.045em}
.case-next a:hover{color:var(--acid)}
.case-next .case-cta{font-size:16px;letter-spacing:0;border-bottom:1px solid var(--acid);padding:12px 0;white-space:nowrap}
@media(max-width:800px){.case-grid{gap:24px}.case-narrative{grid-template-columns:1fr;gap:28px;padding:48px 0}.case-prose{max-width:65ch}.case-page .header nav{display:flex;gap:16px;font-size:12px}.case-page .header{gap:20px;padding-inline:5%}.case-page .header .nav-contact{padding:9px 12px}.case-page .header .nav-contact span{margin-left:6px}.case-page .header .wordmark{font-size:25px}.case-main{padding-top:32px}.case-back{margin-bottom:36px}.case-meta{font-size:13px}.case-film--portrait{padding:28px;gap:28px}.case-next{margin-top:56px}}
@media(max-width:600px){.case-grid{grid-template-columns:1fr;gap:40px;margin-top:32px}.case-card-image{aspect-ratio:16/10}.case-card h3{font-size:32px}.case-card-info{padding-top:20px}.case-card p{font-size:16px}.case-film-grid{grid-template-columns:1fr;gap:32px}.case-film--portrait{grid-template-columns:1fr}.case-film--portrait video{width:min(100%,270px)}.case-film--portrait figcaption{max-width:25ch;font-size:25px}.case-next{align-items:flex-start;flex-direction:column;gap:30px}.case-main{padding-bottom:60px}.case-prose p{font-size:17px}.case-page .header .nav-contact span{display:none}}
@media(prefers-reduced-motion:reduce){.case-card-image img,.case-card-arrow{transition:none}}

@media(max-width:600px){.case-page .header{gap:12px}.case-page .header .wordmark{font-size:21px}.case-page .header nav{gap:10px;font-size:10px}.case-page .header .nav-contact{padding:9px 10px;white-space:nowrap}}

.case-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;margin:0 0 72px;padding:30px 0 0;border-top:1px solid var(--line)}
.case-process h2{font:500 24px/1.2 var(--sans);letter-spacing:-.035em;color:var(--acid);margin:0 0 16px}
.case-process p{font-size:17px;color:#bec3b7;line-height:1.6;margin:0;max-width:32ch}
.case-gallery>h2,.case-reel>h2{font:500 clamp(32px,4.6vw,66px)/1.05 var(--sans);letter-spacing:-.05em;max-width:18ch;margin:0 0 32px}
.case-photo{margin:0;min-width:0}
.case-photo>a{display:block;overflow:hidden;background:#11130f}
.case-photo img{width:100%;height:auto;display:block}
.case-photo figcaption{color:#abb1a3;font-size:14px;line-height:1.5;margin-top:14px;max-width:62ch}
.case-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
.case-photo--portrait{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:36px;background:#151811}
.case-photo--portrait>a{width:min(100%,420px);justify-self:center}
.case-photo--portrait figcaption{font-size:clamp(28px,3.6vw,50px);letter-spacing:-.045em;line-height:1.12;color:var(--paper);max-width:12ch;margin:0}
.case-reel{margin-top:72px}
@media(max-width:700px){.case-process{grid-template-columns:1fr;gap:24px;margin-bottom:48px}.case-process h2{font-size:22px;margin-bottom:8px}.case-process p{max-width:45ch}.case-photo-grid{grid-template-columns:1fr;gap:28px}.case-photo--portrait{grid-template-columns:1fr;padding:24px;gap:24px}.case-photo--portrait>a{width:min(100%,320px)}.case-photo--portrait figcaption{max-width:none;font-size:28px}.case-reel{margin-top:48px}}