.hero{isolation:isolate}
.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity 1.2s ease;pointer-events:none;z-index:0}
.hero-slide.is-visible{opacity:1}
.hero::before{z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,18,12,.94) 0%,rgba(8,18,12,.76) 38%,rgba(8,18,12,.2) 76%),linear-gradient(0deg,rgba(8,18,12,.4),transparent 45%)}
.hero .hero-inner,.hero .scroll-cue{z-index:2}
.hero-pause{position:absolute;bottom:30px;left:6vw;z-index:2;background:#101b1499;color:#fff;border:1px solid #ffffff55;border-radius:999px;padding:9px 14px;font:inherit;font-size:12px;cursor:pointer}
.hero-pause:focus-visible{outline:2px solid #ffc400;outline-offset:3px}
@media(max-width:620px){.hero-slide{background-position:62% center}.hero-pause{bottom:18px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}