#page-content {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
    transition:
        opacity 0.22s ease,
        transform 0.22s ease,
        filter 0.22s ease;
    will-change: opacity, transform, filter;
}

body.is-page-transitioning {
    overflow: hidden;
}

body.is-page-transitioning #page-content {
    opacity: 0;
    transform: translateY(6px);
    filter: blur(1px);
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    #page-content {
        transition: none;
        transform: none;
        filter: none;
    }

    body.is-page-transitioning #page-content {
        opacity: 0;
        transform: none;
        filter: none;
    }
}