/* ==========================================================================
   BLACKTINT - Animations au scroll (IntersectionObserver)
   4 variantes d'entrée réparties aléatoirement sur les blocs de la page d'accueil
   ========================================================================== */

/* État initial : invisible + décalé */
[data-anim] {
  opacity: 0;
  transition:
    opacity .9s cubic-bezier(.2,.7,.2,1),
    transform 1s cubic-bezier(.2,.7,.2,1);
  will-change: opacity, transform;
}

/* Variante 1 : Glisse depuis la gauche */
[data-anim="left"] {
  transform: translateX(-60px);
}

/* Variante 2 : Glisse depuis la droite */
[data-anim="right"] {
  transform: translateX(60px);
}

/* Variante 3 : Monte depuis le bas */
[data-anim="up"] {
  transform: translateY(60px);
}

/* Variante 4 : Zoom + fade */
[data-anim="scale"] {
  transform: scale(.88);
}

/* Variante 5 : Rotation légère + fade */
[data-anim="tilt"] {
  transform: translateY(40px) rotate(-2deg);
}

/* État final : visible et en place */
[data-anim].is-visible {
  opacity: 1;
  transform: translate(0, 0) scale(1) rotate(0);
}

/* Délai en cascade pour les enfants dans une grille */
[data-anim-delay="1"] { transition-delay: .08s; }
[data-anim-delay="2"] { transition-delay: .16s; }
[data-anim-delay="3"] { transition-delay: .24s; }
[data-anim-delay="4"] { transition-delay: .32s; }
[data-anim-delay="5"] { transition-delay: .40s; }
[data-anim-delay="6"] { transition-delay: .48s; }
[data-anim-delay="7"] { transition-delay: .56s; }
[data-anim-delay="8"] { transition-delay: .64s; }

/* Respect des préférences accessibilité */
@media (prefers-reduced-motion: reduce) {
  [data-anim] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}