/* ============================================================
   ANIMATIONS DE RÉVÉLATION AU SCROLL — module partagé
   ------------------------------------------------------------
   Même effet que sur la page d'accueil (fondu + léger décalage
   vers le haut), extrait ici pour pouvoir être réutilisé sur
   toutes les pages du site. Piloté par js/reveal.js.

   Usage : ajouter la classe .reveal sur un élément, et
   éventuellement .reveal-delay-1/2/3 pour décaler l'apparition
   des éléments voisins.

   Rien ne s'applique tant que .reveal n'est pas posé
   explicitement : ce fichier ne peut donc pas modifier
   l'apparence d'une page existante.
   ============================================================ */

.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .6s ease, transform .6s ease;
  will-change: opacity, transform;
}

.reveal.in {
  opacity: 1;
  transform: translateY(0);
}

.reveal-delay-1.in { transition-delay: .08s; }
.reveal-delay-2.in { transition-delay: .16s; }
.reveal-delay-3.in { transition-delay: .24s; }
.reveal-delay-4.in { transition-delay: .32s; }

/* Respect des préférences système : pas d'animation si l'utilisateur
   a demandé à réduire les mouvements. */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}