/* Content stays visible unless the reveal script has initialized successfully. */
body.figuree-scroll-reveal-ready .figuree-scroll-reveal {
    opacity: 0;
    transform: translateY(16px);
    transition:
        opacity 600ms cubic-bezier(.2, .8, .2, 1),
        transform 600ms cubic-bezier(.2, .8, .2, 1);
    transition-delay: var(--figuree-reveal-delay, 0ms);
}

body.figuree-scroll-reveal-ready .figuree-scroll-reveal:not(.is-visible) {
    will-change: opacity, transform;
}

body.figuree-scroll-reveal-ready .figuree-scroll-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    body.figuree-scroll-reveal-ready .figuree-scroll-reveal,
    body.figuree-scroll-reveal-ready .figuree-scroll-reveal.is-visible {
        opacity: 1;
        transform: none;
        transition: none;
    }
}