.hero-carousel{position:absolute;z-index:0;inset:0}.hero-carousel__slide{object-fit:cover}.hero-carousel__dots{position:absolute;z-index:4;bottom:clamp(2rem,5vw,3.5rem);left:50%;display:flex;gap:.5rem;transform:translateX(-50%)}.hero-carousel__dot{width:8px;height:8px;padding:0;border:1.5px solid rgb(255 255 255/65%);border-radius:50%;background:transparent;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.hero-carousel__dot:hover{border-color:rgb(255 255 255/90%);transform:scale(1.2)}.hero-carousel__dot--active{border-color:white;background:white}