/* [공통 페이지 전환] data-page-transition 링크에서만 작동 */
.site-page-transition {
    position: fixed;
    inset: 0;
    z-index: 20010;
    pointer-events: none;
    background: var(--white);
    opacity: 0;
    transition: opacity .35s ease;
    will-change: opacity;
}

html.is-page-leaving .site-page-transition,
html.is-page-entering .site-page-transition {
    opacity: 1;
}

html.is-page-entering .site-page-transition {
    transition: none;
}

html.is-page-entering.is-page-entering-active .site-page-transition {
    opacity: 0;
    transition: opacity .35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .site-page-transition,
    html.is-page-entering.is-page-entering-active .site-page-transition {
        transition-duration: .01ms;
    }
}