/* Shared navigation, reading rhythm and small-screen corrections. */
html{scroll-padding-top:100px}
body .header,.immersive-home .header{position:fixed;inset:0 0 auto;height:88px;z-index:40;background:#0b0c0edb;backdrop-filter:blur(16px);color:#f3efe8}
body .header .wordmark{font-size:38px}
.header nav>a{min-height:44px;display:inline-flex;align-items:center}
.header .nav-cta{padding:10px 22px}
.header nav>a:hover{color:#ffaf9e}
.header nav>a[aria-current]{color:#ffaf9e}
body:not(.immersive-home) .page-intro{padding-top:165px}
.service-chapter{scroll-margin-top:12px}
.service-proof img{aspect-ratio:1.6;height:auto}
.studio-mosaic img{width:100%;display:block}
.film-player{position:relative}
.film-player .film-toggle{min-height:44px;max-width:calc(100% - 32px)}
.case-cover img{max-width:100%}
.case-story h2{font-size:clamp(34px,3.8vw,62px);line-height:1.15}
.gallery-button:focus-visible{outline-offset:5px}
.close-dialog{min-height:44px;min-width:100px}
.contact-after summary{min-height:32px}
#consultation-review{scroll-margin-top:15px}
#consultation-errors{scroll-margin-top:10px}
.consultation-panel input,.consultation-panel textarea{scroll-margin-top:15px}
.consultation-panel #edit-consultation{color:#f3efe8;min-height:44px}
.footer,.footer-title{color:#f3efe8}
.footer-title em{color:#a7aaa9}
.case-films{color:#f3efe8}
@media(max-width:650px){
 html{scroll-padding-top:90px}
 body .header,.immersive-home .header{height:76px}
 body .header .wordmark{font-size:36px}
 .header nav{top:76px;max-height:calc(100svh - 76px);overflow-y:auto;background:#101214;box-shadow:0 20px 35px #0006}
 .header nav>a{min-height:48px}
 .header .menu-toggle{min-height:44px}
 .header nav .nav-cta{border-color:#ffffff40}
 body:not(.immersive-home) .page-intro{padding-top:130px}
 .service-chapter{scroll-margin-top:10px}
 .service-statement{font-size:16px;line-height:1.7}
 .case-title h1{font-size:clamp(43px,11vw,58px)}
 .video-grid{grid-template-columns:1fr}
 .video-grid .vertical{max-width:380px;margin-inline:auto;width:100%}
 .portrait-grid{grid-template-columns:1fr}
 .studio-mosaic span{line-height:1.5}
 #consultation-review{scroll-margin-top:10px}
 .footer-title{font-size:clamp(40px,10vw,57px)}
}
@media(max-height:650px) and (min-width:801px){
 .experience-active .intro-scene{bottom:10%;max-width:54vw}
 .experience-active .intro-scene h1{font-size:clamp(40px,4.2vw,65px)}
 .experience-active .intro-scene .eyebrow{margin-bottom:14px}
 .experience-active .intro-scene .scene-lead{font-size:12px;line-height:1.5;margin-top:16px}
 .intro-location{display:none}
 .experience-active .scene-copy h2{font-size:56px}
}
.section.lab-criteria{margin-inline:var(--pad)}