/* ============================================================
   Monarch Hoard - ANIMAZIONI ALLO SCORRIMENTO
   DOVE VA:  static/css/animazioni.css   (file nuovo)
   ------------------------------------------------------------
   La classe .reveal la mette animazioni.js: senza JavaScript
   nessun elemento viene mai nascosto.
   ============================================================ */

/* ============================================================
   1. COMPARSA ALLO SCORRIMENTO
   ============================================================ */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.2, .7, .2, 1);
  transition-delay: var(--ritardo, 0ms);
}
.reveal.is-visibile {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}