/* Keep the compact opening height, but fit the entire film without cropping. */
body[data-view="main"]{--content-width:1360px;--content-gutter:max(7vw,calc((100vw - var(--content-width))/2))}
body[data-view="main"] .header{height:80px;padding:16px max(5vw,24px);background:#fffffffa;color:#193743;border-bottom:1px solid #e5ecef}
body[data-view="main"] .brand{width:132px;min-width:132px;height:40px}
body[data-view="main"] .logo-light{opacity:0}
body[data-view="main"] .logo-color{opacity:1}
body[data-view="main"] .global-menu{position:static;transform:none;margin:auto;top:auto;gap:4px;padding:0;border:0;box-shadow:none;background:none;backdrop-filter:none;color:#223f4b;overflow:visible}
body[data-view="main"] .global-menu a{font-size:14px;padding:10px 14px;opacity:1}
body[data-view="main"] .header-right{margin-left:0}
body[data-view="main"] .contact-link{display:inline-flex;align-items:center;gap:20px;background:#1288b7;color:#fff;border:1px solid #1288b7;border-radius:8px;padding:13px 20px;font-size:14px;box-shadow:none}
body[data-view="main"] .contact-link span{margin:0}
body[data-view="main"] .video-hero{--hero-height:calc(max(100vh,56.25vw) * .5925925926);--hero-right:calc(var(--hero-video-gutter,0px) + clamp(20px,1.5vw,40px));position:relative;height:var(--hero-height);margin-top:80px}
body[data-view="main"] .hero-film{height:100%;top:0;transform:none;object-fit:contain;object-position:center}
body[data-view="main"] #story{position:relative}
body[data-view="main"] .stage{position:sticky;inset:auto;top:0;height:100vh}
body[data-view="main"] .scroll-track{position:absolute;inset:0}
body[data-view="main"] .hero-message{right:var(--hero-right);max-width:min(640px,44vw);transform:translateY(-50%)}
body[data-view="main"] .hero-message h1{font-size:clamp(25.2px,2.17vw,42px);line-height:1.35}
body[data-view="main"] .hero-subtitle{font-size:clamp(17px,1.15vw,22px);margin-top:20px}
body[data-view="main"] .hero-metrics{justify-content:space-between;gap:clamp(12px,1.2vw,20px);margin-top:30px}
body[data-view="main"] .hero-number{font-size:clamp(24px,1.7vw,32px)}
body[data-view="main"] .hero-metric dt{font-size:clamp(11px,.72vw,13px)}
/* Fade in just before the copy. The vertical edge stays outside the viewport. */
body[data-view="main"] .hero-film-shade{display:none}
body[data-view="main"] .hero-message:before{inset:-100vh calc(-1 * var(--hero-right)) -100vh -110px;background:linear-gradient(90deg,transparent,rgba(5,17,27,.32) 110px,rgba(5,17,27,.42) 100%);filter:none}
body[data-view="main"] .hero-subtitle{color:#f0f4f6;text-shadow:0 1px 5px #0006}
body[data-view="main"] .hero-metric dt{color:#f1f5f7;text-shadow:0 1px 5px #0007}
body[data-view="main"] .thumbnail-bands{width:min(var(--content-width),86%);margin-left:auto;margin-right:auto}
body[data-view="main"] .chapter{padding-left:var(--content-gutter);padding-right:var(--content-gutter)}
body[data-view="main"] .scene-3{padding-right:48vw}
body[data-view="main"] .business-panel{padding-left:var(--content-gutter);padding-right:var(--content-gutter)}
body[data-view="main"] .business-pair{max-width:1120px;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);gap:26px}
body[data-view="main"] .business-brand{width:110px;height:110px}
body[data-view="main"] .business-brand img{width:80px}
body[data-view="main"] .business-copy{padding-left:26px;padding-right:26px}
body[data-view="main"] .business-copy ul{column-gap:12px;font-size:clamp(14px,1vw,16px)}
body[data-view="main"] .insights-panel>header,body[data-view="main"] .insight-grid,body[data-view="main"] .insights-bottom{width:min(1120px,100%)}
body[data-view="main"] .main-company-footer{left:var(--content-gutter);right:var(--content-gutter)}
@media(min-width:701px) and (max-width:1100px){body[data-view="main"] .global-menu a{font-size:12px;padding-inline:9px}body[data-view="main"] .brand{width:110px;min-width:110px}body[data-view="main"] .header{gap:12px;padding-inline:3vw}}
@media(max-width:700px){body[data-view="main"] .global-menu{display:none}}