/* Scroll-reveal animation. * * Content is fully visible without JavaScript; the hidden state only applies * once reveal.js adds the `js-reveal` class to , and each element fades * in as it scrolls into view. Respects prefers-reduced-motion. */ html.js-reveal [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; } html.js-reveal [data-reveal].in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { html.js-reveal [data-reveal] { opacity: 1; transform: none; transition: none; } }