/* Passage d’une page à l’autre : le contenu se fond, la navigation reste en place.
   Les deux pages doivent charger ce fichier ; un navigateur qui ne gère pas les
   transitions entre documents l’ignore et change de page comme avant. */
@view-transition { navigation: auto; }

.navbar-monastery { view-transition-name: site-navigation; }

::view-transition-old(root) { animation: page-leave var(--duration-normal) var(--ease-in-out) both; }
::view-transition-new(root) { animation: page-enter var(--duration-slow) var(--ease-legato) both; }

@keyframes page-leave { to { opacity: 0; } }
@keyframes page-enter { from { opacity: 0; transform: translateY(10px); } }

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