/* Same-document transitions: the real navigation header stays mounted. */
.site-header { view-transition-name: site-header; }
main { view-transition-name: page-content; }
::view-transition-group(site-header) { animation: none; z-index: 10; }
::view-transition-old(site-header) { animation: none; opacity: 0; }
::view-transition-new(site-header) { animation: none; opacity: 1; mix-blend-mode: normal; }
::view-transition-group(root),
::view-transition-group(page-content) { animation: none; }
::view-transition-old(root) { animation: none; opacity: 0; }
::view-transition-new(root) { animation: none; opacity: 1; }
::view-transition-image-pair(page-content) { isolation: isolate; }
::view-transition-old(page-content) { animation: none; opacity: 1; mix-blend-mode: normal; }
::view-transition-new(page-content) { animation: content-fade-in 180ms ease-out both; mix-blend-mode: normal; }
@keyframes content-fade-in { from { opacity: 0; } to { opacity: 1; } }
@media(prefers-reduced-motion:reduce) {
  ::view-transition-new(page-content) { animation: none; }
}