/* =====================================================
   ActusWave — Effets & animations
   Chargé en complément de style.css. Les classes .fx-* sont
   posées par assets/js/anime.js (révélation progressive au scroll).
   Rien n'est masqué si le JS ne s'exécute pas : c'est anime.js qui
   ajoute .fx-reveal, donc sans JS le contenu reste visible.
   ===================================================== */

/* Révélation au scroll : léger fondu + glissement vers le haut. */
.fx-reveal{
  opacity:0;
  transform:translateY(18px);
  will-change:opacity,transform;
  transition:opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1);
}
.fx-reveal.fx-in{opacity:1;transform:none}

/* Léger soulèvement des cartes au survol (en complément du zoom d'image). */
.card{transition:transform .3s ease}
.card:hover{transform:translateY(-4px)}

/* Respect de la préférence « mouvement réduit » : on neutralise tout. */
@media (prefers-reduced-motion: reduce){
  .fx-reveal{opacity:1;transform:none;transition:none}
  .card{transition:none}
  .card:hover{transform:none}
}