.hero-slider{
  position:relative;
  overflow:hidden;
  width:100%;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  min-height:clamp(320px,60vh,760px);
}
.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .8s ease;
}
.hero-slide.is-active{opacity:1;}
.hero-slide img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
/* Dots */
.hero-dots{
  position:absolute;
  left:50%;
  bottom:clamp(8px,2vw,24px);
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  z-index:2;
}
.hero-dot{
  width:10px;
  height:10px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.55);
  cursor:pointer;
}
.hero-dot.is-active{background:#fff;}