/* rw-transitions.css: cross-document page transitions, opt-in.
   Load it on every page of a site to cross-fade between pages where the browser supports View
   Transitions; elsewhere navigation stays instant. The field keeps its own name, so it glides
   between pages instead of cutting, and rw-motion.js pageTransitions() settles it on arrival.
   With reduced motion nothing animates. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-old(root) { animation: rw-page-out calc(220ms * var(--rw-tempo, 1)) cubic-bezier(0.4, 0, 0.2, 1) both; }
  ::view-transition-new(root) { animation: rw-page-in calc(420ms * var(--rw-tempo, 1)) cubic-bezier(0.16, 1, 0.3, 1) both; }
  .rw-field { view-transition-name: rw-field; }
  ::view-transition-group(rw-field) { animation-duration: calc(760ms * var(--rw-tempo, 1)); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); }
}
@keyframes rw-page-out { to { opacity: 0; transform: translateY(-6px); } }
@keyframes rw-page-in { from { opacity: 0; transform: translateY(10px); } }