/* Module CSS is appended here per project. Keep this file free of project styling. */

/* --- reveal (templates/modules/reveal/reveal.css) --- */
/* Every hidden-then-revealed state is scoped under .js, a class an inline
   script in the document head sets before first paint. With JavaScript
   disabled or broken the class is never added, nothing is hidden, and the
   page reads as plain content. */
.js [data-reveal] {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity var(--dur-slow, 720ms) var(--ease, ease),
              transform var(--dur-slow, 720ms) var(--ease, ease);
  will-change: opacity, transform;
}
.js [data-reveal].is-revealed {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .js [data-reveal] { opacity: 1; transform: none; transition: none; }
}