.hero-scroll-scene{position:relative}
.hero-scroll-scene.is-scroll-ready{height:var(--scene-height)}
.hero-scroll-scene.is-scroll-ready .hero--compare{position:sticky;top:0}
.hero--compare{background:#000}
.hero--compare::before{background:#000}
.hero--compare::after{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.8) 26%,transparent 62%),linear-gradient(0deg,#000 0%,transparent 55%);pointer-events:none}
.coremesh-compare{position:absolute;z-index:-1;right:0;top:8vh;width:min(66vw,1100px);aspect-ratio:1672/941;overflow:hidden;background:#000;isolation:isolate;pointer-events:none}
.coremesh-compare__image{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.coremesh-compare__overlay{position:absolute;inset:0;background:#000;clip-path:inset(0 0 0 var(--reveal))}
.coremesh-compare__divider{position:absolute;top:25%;bottom:22%;left:var(--reveal);width:1px;background:linear-gradient(transparent,#7db4f0,transparent);box-shadow:0 0 12px #4f8fd970;opacity:var(--divider-opacity,0)}
@media(max-width:960px){
 .hero--compare .coremesh-compare{position:relative;inset:auto;z-index:0;width:min(100%,620px);align-self:center;flex-shrink:0;margin:0 0 24px}
 .hero--compare{padding-top:96px}
 .hero--compare::after{display:none}
}