/* odNOVA — canonical same-origin document transition. Both documents opt in from ; navigation, history, focus and scroll restoration therefore remain browser-owned. */ @view-transition { navigation: auto; } ::view-transition-old(root) { animation: odn-page-out 240ms cubic-bezier(.4, 0, 1, 1) both; } ::view-transition-new(root) { animation: odn-page-in 580ms cubic-bezier(.16, 1, .3, 1) both; } @keyframes odn-page-out { to { opacity: 0; } } @keyframes odn-page-in { from { opacity: 0; } to { opacity: 1; } } @media (prefers-reduced-motion: reduce) { ::view-transition-old(root), ::view-transition-new(root) { animation: none !important; } }