/*── Opt-in MPA cross-document ── */
@view-transition {
    navigation: auto;
}

 /*── Header figé pendant la transition ── */
/*header {*/
/*    view-transition-name: site-header;*/
/*    contain: layout;*/
/*}*/

 /*── Empêche le navigateur de mélanger les deux snapshots ── */
::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: .6s;
    animation-timing-function: cubic-bezier(.9, 0, .1, 1);
    animation-fill-mode: forwards;
    will-change: clip-path;
}

::view-transition-old(root) {
    animation-name: vt-wipe-out;
}

::view-transition-new(root) {
    animation-name: vt-wipe-in;
}

 /*── Les deux animations ne se chevauchent pas ── */
::view-transition-image-pair(root) {
    isolation: isolate;
}

@keyframes vt-wipe-in {
    from { clip-path: inset(100% 0 0 0); }
    to   { clip-path: inset(0% 0 0 0); }
}

@keyframes vt-wipe-out {
    from { clip-path: inset(0 0 0% 0); }
    to   { clip-path: inset(0 0 100% 0); }
}

 /*── Header : immobile ── */
/*::view-transition-old(site-header),*/
/*::view-transition-new(site-header) {*/
/*    animation: none;*/
/*    mix-blend-mode: normal;*/
/*}*/

@media (prefers-reduced-motion: reduce) {
    ::view-transition-old(root),
    ::view-transition-new(root) { animation: none; }
}