/* Cross-document View Transitions.
   Supported: Chrome 126+, Edge 126+, Safari 18.2+.
   Ignored silently by Firefox and older browsers. */

@view-transition {
  navigation: auto;
}

@keyframes pv-fade-out {
  from { opacity: 1; transform: scale(1); }
  to   { opacity: 0; transform: scale(0.96); }
}
@keyframes pv-fade-in {
  from { opacity: 0; transform: scale(1.02); }
  to   { opacity: 1; transform: scale(1); }
}

::view-transition-old(root) {
  animation: pv-fade-out 500ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
::view-transition-new(root) {
  animation: pv-fade-in 700ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
}