/* Native page transitions progressively enhance normal navigation. */
@view-transition { navigation: auto; }
::view-transition-group(*) { animation-duration: 380ms; animation-timing-function: cubic-bezier(.2,.7,.2,1); }
::view-transition-old(root) { animation: motion-out 160ms ease both; }
::view-transition-new(root) { animation: motion-in 280ms ease both; }
::view-transition-group(film-poster) { animation-duration: 440ms; overflow: clip; }
::view-transition-old(film-poster), ::view-transition-new(film-poster) { height: 100%; object-fit: cover; mix-blend-mode: normal; }
@keyframes motion-out { to { opacity: 0; } }
@keyframes motion-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}