/* Keep the landscape on its own layer so scrolling moves pixels, not layout. */
.hero{background:none;overflow:hidden;overflow:clip}
.hero::after{content:'';position:absolute;inset:-55px 0;z-index:-2;background:url('mountain.png') center 60%/cover no-repeat;transform:translate3d(0,var(--mountain-shift,0px),0) scale(var(--mountain-scale,1.07));transform-origin:center 65%;will-change:transform;pointer-events:none}
.hero::before{background:linear-gradient(#0b091133,transparent 58%,#0b091155 80%,#0b0911);z-index:-1;pointer-events:none}
.studio-art img{transform:translate3d(0,var(--studio-shift,0px),0) scale(1.3);will-change:transform}
@media(min-width:1600px){.hero::after{background-position:center 52%;background-size:100% auto}}
@media(max-width:700px){.hero::after{background-position:60% bottom;inset:-35px 0}}
@media(prefers-reduced-motion:reduce){.hero::after,.studio-art img{transform:none;will-change:auto}}