/* V3: editorial rhythm on retained media; no invented transformation. */
:root{--gutter:max(24px,calc((100vw - 1216px)/2))}
header{padding-top:30px}header nav a{display:flex;align-items:center;min-height:44px}
.hero{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto auto;gap:0 64px;height:auto;min-height:820px;padding:150px var(--gutter) 30px;border-bottom:1px solid var(--line);background:#101d1d}
.hero-heading,.hero-copy,.portrait,.hero-side,.scroll{position:relative;inset:auto}
.hero-heading{grid-column:1;grid-row:1;align-self:end;max-width:none}.hero-heading>p{font:12px/1.6 Body;letter-spacing:.1em;color:var(--teal)}.hero h1{font-size:clamp(120px,14.8vw,225px);margin:15px 0 25px;white-space:nowrap;letter-spacing:-.025em}
.portrait{grid-column:2;grid-row:1/3;width:100%;height:520px;align-self:center;clip-path:none;max-width:none;border:12px solid #e8ddce;outline:1px solid #9d785644;outline-offset:10px;margin:0;background:#e8ddce}.portrait svg{object-fit:cover}
.hero-copy{grid-column:1;grid-row:2;width:auto;padding-bottom:35px}.hero-label{font-size:12px;color:var(--paper)}.hero-copy>p:not(.hero-label){font-size:18px;line-height:1.7;max-width:420px}.hero-copy .cut-button{max-width:360px}.quiet-link{min-height:44px}.hero-side{grid-column:2;grid-row:3;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.14em}.scroll{grid-column:1;grid-row:3;align-items:center;min-height:44px;margin:0;font-size:12px}
.transform-study{padding:76px var(--gutter);background:#0c1213}.transform-intro{gap:8%;grid-template-columns:1.3fr 1fr}.transform-intro h2{font-size:clamp(32px,3.5vw,52px)}.film-stage{grid-template-columns:150px 1fr;min-height:0;background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;gap:40px}.film-identity{height:185px;align-self:center}.film-status{padding:0;display:grid;grid-template-columns:1fr 1.1fr;gap:0 40px}.film-status .status{border:0;padding:0;grid-column:1/-1;margin-bottom:16px;font-size:11px}.film-status h3{font:36px/1.1 Heading;grid-column:1;grid-row:2/4;margin-bottom:0}.film-status p{grid-column:2;font-size:15px;margin-bottom:10px}.film-status a{grid-column:2;font-size:13px}.film-beats{display:none}.eyebrow{font-size:12px}footer{background:#0c1b19;padding-top:50px}.footer-word{font-size:clamp(90px,15vw,220px);margin:25px 0;color:#8cc5b7}.footer-bottom a{display:flex;align-items:center;min-height:44px}
@media(max-width:1000px) and (min-width:801px){.hero{gap:0 32px}.portrait{height:430px}.hero h1{font-size:145px}.hero-copy>p:not(.hero-label){font-size:16px}}
@media(max-width:800px){.hero{display:flex;min-height:0;padding:110px 22px 28px;gap:0}.hero-heading{order:0}.hero-heading>p{font-size:10px;letter-spacing:.08em}.hero h1{font-size:clamp(100px,29vw,180px);margin:16px 0 26px}.portrait{order:1;width:calc(100% - 16px);height:290px;aspect-ratio:auto;border-width:8px;outline-offset:6px;margin:0 8px 30px;max-width:440px}.hero-copy{order:2;padding:0}.hero-copy>p:not(.hero-label){font-size:17px;line-height:1.6}.hero-copy .cut-button{max-width:none}.hero-side{display:none}.scroll{order:3;margin-top:14px}.quiet-link{margin-top:18px}.transform-study{padding:55px 24px}.transform-intro h2{font-size:35px}.transform-intro>p{display:none}.film-stage{grid-template-columns:72px 1fr;gap:20px;padding:25px 0}.film-identity{height:90px;align-self:start}.film-status{display:block}.film-status h3{font-size:27px;margin-bottom:16px}.film-status p{font-size:14px;line-height:1.6}.film-status .status{font-size:9px;line-height:1.5}.film-status a{font-size:12px}.footer-word{font-size:24vw}.footer-bottom{font-size:10px}}
@media(max-width:800px){.hero-heading{align-self:stretch}.film-status a{line-height:1.6}}
