/* LAIN · V5: weicher Seitenwechsel zwischen den eigenen Seiten (Cross-Document View Transitions).
   Die neue Seite wird von links aufgedeckt; zwischen alter und neuer Seite läuft eine 3 px Goldlinie
   (der Hintergrund des Bildpaars scheint durch die Lücke). Browser ohne Unterstützung wechseln normal. */
@view-transition { navigation: auto; }
::view-transition-image-pair(root) { background: #caaf3e; }
::view-transition-old(root), ::view-transition-new(root) { mix-blend-mode: normal; opacity: 1; animation-duration: .62s; animation-timing-function: cubic-bezier(.65, 0, .2, 1); animation-fill-mode: both; }
::view-transition-new(root) { animation-name: wechsel-rein; }
::view-transition-old(root) { animation-name: wechsel-raus; }
@keyframes wechsel-rein { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes wechsel-raus { from { clip-path: inset(0 0 0 3px); } to { clip-path: inset(0 0 0 calc(100% + 3px)); } }
@media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } }