/* Override margin-top hero home page — réduit de 59px (Figma) à ~29px (50%) */
.na-hero { margin-top: 29px; }

/* ============================================================
   HERO ANIMATION — mot par mot
   ============================================================ */

/* Chaque mot animé */
.na-aw {
  display: inline-block;
  opacity: 0;
  transform: translateY(-9px);
  animation: naWordFall 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
  will-change: transform, opacity;
}

/* Blocs animés (paragraphe, CTA) */
.na-ab {
  opacity: 0;
  transform: translateY(5px);
  animation: naBlockFade 0.5s cubic-bezier(0.25, 1, 0.5, 1) both;
  will-change: transform, opacity;
}

@keyframes naWordFall {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes naBlockFade {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}