/* Only the original homepage and Journal cover opt into this transition.
   Ordinary links, browser history and opening a new tab stay native. */
@view-transition {
  navigation: auto;
}

::view-transition {
  background: #f6f4f0;
}

::view-transition-group(root) {
  animation-duration: 440ms;
}

::view-transition-old(root),
::view-transition-new(root) {
  mix-blend-mode: normal;
}

::view-transition-old(root) {
  animation: journal-depart 220ms ease-in both;
}

::view-transition-new(root) {
  animation: journal-arrive 360ms 80ms cubic-bezier(.22, .61, .36, 1) both;
}

@keyframes journal-depart {
  to { opacity: 0; }
}

@keyframes journal-arrive {
  from { opacity: 0; }
  to { opacity: 1; }
}

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