.hv-slider{position:relative;width:100%;aspect-ratio:3.2/1;overflow:hidden;background:#111}
.hv-slider__track,.hv-slider__slide{position:absolute;inset:0;margin:0}
.hv-slider__slide{opacity:0;transition:opacity .9s ease;visibility:hidden}
.hv-slider__slide.is-active{opacity:1;visibility:visible}
.hv-slider__slide img{width:100%;height:100%;object-fit:cover;display:block}
.hv-slider__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:28px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s}
.hv-slider:hover .hv-slider__nav,.hv-slider__nav:focus-visible{opacity:1}
.hv-slider__prev{left:16px}.hv-slider__next{right:16px}
.hv-slider__dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px}
.hv-slider__dot{width:10px;height:10px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer}
.hv-slider__dot.is-active{background:#fff}
@media (max-width:600px){.hv-slider{aspect-ratio:2/1}.hv-slider__nav{opacity:1;width:36px;height:36px}}
@media (prefers-reduced-motion:reduce){.hv-slider__slide{transition:none}}