/* ============================================================
   scroll-anim.css — Nect'Art
   États initiaux + transitions pour les animations au scroll.
   ============================================================ */

/* Fade-up (blocs, cartes, lignes) */
.na-sa {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity  0.58s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.58s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}
.na-sa.is-in {
  opacity: 1;
  transform: translateY(0);
}

/* Fade-up + scale (images) */
.na-sa-img {
  opacity: 0;
  transform: translateY(12px) scale(0.987);
  transition:
    opacity   0.7s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}
.na-sa-img.is-in {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Mot par mot (spans générés par JS) */
.na-saw {
  display: inline-block;
  opacity: 0;
  transform: translateY(-9px);
  transition:
    opacity   0.46s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.46s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}
.na-saw.is-in {
  opacity: 1;
  transform: translateY(0);
}

/* Pas d'animation derrière le lightbox */
body.na-lb-open .na-sa,
body.na-lb-open .na-sa-img,
body.na-lb-open .na-saw {
  transition: none;
}