/* Global scroll reveal motion */
html.site-motion-enabled .site-reveal {
    --motion-x: 0px;
    --motion-y: 34px;
    --motion-scale: 1;
    --motion-delay: 0ms;
    opacity: 0;
    transform: translate3d(var(--motion-x), var(--motion-y), 0) scale(var(--motion-scale));
    transform-origin: center center;
    transition:
        opacity 760ms cubic-bezier(.22, 1, .36, 1) var(--motion-delay),
        transform 880ms cubic-bezier(.22, 1, .36, 1) var(--motion-delay);
    will-change: opacity, transform;
}

html.site-motion-enabled .site-reveal--soft {
    --motion-y: 22px;
}

html.site-motion-enabled .site-reveal--left {
    --motion-x: -46px;
    --motion-y: 0px;
}

html.site-motion-enabled .site-reveal--right {
    --motion-x: 46px;
    --motion-y: 0px;
}

html.site-motion-enabled .site-reveal--pop {
    --motion-y: 24px;
    --motion-scale: .94;
    transition:
        opacity 680ms cubic-bezier(.22, 1, .36, 1) var(--motion-delay),
        transform 820ms cubic-bezier(.34, 1.35, .64, 1) var(--motion-delay);
}

html.site-motion-enabled .site-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    will-change: auto;
}

@media screen and (max-width: 768px) {
    html.site-motion-enabled .site-reveal {
        --motion-y: 24px;
        transition-duration: 640ms, 720ms;
    }

    html.site-motion-enabled .site-reveal--left {
        --motion-x: -26px;
        --motion-y: 0px;
    }

    html.site-motion-enabled .site-reveal--right {
        --motion-x: 26px;
        --motion-y: 0px;
    }

    html.site-motion-enabled .site-reveal--pop {
        --motion-y: 18px;
        --motion-scale: .96;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.site-motion-enabled .site-reveal,
    html.site-motion-enabled .site-reveal--soft,
    html.site-motion-enabled .site-reveal--left,
    html.site-motion-enabled .site-reveal--right,
    html.site-motion-enabled .site-reveal--pop {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}
