/* =====================================================
   MAXIME DUFLOT — Animation reveal au scroll
   Ajouter .reveal sur un élément, le JS observe et
   ajoute .in quand il entre dans le viewport.
   ===================================================== */

.reveal {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity   1.4s cubic-bezier(.16, 1, .3, 1),
    transform 1.4s cubic-bezier(.16, 1, .3, 1);
}
.reveal.in {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 767px) {
  .reveal {
    transform: translateY(22px);
    transition:
      opacity   0.8s cubic-bezier(.16, 1, .3, 1),
      transform 0.8s cubic-bezier(.16, 1, .3, 1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .reveal {
    transform: none;
    transition: opacity 0.3s ease;
  }
}