.hero-carousel{position:relative;width:112%;margin-left:-6%;aspect-ratio:16 / 9;overflow:hidden;background:#242424}
.carousel-track,.carousel-slide{position:absolute;inset:0;margin:0}
.carousel-slide{opacity:0;visibility:hidden;transition:opacity .45s ease}
.carousel-slide.is-active{opacity:1;visibility:visible;z-index:1}
.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}
.carousel-dots{position:absolute;left:50%;bottom:16px;z-index:3;display:flex;gap:8px;transform:translateX(-50%);padding:7px 10px;background:rgba(23,23,23,.45);border-radius:20px}
.carousel-dot{width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:transparent;padding:0;cursor:pointer;opacity:.9}.carousel-dot.is-active{background:#fff}
@media(max-width:760px){.hero-carousel{width:100%;margin-left:0;aspect-ratio:16 / 9}.carousel-dots{bottom:10px;gap:7px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.carousel-slide{transition:none}}