/* ==========================================================
   HERO ROTATOR — showreel automobile (fondu + Ken Burns)
   Scopé à .hc-rotator, vient se poser dans .hc-bg du hero
   cinématique existant (hero-cinema.css) sans rien y toucher.
   ========================================================== */

.hero-cinema .hc-bg.hc-rotator{ background:#0A0A0A; }

.hc-rotator .hr-slide{
  position:absolute; inset:0;
  background-size:cover; background-position:center 55%;
  opacity:0; transform:scale(1.12);
  transition: opacity 1.4s cubic-bezier(.4,0,.2,1);
  animation: hrKenBurns 9s linear forwards;
  animation-play-state:paused;
}
.hc-rotator .hr-slide.active{
  opacity:1; z-index:1; animation-play-state:running;
}
.hc-rotator .hr-slide.hr-leaving{ opacity:0; z-index:0; }

@keyframes hrKenBurns{
  from{ transform:scale(1.12) translate3d(0,0,0); }
  to{ transform:scale(1) translate3d(0,-1.2%,0); }
}

/* Pas de voile ici : .hc-scrim (hero-cinema.css) le fait déjà pour tout le
   hero, quel que soit le fond utilisé. En ajouter un second ici double
   l'assombrissement au lieu de l'unifier — piège classique à éviter. */

/* Points de navigation, sobres, coin bas-droit du bandeau visuel */
.hc-rotator .hr-dots{
  position:absolute; z-index:20; right:22px; bottom:22px;
  display:flex; gap:9px; align-items:center;
}
.hc-rotator .hr-dot{
  width:7px; height:7px; border-radius:50%; padding:0;
  border:1px solid rgba(255,255,255,.55); background:transparent;
  cursor:pointer; transition:.35s; position:relative;
}
.hc-rotator .hr-dot::after{
  content:""; position:absolute; inset:-6px; border-radius:50%;
}
.hc-rotator .hr-dot.active{
  width:22px; border-radius:5px;
  background:linear-gradient(135deg,#F6E0AC 0%,#E4B876 60%,#AD7C2E 100%);
  border-color:transparent;
}
.hc-rotator .hr-dot:hover{ border-color:#E4B876; }

@media(prefers-reduced-motion: reduce){
  .hc-rotator .hr-slide{ animation:none; transform:none; transition:opacity .3s; }
}
@media(max-width:640px){
  .hc-rotator .hr-dots{ right:16px; bottom:16px; }
}