/* September 2026: one brand introduction, one optional film, then evidence. */
.hero{min-height:calc(100svh - 88px);padding-top:0}
.hero-heading{padding-top:24px}.hero-heading .eyebrow{font-size:12px}
.brand-stage{height:clamp(370px,51svh,540px);max-width:900px;margin:0 auto}
.brand-stage-note{bottom:8px;font-size:11px}
.hero-message{padding:14px 0 24px;max-width:700px}.hero-message p{max-width:570px;font-size:17px}
.hero-sequence{min-height:64px;justify-content:space-between}.brand-chapters span{padding:20px 0}
.brand-controls button{font-size:12px;min-height:44px}.brand-chapters{font-size:12px}
.section{padding-top:86px;padding-bottom:86px}.section-heading{margin-bottom:38px}
.site-film{display:grid;grid-template-columns:.78fr 1.35fr;align-items:center;gap:6vw;background:#0b1920;border-block:1px solid var(--line);max-width:none}
.film-copy h2{margin:22px 0;font-size:clamp(2.8rem,4.2vw,4.5rem);line-height:1.04}
.film-copy>p:not(.eyebrow){max-width:370px;color:var(--muted);font-size:17px;line-height:1.7}
.film-copy .text-link{display:inline-block;margin-top:26px;font-size:15px}
.film-feature{margin:0;min-width:0}.film-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#051016;border:1px solid #35505b;border-radius:4px}
.film-frame picture,.film-frame picture img{display:block;width:100%;height:100%}.film-frame picture{position:absolute;inset:0}
.film-frame picture img{object-fit:cover}.film-frame video{width:100%;height:100%;object-fit:contain;background:#050b10;display:block}
.film-frame video[hidden],.film-frame picture[hidden],.film-launch[hidden]{display:none}
.film-launch{position:absolute;inset:0;width:100%;display:flex;gap:16px;align-items:flex-end;padding:25px;border:0;text-align:left;color:white;background:linear-gradient(180deg,transparent 45%,#031016dc);cursor:pointer}
.film-play-icon{display:grid;place-items:center;flex:0 0 49px;height:49px;border:1px solid #c7f6f6;border-radius:50%;font-size:16px;background:#0b23366b;transition:background .2s,transform .2s}
.film-launch>span:last-child{font-size:17px;font-weight:500;padding-bottom:1px}.film-launch small{display:block;font:12px/1.6 var(--mono);color:#cee4e8;margin-top:3px}
.film-launch:hover .film-play-icon{background:#22ddf2;color:#071116;transform:scale(1.05)}
.film-launch:focus-visible{outline:3px solid #b4fff5;outline-offset:-5px}
.film-feature figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:12px;color:#91aab5;font:12px/1.6 var(--mono)}
.film-feature figcaption span:first-child{color:#c0d9dd}.film-status{color:var(--accent);font-size:14px;min-height:0;margin-top:8px}.film-status:empty{display:none}
.audience-inline{margin-top:42px;padding:25px 0 0;border-top:1px solid var(--line)}
.audience-inline h3{font-size:18px;font-weight:500;color:#d8e8eb;letter-spacing:-.02em}.audience-inline p{font-size:15px;line-height:1.9;color:#9ab3bd;margin-top:8px}.audience-inline p span{color:#39c6d7;padding:0 9px}
.evidence-metric{display:flex;align-items:baseline;gap:14px;color:#aac0c8;font-size:14px;margin:-10px 0 26px}.evidence-metric strong{font:25px var(--heading);letter-spacing:-.04em;color:#a8f7ef}
.project-extras{border-top:1px solid var(--line);margin-top:28px}.project-extras summary,.scope-note summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:22px 0;color:#c3e2e7;font-size:16px;list-style:none}
.project-extras summary::-webkit-details-marker,.scope-note summary::-webkit-details-marker{display:none}
.project-extras summary>span,.scope-note summary>span{font-size:24px;font-weight:300;color:var(--accent);transition:transform .2s}.project-extras[open] summary>span,.scope-note[open] summary>span{transform:rotate(45deg)}
.project-extras summary:focus-visible,.scope-note summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.project-extras .project-pair{margin-top:4px}
.project-copy p,.delivery-copy p,.process-grid p{line-height:1.65}.tour-source{font-size:13px}.project-limit{font-size:14px!important}
.process{border-top:1px solid var(--line)}.process-grid h3{font-size:clamp(2.6rem,4vw,4rem)}.process-grid .mono{margin-top:18px}
.scope-note{border-top:1px solid var(--line);margin-top:32px}.scope-note p{font-size:16px;color:var(--muted);max-width:880px;line-height:1.7;padding-bottom:8px}
#live,#capabilities,#projects,#deliverables,#process,#contact{scroll-margin-top:108px}.live-section{padding-top:76px}
.contact-copy h2{margin-top:20px}.contact-copy>p:not(.eyebrow){font-size:17px}.contact form{align-self:start}
.scene-offscreen .cap-sweep{animation-play-state:paused}
@media(min-width:761px) and (max-width:1100px){.site-film{gap:36px;grid-template-columns:.85fr 1.2fr}.film-copy h2{font-size:42px}.brand-stage{height:440px}.hero{min-height:0}.film-feature figcaption{display:block}.film-feature figcaption span{display:block}}
@media(max-width:760px){
 .hero{min-height:0;padding-inline:22px}.hero-heading{padding-top:20px}.hero-heading .eyebrow{font-size:10px}
 .brand-stage{height:335px;width:calc(100% + 44px);margin:0 -22px}.brand-stage-note{font-size:10px;bottom:3px}
 .hero-message{padding:18px 0 20px;gap:14px}.hero-message p{font-size:16px;order:0}.hero-message .button{order:1}.hero-secondary{font-size:14px;order:2}
 .hero-sequence{min-height:80px;padding-bottom:5px}.brand-chapters{font-size:10px}.brand-chapters span{padding:12px 0 5px}.brand-controls button{font-size:12px;min-height:44px}
 .hero-sequence .sequence-label{display:none}.section{padding:62px 22px}.section-heading{margin-bottom:28px}.section-heading>div>p{font-size:16px}
 .site-film{grid-template-columns:1fr;gap:28px}.film-copy h2{font-size:42px;margin:16px 0}.film-copy>p:not(.eyebrow){font-size:16px;max-width:100%}.film-copy .text-link{margin-top:20px}
 .film-feature{width:100%;max-width:360px;margin:auto}.film-frame{aspect-ratio:9/16;width:100%;max-width:calc(66svh * 9 / 16);margin:auto}.film-feature figcaption{display:block;font-size:11px;max-width:360px;margin:auto}.film-feature figcaption span{display:block}.film-launch{padding:18px;gap:12px}.film-play-icon{flex-basis:44px;height:44px}.film-launch>span:last-child{font-size:16px}.film-launch small{font-size:10px}
 .audience-inline{margin-top:28px;padding-top:22px}.audience-inline h3{font-size:18px}.audience-inline p{font-size:14px}.audience-inline p span{padding:0 5px}
 .evidence-metric{flex-wrap:wrap;gap:8px 12px;font-size:13px;margin:0 0 24px}.project-extras summary,.scope-note summary{font-size:15px;line-height:1.55;padding-block:20px}
 .live-section{padding-top:56px}.process-grid{gap:28px}.process-grid article{border-top:1px solid var(--line);padding-top:20px}.process-grid h3{font-size:42px}.process-grid p,.delivery-copy p{font-size:16px}
 .contact-copy>p:not(.eyebrow){font-size:16px}.contact-copy{margin-bottom:30px}#live,#capabilities,#projects,#deliverables,#process,#contact{scroll-margin-top:88px}
}
@media(max-width:360px){.brand-stage{height:305px}.hero-message p{font-size:15px}.film-copy h2{font-size:38px}.film-frame{max-width:100%}.film-feature figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.film-play-icon,.project-extras summary>span,.scope-note summary>span{transition:none}}