/* The hero keeps its dissolving sky; shared page-bend.js moves all DOM content. */
.scroll-scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict;background:var(--bg)}
.scroll-scene-canvas{display:block;width:100%;height:100%}
.reference-motion main,.reference-motion .footer{position:relative;z-index:1}
.reference-motion .hero{background:transparent}
.reference-motion .hero-art{visibility:hidden}
.reference-motion .hero-topline,.reference-motion .hero-bottom{opacity:var(--topline-opacity,1)}
.hero-content,.hero-bottom{left:50%;transform:translateX(-50%);max-width:1380px}
@media(prefers-reduced-motion:reduce){.scroll-scene{display:none}.reference-motion .hero-art{visibility:visible}.reference-motion .hero-topline,.reference-motion .hero-bottom{opacity:1}}