/* animations.css — n'agit que sur les éléments déjà marqués .is-hidden par
   animations.js (progressive enhancement : sans JS ou avec reduced-motion,
   tout reste visible par défaut, cf. commentaire dans animations.js). */
[data-animate] {
  transition: opacity var(--motion-base) var(--motion-easing),
              transform var(--motion-base) var(--motion-easing);
}
[data-animate].is-hidden {
  opacity: 0;
  transform: translateY(16px);
}
[data-animate].is-visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate] { transition: none; }
}