.landing-page--reveal-ready [data-landing-reveal] {
    --landing-reveal-delay: 0ms;
    opacity: 0;
    scale: 0.985;
    translate: 0 clamp(1rem, 2vw, 1.75rem);
    transition:
        opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1) var(--landing-reveal-delay),
        scale 0.9s cubic-bezier(0.22, 1, 0.36, 1) var(--landing-reveal-delay),
        translate 0.9s cubic-bezier(0.22, 1, 0.36, 1) var(--landing-reveal-delay);
}

.landing-page--reveal-ready [data-landing-reveal].landing-reveal--visible {
    opacity: 1;
    scale: none;
    translate: none;
}

@media (prefers-reduced-motion: reduce) {
    .landing-page--reveal-ready [data-landing-reveal],
    .landing-page--reveal-ready [data-landing-reveal].landing-reveal--visible {
        opacity: 1;
        scale: none;
        translate: 0;
        transition: none;
    }
}