.hero-bg .hero-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s ease;z-index:0}
.hero-bg .hero-slide.active{opacity:1;visibility:visible}
.hero-bg .hero-slide img{position:absolute;inset:0;width:100%;height:110%;object-fit:cover;object-position:center;filter:none;opacity:1;transform:scale(1.02);transition:transform 7s ease}
.hero-bg .hero-slide.active img{transform:scale(1.06)}
.slider-arrow{position:absolute;z-index:5;top:47%;width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#03132199;color:#fff;font-size:2rem;line-height:1;cursor:pointer;opacity:.7;transition:.25s}
.slider-arrow:hover{opacity:1;background:var(--accent);border-color:var(--accent)}
.slider-arrow.prev{left:20px}.slider-arrow.next{right:20px}
.slider-dots{position:absolute;z-index:6;left:50%;bottom:107px;display:flex;gap:9px;transform:translateX(-50%)}
.slider-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#ffffff88;cursor:pointer;transition:.25s}
.slider-dots button.active{width:27px;border-radius:6px;background:var(--accent)}
@media(max-width:760px){.hero-bg .hero-slide img{object-position:68% center}.slider-arrow{display:none}.slider-dots{bottom:112px}}
@media(prefers-reduced-motion:reduce){.hero-bg .hero-slide{transition:none}.hero-bg .hero-slide img{transition:none}}