/* Ink & Signal scroll reveals (motion-rework mockup).
   Local file only — no third-party assets, no network calls.
   Elements are only hidden once js/reveal.js adds .js-reveal to <html>,
   so no-JS users always see everything. prefers-reduced-motion users
   get everything visible immediately, no transforms. */

html.js-reveal .reveal {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 400ms ease-out, transform 400ms ease-out;
    transition-delay: var(--reveal-delay, 0ms);
}

html.js-reveal .reveal.revealed {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    html.js-reveal .reveal,
    html.js-reveal .reveal.revealed {
        opacity: 1;
        transform: none;
        transition: none;
    }
}