.hero{overflow:hidden}.hero-slides{z-index:0;position:absolute;inset:0}.hero-slides img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.hero-slides img.active{opacity:1}.hero:has(.hero-slides) .hero-overlay{z-index:1;background:linear-gradient(90deg,#280812eb 0%,#450e1fc7 39%,#4612211f 76%),radial-gradient(circle at 79% 32%,#ffffff1f,#0000 22%)}.hero-dots{z-index:3;gap:8px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hero-dots button{cursor:pointer;background:0 0;border:1px solid #ffffffd9;border-radius:50%;width:8px;height:8px;padding:0}.hero-dots button.active{background:#fff}@media (prefers-reduced-motion:reduce){.hero-slides img{transition:none}}