@view-transition { navigation: auto; }

::view-transition { pointer-events: none; }
::view-transition-group(root) { animation-duration: 0s; }
::view-transition-old(root) { display: none; }
::view-transition-new(root) { animation: none; }
::view-transition-group(project-art) {
  animation-duration: 260ms;
  animation-timing-function: var(--ease-in-out);
}
::view-transition-old(project-art),
::view-transition-new(project-art) {
  animation-duration: 260ms;
  animation-timing-function: var(--ease-out);
  mix-blend-mode: normal;
}
html[data-project-arrival] .hero-aside > [data-xp-reveal] {
  opacity: 1;
  transform: none;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}