/* Entrance motion for static content. Without JavaScript, content remains visible. */
@media (prefers-reduced-motion: no-preference) {
    .site-motion-pending {
        opacity: 0;
        transform: translate3d(0, 24px, 0);
    }

    .site-motion-enter {
        animation: site-block-enter 850ms ease both;
        animation-delay: var(--site-motion-delay, 0ms);
    }

    @keyframes site-block-enter {
        from { opacity: 0; transform: translate3d(0, 24px, 0); }
        to { opacity: 1; transform: translate3d(0, 0, 0); }
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-motion-pending,
    .site-motion-enter {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
}