.hero{position:relative;width:100%;height:600px;overflow:hidden;background:#fff}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.hero-slide.is-active{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hero-text{position:absolute;top:14px;right:3px;max-width:100%;text-align:right;z-index:2;pointer-events:none}
.hero-text p{margin:0;font:400 30px/35px Lato,sans-serif;color:#41708a;text-shadow:0 0 10px rgba(255,255,255,.75)}
.hero-dots{position:absolute;left:0;right:0;bottom:25px;display:flex;justify-content:center;gap:9px;z-index:2}
.hero-dots button{width:13px;height:13px;padding:0;border-radius:50%;border:2px solid #fff;background:rgba(255,255,255,.35);cursor:pointer}
.hero-dots button.is-active{background:#fff}
.hero-dots button:focus-visible{outline:2px solid #41708a;outline-offset:2px}
@media (max-width:1024px){.hero{height:550px}}
@media (max-width:778px){.hero{height:500px}.hero-text{right:10px;left:10px}.hero-text p{font-size:22px;line-height:28px}}
@media (prefers-reduced-motion:reduce){.hero-slide{transition:none}}