/* One continuous photographic surface across hero and collection. No separate section textures. */
body{background-color:#0a0a0a}
#bg-wrap{overflow:hidden!important}
#page-bg{background-color:#0a0a0a!important;background-image:url('assets/mercedes-sol-continu.png')!important;background-size:var(--scene-width,2300px) auto!important;background-position:center var(--scene-top,-180px)!important;background-repeat:no-repeat!important;transform:translate3d(0,var(--scene-travel,0px),0)!important;will-change:transform}
#page-bg:before{content:"";position:absolute;top:var(--scene-top,-180px);left:50%;width:var(--scene-width,2300px);height:calc(var(--scene-width,2300px)*.562799);transform:translateX(-50%);background:url('../assets/hero-mercedes.png') center/100% 100% no-repeat;mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%);pointer-events:none}
#page-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 0,transparent 650px,rgba(0,0,0,.38) 1150px,rgba(0,0,0,.32) 100%);pointer-events:none}
#bg-scrim{display:none!important}
#hero{background:transparent;isolation:isolate}
#hero .hero-bg-img{opacity:0!important;transform:none!important}
#hero:after{display:none}
#hero>div.absolute.inset-x-0.bottom-0{display:none}
#hero>div.relative{z-index:2}
#collection{isolation:isolate;background:transparent}
#collection:before{display:none}
#collection h2,#collection .eyebrow,#collection p.text-white\/70,#collection p.text-white\/85{text-shadow:0 2px 16px #000,0 1px 4px #000}
.marquee-track{animation-duration:55s!important}
#how{color:#f2f2ee}#how h2{color:#fff}#how>.max-w-7xl>div>p{color:#deded8}#how .eyebrow{color:#facc15}footer>.absolute{opacity:.5}

@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important}}

#page-texture-screen,#page-texture-multiply,#floor-top,#floor-bottom{display:none!important}

#how h3{color:#0a0a0a}
