.hero-images{position:absolute;inset:0;z-index:-2}
.hero-images .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .8s ease}
.hero-images .hero-slide.is-active{opacity:1}
.hero-slider .hero-shade{z-index:-1}
.hero-slider .hero-text{padding-bottom:90px}
.hero-slider-controls{position:absolute;bottom:24px;left:45px;right:45px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:65%}
.hero-slider-controls>button{border:1px solid #ffffff80;border-radius:50%;width:34px;height:34px;background:#08201680;color:#fff;font-size:16px;display:grid;place-items:center}
.hero-slider-controls button:hover{background:#ffffff35}
.hero-slider-controls button:focus-visible{outline:3px solid #eed397;outline-offset:3px}
.hero-slider-dots{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.hero-slider-dots button{width:10px;height:10px;padding:0;border:1px solid white;border-radius:50%;background:transparent}
.hero-slider-dots button[aria-pressed="true"]{background:#fff}
@media(max-width:575px){.hero-slider-controls{left:26px;right:26px;bottom:42px;max-width:none}.hero-slider .hero-text{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){.hero-images .hero-slide{transition:none}}