/* ---------- Fleet slider (departure-board style) ---------- */
.hero-photo.slider{ position:relative; }
.hero-photo.slider .slides{ position:relative; width:100%; height:100%; }
.hero-photo.slider .slides img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; display:block;
  opacity:0; transform:scale(1.07);
  transition:opacity 1.2s ease, transform 7s linear;
  z-index:1;
}
.hero-photo.slider .slides img.active{ opacity:1; transform:scale(1); z-index:2; }
.hero-photo.slider .slide-dots{
  position:absolute; left:0; right:0; bottom:0;
  display:flex; gap:6px; padding:12px; z-index:3;
  background:linear-gradient(to top, rgba(18,21,27,.55), transparent);
}
.hero-photo.slider .slide-dots button{
  appearance:none; border:none; cursor:pointer; padding:0;
  width:18px; height:3px; border-radius:1px;
  background:rgba(246,241,228,.38);
  transition:background .25s ease, width .25s ease;
}
.hero-photo.slider .slide-dots button.active{
  background:var(--yellow, #F7B500); width:28px;
}
.hero-photo.slider .slide-dots button:hover{ background:var(--yellow-2, #FFD24C); }
@media (prefers-reduced-motion: reduce){
  .hero-photo.slider .slides img{ transition:opacity .3s ease; transform:none !important; }
}