/* ---------- HERO SLIDER (adapted from Sammy's snippet) ---------- */
.hero-slider{position:absolute;inset:0;overflow:hidden;}
.hero-slider .slide{
  position:absolute;inset:0;
  background-size:cover;background-position:center 62%;
  background-color:#0E151B;
  opacity:0;transform:scale(1.08);
  transition:opacity 1.4s ease, transform 7s ease;
}
.hero-slider .slide.active{opacity:1;transform:scale(1.14);}
.slider-dots{
  position:absolute;right:var(--gutter,24px);bottom:26px;z-index:4;
  display:flex;gap:9px;
}
.slider-dots .dot{
  width:8px;height:8px;border-radius:50%;cursor:pointer;
  background:rgba(236,231,223,.28);
  transition:background .3s ease, transform .3s ease, width .3s ease;
}
.slider-dots .dot:hover{background:rgba(236,231,223,.6);}
.slider-dots .dot.active{background:var(--accent);width:22px;border-radius:100px;}
@media (max-width:640px){ .slider-dots{display:none;} }