/* ============================================================
   MY VTC GO — city-animation.css
   Animations spécifiques aux pages ville
   Séparé de city.css pour permettre de désactiver
   indépendamment (accessibilité, performance)
   ============================================================ */

/* ===== PULSE (live dot hero) ===== */
@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: .5; transform: scale(.75); }
}

/* ===== SECTION REVEAL AU SCROLL ===== */
.city-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.55s ease, transform 0.55s cubic-bezier(.22,.68,0,1.2);
}
.city-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ===== HERO MOUSE GLOW ===== */
.hero {
  --mx: 50%;
  --my: 50%;
}
.hero::after {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(
    500px circle at var(--mx) var(--my),
    rgba(192,192,192,0.04),
    transparent 60%
  );
  z-index: 1; pointer-events: none;
  transition: background 0.1s ease;
}

/* ===== PREFERS REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
  .city-reveal { opacity: 1; transform: none; transition: none; }
  .live-dot { animation: none; }
  .hero::after { display: none; }
}