.slides{position:absolute;inset:0}
.hero-media .hero-slide{opacity:0;transform:scale(1.035);transition:opacity .7s ease,transform 2.8s ease}
.hero-media .hero-slide.active{opacity:1;transform:scale(1)}
.hero-media:after{z-index:2;pointer-events:none}
.slider-dots{position:absolute;z-index:3;inset:auto 30px 28px;display:flex;gap:9px}
.slider-dot{width:34px;height:4px;padding:0;border:0;background:rgba(255,255,255,.45);transition:.3s}
.slider-dot.active{width:58px;background:var(--orange)}
.slider-dot:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.hero-media .hero-slide{transition:none}}
@media(max-width:600px){.slider-dots{inset:auto 18px 18px}}