/* ============================================================
   Stato iniziale degli elementi animati.

   Sta in un file separato perche' deve essere applicato prima
   che GSAP entri in azione, altrimenti si vedrebbe il contenuto
   comparire e poi sparire per un istante.

   Il gancio e' "html.js", la classe che ogni pagina aggiunge in
   testa: senza JavaScript la regola non si applica mai e il sito
   resta interamente leggibile.

   "anim-off" e' la valvola di sicurezza: la aggiunge anim.js se
   GSAP non si carica o se l'utente ha chiesto meno animazioni.
   ============================================================ */

html.js [data-reveal] {
  opacity: 0;
}

html.js.anim-off [data-reveal],
html.js .anim-done {
  opacity: 1 !important;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html.js [data-reveal] {
    opacity: 1;
  }
}