/* Full-bleed environment, with one shared stage for the shop and street props. */
.home-page main .hero{grid-template-columns:minmax(0,1fr);max-height:none;background:#0a1421;isolation:isolate}
.home-page .hero .hero-scene{isolation:isolate;container-type:size;width:min(1680px,94vw);z-index:1}
.hero-set{position:absolute;bottom:0;left:50%;width:min(100cqw,179cqh,1480px);aspect-ratio:1678/937;transform:translateX(-50%);isolation:isolate}
.hero-depth-city{position:absolute;inset:0;z-index:0;pointer-events:none;transform:translate3d(var(--city-x,0px),var(--city-y,0px),0)}
.hero-depth-city img{position:absolute;left:50%;top:var(--city-top,-32px);display:block;width:var(--city-width,calc(100% + 64px));height:var(--city-height,calc(100% + 64px));max-width:none;object-fit:cover;transform:translateX(-50%);filter:brightness(.65) saturate(.8)}
.hero-depth-light{position:absolute;inset:-32px;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 20% 64%,#eeb54c18,transparent 36%),radial-gradient(ellipse at 82% 65%,#efb76714,transparent 35%),linear-gradient(180deg,#07101c55,transparent 35%,#08080822 72%,#080808ed);transform:translate3d(var(--light-x,0px),var(--light-y,0px),0)}
.home-page .hero .hero-facade{position:relative;z-index:2;display:block;width:100%;height:100%;max-width:none;object-fit:contain;transform:translate3d(var(--facade-x,0px),var(--facade-y,0px),0);filter:drop-shadow(0 12px 12px #0005)}
.hero-set::before{content:"";position:absolute;left:2%;right:0;bottom:-1%;height:8%;background:radial-gradient(ellipse,#000c,transparent 70%);pointer-events:none}
/* Feet meet the facade's pavement, including the transparent margins in each asset.
   Position and scale follow the storefront, rather than the edges of the viewport. */
.hero-depth-street{position:absolute;bottom:-3.5%;width:28%;height:74%;z-index:3;pointer-events:none;overflow:hidden;filter:brightness(.85)}
.hero-depth-street img{position:absolute;bottom:0;height:100%;width:auto;max-width:none}
.hero-depth-street-left{left:-11%;transform:translate3d(var(--near-x,0px),var(--near-y,0px),0)}
.hero-depth-street-left img{left:0}
.hero-depth-street-right{right:-10%;transform:translate3d(var(--street-x,0px),var(--street-y,0px),0)}
.hero-depth-street-right img{right:0}
.home-page .hero::after{background:linear-gradient(0deg,#080808 0,transparent 22%),linear-gradient(180deg,#050b1333,transparent 24%)}
.home-page .hero-content{z-index:3}
@media(max-width:760px){
 .home-page .hero .hero-scene{width:calc(100% + 16px);max-width:calc(100vw - 24px)}
 .hero-depth-city img{filter:brightness(.55) saturate(.75)}
 .hero-depth-street{bottom:-2.8%;height:64%;width:24%}
 .hero-depth-street-left{left:-2%}
 .hero-depth-street-right{right:-2%}
}
@media(prefers-reduced-motion:reduce){
 .hero-depth-city,.hero-depth-light,.hero-depth-street,.home-page .hero .hero-facade{transform:none}
 .home-page .hero-scene{animation:none}
}