/* Copy and cinema composition pass. Content stays readable without motion. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cinematic-hero h1{font-size:clamp(40px,5vw,86px);line-height:1.02;max-width:650px}
.cinematic-hero h1 span{white-space:normal}
.cinematic-hero .hero-description{max-width:390px}
.partner-copy>p{max-width:440px}.partner-copy .partner-thesis{font-weight:550;color:var(--ink);border-left:1px solid var(--ink);padding-left:18px;font-size:17px}
.hx-process-word>span{font-size:clamp(44px,6vw,104px)}
.studio-method-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-method-grid h3{font-size:clamp(23px,2.4vw,34px)}
.differentiator{border-block:1px solid var(--rule);background:var(--paper);overflow:clip}
.difference-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:24px 7vw;align-items:end}
.difference-intro>.eyebrow{grid-column:1/-1}.difference-intro h2{font-size:clamp(36px,4.7vw,76px);line-height:1.03;max-width:800px}.difference-intro>p:last-child{max-width:560px;color:var(--muted)}
.difference-thesis{font-size:clamp(28px,3.5vw,54px);line-height:1.18;letter-spacing:-.035em;max-width:1120px;margin:60px 0 55px;padding-block:34px;border-block:1px solid var(--ink)}
.difference-beat{display:grid;grid-template-columns:.6fr 2fr;gap:40px;border-bottom:1px solid var(--rule);padding:36px 0;scroll-margin-top:110px}
.difference-beat>.eyebrow{color:var(--muted);padding-top:7px}.difference-beat>div{max-width:860px}.difference-beat h3{font-size:clamp(24px,2.5vw,38px);margin-bottom:18px}
.difference-beat p:not(.eyebrow){max-width:720px;color:var(--muted)}.difference-beat .difference-note{font-size:13px;margin-top:20px}.difference-beat ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:23px 0}.difference-beat li{font-size:13px;border-top:1px solid var(--rule);padding:12px 0}
.difference-beat .difference-stamp{font-size:10px;letter-spacing:.11em;font-weight:600;color:var(--ink);margin-top:23px}.difference-beat .text-link{margin-top:20px}
.cinema-film .film-stage{background:var(--field)}.cinema-film .film-video{background:var(--field)}
.cinema-film .film-viewport{container-type:inline-size}
.cinema-standin{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:5cqw;padding:7cqw;background:var(--field);color:var(--ink);text-align:left}
.cinema-standin>.eyebrow{font-size:clamp(8px,1cqw,12px);color:var(--muted)}
.cinema-standin .standin-title{font-size:clamp(25px,6.8cqw,92px);font-weight:550;letter-spacing:-.05em;line-height:1.02}
.standin-steps{display:grid;grid-template-columns:1fr 1fr;gap:2cqw 4cqw;list-style:none;margin:0;padding:0}
.standin-steps li{display:flex;align-items:baseline;gap:2cqw;border-top:1px solid var(--rule);padding-top:1.2cqw;font-size:clamp(12px,1.6cqw,24px)}
.standin-steps li>span,.standin-registration{font-family:var(--nbx-font-mono);font-size:clamp(8px,1cqw,12px);letter-spacing:.06em;color:var(--muted)}
.standin-subtitle{font-size:clamp(12px,1.7cqw,24px)}
.standin-registration{position:absolute;right:7cqw;bottom:3cqw}
.cinema-standin:not([hidden])>.standin-title,.cinema-standin:not([hidden])>.standin-steps{animation:nbx-standin var(--nbx-dur-panel) var(--nbx-ease-out) both}
.cinema-failure:empty{display:none}.cinema-failure{padding:0 20px 16px;font-size:12px;line-height:1.6;color:var(--muted)}
@keyframes nbx-standin{from{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.cinema-standin{gap:10cqw;padding:8cqw}.cinema-standin .standin-title{font-size:clamp(29px,11cqw,55px)}.standin-steps{grid-template-columns:1fr;gap:4cqw}.standin-steps li{padding-top:3cqw;font-size:clamp(12px,4cqw,19px)}.standin-subtitle{font-size:clamp(12px,4cqw,19px)}.standin-registration{right:8cqw;bottom:7cqw}.cinema-failure{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.cinema-standin:not([hidden])>.standin-title,.cinema-standin:not([hidden])>.standin-steps{animation:none}}
.case-capture{display:block;margin-top:20px;width:100%;height:auto;border:1px solid var(--rule)}
.case-story-notes{grid-template-columns:1fr 1fr;grid-template-areas:'before after' 'work after' 'result result';gap:0 40px}
.case-story-notes section[data-story-step=before]{grid-area:before}.case-story-notes section[data-story-step=what-we-did]{grid-area:work}.case-story-notes section[data-story-step=after]{grid-area:after}.case-story-notes section[data-story-step=result]{grid-area:result;border-top:1px solid var(--rule);margin-top:24px}
.case-story-notes section>p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted)}
.studio-method .method-cinema{margin:38px 0;background:var(--field);color:var(--ink)}
.contact-cinema-section{padding-top:0;padding-bottom:65px}.contact-cinema-section>h2{margin-bottom:24px;max-width:900px}.contact-cinema-section .editorial-film{max-width:1120px;margin-inline:auto}
@media(min-width:768px) and (max-width:1100px){.cinematic-hero .hero-copy{width:36.5%;top:22px}.cinematic-hero h1{font-size:clamp(37px,4.8vw,55px)}.cinematic-hero .hero-copy>.eyebrow{margin-bottom:14px}.cinematic-hero .hero-disciplines{font-size:13px;margin-top:15px}.cinematic-hero .hero-description{font-size:12px;margin-block:9px 14px}.cinematic-hero .hero-secondary{padding-block:6px}.partner-copy .partner-thesis{font-size:14px}}
@media(max-width:900px){.difference-intro{grid-template-columns:1fr;gap:24px}.difference-intro>.eyebrow{grid-column:auto}.difference-intro>p:last-child{max-width:720px}.studio-method-grid{grid-template-columns:1fr 1fr}.difference-beat{grid-template-columns:.55fr 2fr;gap:25px}}
@media(max-width:767px){.cinematic-hero h1{font-size:clamp(46px,11.5vw,76px);max-width:600px}.cinematic-hero .hero-description{max-width:460px}.cinematic-hero .hero-copy{padding-bottom:12px}.partner-copy .partner-thesis{font-size:17px}.hx-process-word>span{font-size:clamp(43px,12vw,65px)}.contact-cinema-section .editorial-film{max-width:400px}}
@media(max-width:620px){.difference-thesis{margin:35px 0 15px;padding-block:28px}.difference-beat{grid-template-columns:1fr;gap:17px;padding:28px 0}.difference-beat ul{grid-template-columns:1fr}.difference-intro>p:last-child,.difference-beat p:not(.eyebrow){font-size:14px}.studio-method-grid{grid-template-columns:1fr}.case-story-notes{grid-template-columns:1fr;grid-template-areas:'before' 'work' 'after' 'result';gap:0}.contact-cinema-section{padding-top:0}}