/* The complete page remains in normal flow until the signal is ready. */
body[data-parallax] .scene{position:relative;background:var(--bg)}
body[data-parallax] .scene-stage{position:relative}
body[data-parallax] .scene.is-rest{min-height:0}
body[data-parallax] .scene.is-rest .scene-stage{position:relative;top:auto}

/* Short viewports keep native document flow so every control can scroll into view. */
@media(prefers-reduced-motion:no-preference) and (min-height:700px){
  body[data-parallax=cinematic] .scene.is-live:not(.is-rest){min-height:170svh}
  body[data-parallax=cinematic] .scene.is-live:not(.is-rest) .scene-stage{position:sticky;top:0}
  body[data-parallax=cinematic] .scene.is-live:not(.is-rest) .hero{padding-top:clamp(40px,7svh,72px);padding-bottom:104px}
}
@media(prefers-reduced-motion:no-preference) and (min-height:700px) and (max-width:900px){
  body[data-parallax=cinematic] .scene.is-live:not(.is-rest) .hero{padding-top:40px;padding-bottom:280px}
}
@media(prefers-reduced-motion:reduce){
  body[data-parallax=cinematic] .scene.is-live{min-height:0}
  body[data-parallax=cinematic] .scene .scene-stage{position:relative;top:auto}
}