/* ========================================================================== reveal.css — the shared scroll-in fade, used by the piece pages and by the landing page's work grid. Depends on: tokens.css js/modules/reveal.js adds .has-reveal to only when it is safe to animate, so without JS or with reduced motion everything renders visible. ========================================================================== */ .has-reveal [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out); } .has-reveal [data-reveal].is-revealed { opacity: 1; transform: none; }