/* Critical navigation opt-in is inline in the root document head. */
@media (prefers-reduced-motion: no-preference) {
  ::view-transition {
    pointer-events: none;
  }
  ::view-transition-old(root) {
    animation: site-page-out 180ms ease both;
  }
  ::view-transition-new(root) {
    animation: site-page-in 320ms cubic-bezier(0.16, 1, 0.3, 1) both;
  }
  .site-header {
    view-transition-name: site-header;
  }
  ::view-transition-group(site-header) {
    animation-duration: 250ms;
  }
}
@keyframes site-page-out {
  to {
    opacity: 0;
  }
}
@keyframes site-page-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}