/* Progressive enhancement: navigation remains a normal document request. */
@view-transition { navigation: auto; }
:root { --kairos-enter: 16vw; --kairos-leave: -16vw; }
:root[data-kairos-direction="back"] { --kairos-enter: -16vw; --kairos-leave: 16vw; }
.wp-site-blocks > header { view-transition-name: kairos-header; }
.wp-site-blocks > main { view-transition-name: kairos-main; }
::view-transition-group(*) { animation-duration: 380ms; animation-timing-function: cubic-bezier(.22,.61,.36,1); }
::view-transition-old(root), ::view-transition-new(root) { animation: none; }
::view-transition-old(kairos-header), ::view-transition-new(kairos-header) { animation: none; }
::view-transition-old(kairos-main) { animation: kairos-page-out 380ms cubic-bezier(.22,.61,.36,1) both; }
::view-transition-new(kairos-main) { animation: kairos-page-in 380ms cubic-bezier(.22,.61,.36,1) both; }
@keyframes kairos-page-out { to { transform: translateX(var(--kairos-leave)); opacity: 0; } }
@keyframes kairos-page-in { from { transform: translateX(var(--kairos-enter)); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
    @view-transition { navigation: none; }
    ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}