[data-animate] {
    opacity: 1;
    transform: none;
}

body.motion-ready [data-animate] {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 660ms ease, transform 660ms ease;
}

body.motion-ready [data-animate].in-view {
    opacity: 1;
    transform: translateY(0);
}

body.motion-ready [data-animate="fade"] {
    transform: none;
}

body.motion-ready [data-animate="fade"].in-view {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    [data-animate] {
        opacity: 1;
        transform: none;
        transition: none;
    }

    html {
        scroll-behavior: auto;
    }
}