/**
 * Same-origin page transitions (fade + slight motion).
 * Respects prefers-reduced-motion. Pairs with page-transitions.js.
 */

@media (prefers-reduced-motion: no-preference) {
    body {
        /* Opacity only: `filter` or `transform` on body traps `position:fixed`
           descendants (full document height), so the pre-reg modal centers off-screen. */
        animation: page-transition-in 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
    }

    @keyframes page-transition-in {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

    html.page-transition-exit body {
        opacity: 0;
        filter: blur(5px);
        transform: scale(0.995);
        transition:
            opacity 0.24s ease,
            filter 0.24s ease,
            transform 0.24s ease;
    }
}