/* Scroll-reveal + entrance animation styles, applied by assets/animate.js.
   `.reveal` is only ever added to an element BY JS, never written in the
   HTML itself — so if JS fails to load or errors, elements simply never
   get hidden in the first place, instead of getting stuck invisible.
   HTML marks candidates with data-reveal / data-reveal-group instead. */
.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .6s ease, transform .6s ease;
}
.reveal.in-view{
  opacity:1;
  transform:translateY(0);
}