/* Keep the full identity visible through the entire scroll journey. */
.site-header{--emblem-size:calc(160px - 56px * var(--header-progress))}
.site-header .header-inner{height:calc(172px - 56px * var(--header-progress));min-height:0;padding-top:16px}
.site-header .brand{width:auto;max-width:none;height:auto;gap:18px;align-items:center;transform:none}
.site-header .brand img{position:static;width:var(--emblem-size);height:var(--emblem-size);opacity:1!important;transform:none!important;pointer-events:auto}
.site-header svg.brand-name{width:260px;height:auto;transform:none!important}
.brand .header-tag{left:calc(var(--emblem-size) + 18px);top:calc(50% + 38px);transform:none;opacity:calc(.75 * (1 - var(--header-progress)))}
.company-status{font-size:12px;line-height:1.7;color:var(--muted);margin-top:18px;margin-bottom:24px;max-width:800px}
@media(max-width:1100px){
 .site-header{--emblem-size:calc(128px - 40px * var(--header-progress))}
 .site-header .header-inner{height:calc(145px - 37px * var(--header-progress))}
 .site-header .brand{gap:12px}
 .site-header svg.brand-name{width:200px}
 .brand .header-tag{left:calc(var(--emblem-size) + 12px);top:calc(50% + 29px)}
}
@media(max-width:900px) and (min-width:701px){
 .site-header{--emblem-size:calc(96px - 16px * var(--header-progress))}
 .site-header .header-inner{height:calc(120px - 16px * var(--header-progress));gap:12px}
 .site-header .brand{gap:8px}
 .site-header svg.brand-name{width:160px}
 .site-nav{gap:12px}
 .site-nav a,.vehicle-nav-toggle{font-size:11px}
 .site-nav .nav-cta{padding:11px 12px}
}
@media(max-width:700px){
 .site-header{--emblem-size:76px}
 .site-header .header-inner{height:94px;padding-top:12px}
 .site-header .brand{gap:8px;width:auto;max-width:calc(100% - 48px);height:auto}
 .site-header svg.brand-name{width:150px;max-width:calc(100vw - 160px)}
 .site-header .brand img{flex-shrink:0}
 .mobile-photo-story .vehicle-window{top:100px}
}
@media(prefers-reduced-motion:reduce){.site-header{--emblem-size:104px}.site-header .header-inner{height:116px}}
@media(max-width:1100px) and (prefers-reduced-motion:reduce){.site-header{--emblem-size:88px}.site-header .header-inner{height:108px}}
@media(max-width:900px) and (min-width:701px) and (prefers-reduced-motion:reduce){.site-header{--emblem-size:80px}.site-header .header-inner{height:104px}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.site-header{--emblem-size:76px}.site-header .header-inner{height:94px}}