/* A full-height first view is enabled only after the existing flow controller
   is running. Without JavaScript the regular header and document flow remain. */
@media(prefers-reduced-motion:no-preference){
 body.site-v25.home-immersive[data-immersive-active=true]{padding-top:0}
 .home-immersive[data-immersive-active=true] .home-flow{--scene-h:100svh}
 .home-immersive[data-immersive-active=true] .home-flow-enhanced .flow-viewport{top:0;height:100svh}
 .home-immersive[data-immersive-active=true] .home-flow-enhanced .native-blender-hero{height:100%;min-height:0}
 .home-immersive[data-immersive-active=true] .home-flow-enhanced .service-story .service-world-layout{top:var(--header-height);height:calc(100% - var(--header-height))}
 .home-immersive[data-immersive-active=true] .site-header{
  transform:translate3d(0,calc(-100% + var(--immersive-header-progress,0)*100%),0);
  opacity:var(--immersive-header-progress,0);
  transition:none;
  will-change:transform,opacity;
 }
 .home-immersive[data-immersive-active=true] .site-header[aria-hidden=true]{pointer-events:none}
 .home-immersive[data-immersive-active=true] .native-blender-hero .hero-copy{margin-left:clamp(24px,3.34vw,48px)}
}
@media(prefers-reduced-motion:no-preference) and (max-width:800px){
 /* The existing 24px side gutter is already the intended mobile copy offset. */
 .home-immersive[data-immersive-active=true] .native-blender-hero .hero-main{width:calc(100% - 48px)}
 .home-immersive[data-immersive-active=true] .native-blender-hero .hero-copy{margin-left:0}
}