/* Each phase owns a separate scroll interval. The initial Services layout stays
   still until the horizontal scene has arrived and completed its reading hold. */
@media(prefers-reduced-motion:no-preference){
 .home-flow-enhanced{height:calc(var(--scene-h)*6.2)}
 .home-flow-enhanced .service-story{transform:translate3d(0,0,0)}
 .home-flow-enhanced .service-world-heading{top:clamp(44px,6svh,64px)}
 .home-flow-enhanced .service-world-intro{top:clamp(220px,30svh,310px)}
 .home-flow-enhanced .service-world-sticky,.home-flow-enhanced .service-story[data-world-enhanced=true] .service-world-sticky{top:0;bottom:0;height:100%}
 .home-flow-enhanced .service-world-canvas{contain:layout paint}
 .home-flow-enhanced .service-world-heading,.home-flow-enhanced .service-world-intro,.home-flow-enhanced .service-story-panel{will-change:transform}
}
@media(prefers-reduced-motion:no-preference) and (max-width:1024px){
 .home-flow-enhanced .service-world-heading{top:26px}
 .home-flow-enhanced .service-world-sticky,.home-flow-enhanced .service-story[data-world-enhanced=true] .service-world-sticky{top:78px;bottom:296px;height:calc(100% - 374px)}
 .home-flow-enhanced .service-world-intro{top:auto;bottom:50px}
 .home-flow-enhanced .service-story-copy,.home-flow-enhanced .service-story[data-world-enhanced=true] .service-story-copy{bottom:60px}
}
@media(prefers-reduced-motion:no-preference) and (max-width:1024px) and (max-height:700px){
 .home-flow-enhanced .service-world-heading{top:18px}
 .home-flow-enhanced .service-world-sticky,.home-flow-enhanced .service-story[data-world-enhanced=true] .service-world-sticky{top:62px;bottom:260px;height:calc(100% - 322px)}
 .home-flow-enhanced .service-world-intro{bottom:34px}
 .home-flow-enhanced .service-story-copy,.home-flow-enhanced .service-story[data-world-enhanced=true] .service-story-copy{bottom:42px}
}