/* ==========================================================================
   Animations sobres. L'état final est identique à la maquette ;
   sans JavaScript (ou avec prefers-reduced-motion), tout est visible d'emblée.
   ========================================================================== */

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes zoom-in {
  from { opacity: 0; transform: scale(.96); }
  to { opacity: 1; transform: none; }
}

@keyframes pulse-ring {
  0% { stroke-width: 2.6; stroke-opacity: 1; }
  70% { stroke-width: 12; stroke-opacity: 0; }
  100% { stroke-width: 12; stroke-opacity: 0; }
}

.js [data-reveal] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s var(--ease), transform .7s var(--ease);
  transition-delay: var(--reveal-delay, 0s);
}
.js [data-reveal].is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .js [data-reveal] { opacity: 1; transform: none; }
}