/* Transição progressiva: navegadores sem View Transition API ignoram este arquivo. */
@view-transition { navigation: auto; }

::view-transition-old(root) {
  animation: site-page-out 180ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

::view-transition-new(root) {
  animation: site-page-in 240ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes site-page-out { to { opacity: 0; } }
@keyframes site-page-in { from { opacity: 0; transform: translateY(10px); } }

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