.hero-video{position:absolute;inset:0;overflow:hidden;background:#031d31}
.hero-slide{position:absolute;inset:0;background-image:var(--slide-image);background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.06);transition:opacity 1.1s ease,transform 7s ease;will-change:transform,opacity;pointer-events:none}
.hero-slide.is-active{opacity:1;transform:scale(1)}
.hero-dots{position:absolute;z-index:5;right:clamp(28px,4vw,72px);bottom:42px;display:flex;gap:11px}
.hero-dots button{width:34px;height:4px;padding:0;border:0;background:#ffffff66;cursor:pointer;transition:width .35s ease,background .35s ease}
.hero-dots button.is-active{width:58px;background:#b3d8d2}
.hero .shade{z-index:2;background:linear-gradient(90deg,rgba(3,29,49,.96) 0%,rgba(3,29,49,.8) 35%,rgba(3,29,49,.28) 66%,rgba(3,29,49,.08) 100%)}
.hero .rings,.hero .hero-content,.hero .down{z-index:3}
.hero-video:before{content:'';position:absolute;z-index:1;left:-10%;right:-10%;bottom:-4%;height:38%;background:repeating-linear-gradient(172deg,transparent 0 18px,rgba(171,222,230,.13) 20px 22px,transparent 24px 43px);mix-blend-mode:screen;opacity:.65;animation:water-shimmer 9s ease-in-out infinite alternate;pointer-events:none}
.hero-video:after{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(3,28,46,.6),transparent 72%);pointer-events:none}
@keyframes water-shimmer{0%{transform:translate3d(-4%,5px,0);opacity:.5}100%{transform:translate3d(5%,-10px,0);opacity:.88}}
@media(max-width:900px){.hero .shade{background:linear-gradient(90deg,rgba(3,29,49,.94),rgba(3,29,49,.62) 62%,rgba(3,29,49,.16))}}
@media(max-width:760px){.hero-slide{background-position:64% center}.hero .shade{background:linear-gradient(0deg,#031d31 0%,rgba(3,29,49,.86) 58%,rgba(3,29,49,.18))}.hero-copy{position:relative;z-index:4}.hero-dots{right:20px;bottom:28px}.hero-dots button{width:25px}.hero-dots button.is-active{width:42px}}
@media(prefers-reduced-motion:reduce){.hero-video:before{animation:none}.hero-slide{transform:scale(1.02);transition:opacity 1.1s ease}.hero-slide.is-active{transform:scale(1.02)}}