/* Brand-only scene. Edge fades sit below the copy so text stays untouched. */
body[data-page="home"] .hero{isolation:isolate;overflow:hidden;mask-image:none;-webkit-mask-image:none}
body[data-page="home"] .hero-copy{z-index:2}
body[data-page="home"] .hero:before{content:'';position:absolute;inset:0 -8%;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.48),rgba(255,255,255,.22) 42%,rgba(255,255,255,.05) 70%),url('assets/brand-hero-extended-background.png') center/cover no-repeat;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 83%,transparent),linear-gradient(to right,transparent,#000 7%,#000 94%,transparent);mask-composite:intersect}
body[data-page="home"] .hero:after{content:'';position:absolute;inset:0;height:auto;z-index:0;pointer-events:none;background:linear-gradient(to right,#fff 0%,transparent 3%,transparent 88%,rgba(255,255,255,.2) 93%,#fff 100%),linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.25) 30%,rgba(255,255,255,.78) 65%,#fff 94%,#fff 100%);background-size:100% 100%,100% clamp(160px,18vw,260px);background-position:center,bottom;background-repeat:no-repeat}
body[data-page="home"] .hero-installation{position:absolute;top:30px;right:-8%;width:116%;aspect-ratio:1672/941;background:none;pointer-events:none;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 66%,rgba(0,0,0,.5) 79%,transparent 94%),linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
.hero-installation>img{width:100%;display:block;max-width:none}
body[data-page="home"] .hero-installation:after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,.8),rgba(255,255,255,.6) 32%,transparent 50%);pointer-events:none}
@media(max-width:900px){
 body[data-page="home"] .hero:before{inset:0 -5%;background-position:60% center}
 body[data-page="home"] .hero-installation{position:relative;top:auto;right:auto;width:100%;aspect-ratio:.95;margin:8px 0 0;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 66%,rgba(0,0,0,.5) 79%,transparent 94%),linear-gradient(to right,transparent,#000 8%,#000 88%,transparent)}
 .hero-installation>img{width:200%;margin-left:-100%}
 body[data-page="home"] .hero-installation:after{display:none}
}