/* ==========================================================================
   ANIMATION AU SCROLL : COLLÉ ET COURT (DE BAS EN HAUT)
   ========================================================================== */

.reveal-container {
  overflow: hidden;
  display: block;
  /* On force une marge à 0 ou très faible pour coller le sous-titre */
  margin-bottom: 2px; 
}

.title {
  margin: 0;
  display: block;
  
  /* CORRECTION : On le descend de 30% seulement au lieu de 100%. 
     L'animation commence plus haut et ne touche plus le texte du dessous. */
  transform: translateY(30%);
  opacity: 0;
  
  /* Une transition légèrement plus rapide (0.8s) pour aller avec la distance plus courte */
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.8s ease;
}

/* ÉTAT ANIMÉ */
.title.visible {
  transform: translateY(0);
  opacity: 1;
}