/* Scroll position controls height directly, avoiding a threshold animation loop. */
html{overflow-anchor:none}
.hero{height:100svh;min-height:0;max-height:none;overflow:hidden}
.hero>.switch{bottom:max(20px,env(safe-area-inset-bottom));z-index:3}
.hero.hero-scroll-ready{height:var(--hero-height,100svh)}
@media(max-width:600px){.hero>.switch{bottom:max(24px,env(safe-area-inset-bottom))}}