/* Animazioni allo scroll — impostazione a prova di guasto.
 *
 * Il foglio di stile del sito nasconde ogni elemento .animated (opacity: 0) e lo mostra
 * solo quando il JavaScript gli aggiunge la classe presa da data-animation:
 *
 *     .animated        { opacity: 0; transform: translateY(10px) }
 *     .animated.fadeIn { opacity: 1; transform: translateY(0); visibility: visible }
 *
 * Il problema è che su queste pagine l'intero corpo sta dentro un .animated: se per un
 * qualsiasi motivo il JavaScript non parte, la pagina risulta completamente bianca sotto
 * l'intestazione. È esattamente quello che è successo.
 *
 * Qui la logica viene invertita: il contenuto è visibile per impostazione predefinita e
 * viene nascosto SOLO se il JavaScript ha confermato di essere in esecuzione (aggiungendo
 * la classe js-reveal all'elemento html). Così l'animazione resta quando funziona, ma un
 * guasto al JavaScript degrada in "nessuna animazione" invece che in "pagina vuota".
 *
 * Questo file è caricato dopo app.css, quindi a parità di specificità prevale.
 */

.animated {
  opacity: 1;
  visibility: visible;
  -ms-transform: none;
  transform: none;
}

html.js-reveal .animated:not(.fadeIn) {
  opacity: 0;
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}