/* =========================================================
   rechargement.css — Animation C5 "Apparition en cascade"
   ========================================================= */

/* === C5 === */

/* Pendant la préparation, la page est masquée pour éviter un "flash" */
html.rv-prep body {
  opacity: 0;
}

/* Chaque bloc marqué arrive du bas, avec un décalage selon son rang */
html.rv-anim [data-rv] {
  opacity: 0;
  transform: translateY(24px);
  filter: blur(4px);
  animation: rv-monter 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: calc(var(--rv-i, 0) * 0.1s);
}

@keyframes rv-monter {
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

/* Accessibilité : si l'utilisateur a demandé moins d'animations, rien ne bouge */
@media (prefers-reduced-motion: reduce) {
  html.rv-prep body {
    opacity: 1;
  }
  html.rv-anim [data-rv] {
    animation: none;
    opacity: 1;
    transform: none;
    filter: none;
  }
}