/* Move the full viewport as one sheet between site pages. */
@view-transition { navigation: auto; }
::view-transition-group(root) { animation-duration: 750ms; }
::view-transition-old(root), ::view-transition-new(root) {
  mix-blend-mode: normal;
  animation-duration: 750ms;
  animation-timing-function: cubic-bezier(.65, 0, .2, 1);
  animation-fill-mode: both;
}
::view-transition-old(root) { animation-name: page-slide-out-right; }
::view-transition-new(root) { animation-name: page-slide-in-right; }
@keyframes page-slide-out-right {
  from { transform: translateX(0); }
  to { transform: translateX(100%); }
}
@keyframes page-slide-in-right {
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(root), ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}