/*
 * How the scroll reveal groups configured in Site/scripts/scrollReveal.js
 * move. The library's scrollReveal.css owns the states, focus, print and
 * reduced motion; this file only sets its custom properties, per group.
 *
 * Statements (page highlight, about quote) fade up from nothing as a whole,
 * slowly: a full second with a gentle start and a soft landing, so the text
 * blends in rather than pops.
 * Cascades (chapter, section and tail content) move less and settle softer,
 * one element after another.
 */
[data-reveal="statement"] {
    --reveal-duration: 1000ms;
    --reveal-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --reveal-distance: 1.5rem;
}

[data-reveal="cascade"] {
    --reveal-duration: 800ms;
    --reveal-easing: cubic-bezier(0.16, 1, 0.3, 1);
    --reveal-distance: 1rem;
}