.sea-hero-slider{position:relative;width:100%;height:clamp(320px, 60vh, 800px);background:#000;overflow:hidden;contain:layout paint}.sea-hero-slider::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / .25) 0%,rgb(0 0 0 / .10) 40%,rgb(0 0 0 / .35) 100%);pointer-events:none}.sea-hero-slider .slides{position:relative;height:100%}.sea-hero-slider .slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s ease;will-change:opacity;backface-visibility:hidden}.sea-hero-slider .slide.active{opacity:1;visibility:visible}.sea-hero-slider img,.sea-hero-slider video{width:100%;height:100%;object-fit:cover;object-position:center}.sea-hero-slider .nav{position:absolute;top:50%;transform:translateY(-50%);background:rgb(20 20 20 / .45);color:#fff;border:0;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;backdrop-filter:blur(6px)}.sea-hero-slider .nav.prev{left:16px}.sea-hero-slider .nav.next{right:16px}.sea-hero-slider .dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:6px 10px;background:rgb(20 20 20 / .35);border-radius:999px;backdrop-filter:blur(6px)}.sea-hero-slider .dot{width:8px;height:8px;border-radius:50%;background:rgb(255 255 255 / .55);border:0;cursor:pointer}.sea-hero-slider .dot.active{background:#fff}.sea-hero-slider-fullwidth{width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media (max-width:768px){.sea-hero-slider{height:clamp(280px, 48vh, 520px)}.sea-hero-slider-fullwidth{height:60vh}}@media (prefers-reduced-motion:reduce){.sea-hero-slider .slide{transition:none}}.sea-hero-slider .video-shell{position:relative;width:100%;height:100%}.sea-hero-slider .slide-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.sea-hero-slider .play-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgb(20 20 20 / .45);color:#fff;border:0;border-radius:999px;width:64px;height:64px;display:grid;place-items:center;backdrop-filter:blur(6px);cursor:pointer;font-size:24px;line-height:1}.sea-hero-slider .play-overlay:hover{background:rgb(20 20 20 / .6)}@supports (height:1svh){.sea-hero-slider{height:clamp(320px, 60svh, 800px)}@media (max-width:768px){.sea-hero-slider{height:clamp(280px, 48svh, 520px)}}}