/* ==========================================================================
   Page transitions (global)
   ========================================================================= */

:root {
    --page-fade-ms: 260ms;
    --page-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

html {
    scroll-behavior: smooth;
}

body {
    opacity: 0;
    transition: opacity var(--page-fade-ms) var(--page-ease);
}

body.is-loaded {
    opacity: 1;
}

body.is-leaving {
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
    body {
        opacity: 1 !important;
        transition: none !important;
    }
}