/* Cross-document page transitions — View Transitions API */
@view-transition {
    navigation: auto;
}

@keyframes vt-fade-out {
    from { opacity: 1; transform: scale(1) translateY(0); }
    to   { opacity: 0; transform: scale(0.97) translateY(-10px); }
}

@keyframes vt-fade-in {
    from { opacity: 0; transform: translateY(28px) scale(0.99); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

::view-transition-old(root) {
    animation: 220ms ease-in both vt-fade-out;
}

::view-transition-new(root) {
    animation: 480ms cubic-bezier(0.2, 0, 0, 1) both vt-fade-in;
}