/* View Transitions — card title morphs to article h1 */
/* Loaded via <link> in layout.tsx to bypass Turbopack CSS parsing */

@media (prefers-reduced-motion: no-preference) {
  /* Default page transition: quick cross-fade */
  ::view-transition-old(root) {
    animation: vt-fade-out 150ms ease-out;
  }
  ::view-transition-new(root) {
    animation: vt-fade-in 250ms ease-in;
  }

  /* Named title transitions: browser-native morph (position + size interpolation) */
  /* No custom animation — let the browser handle the smooth morph */
  ::view-transition-group(*) {
    animation-duration: 350ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}

@keyframes vt-fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes vt-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}