/* ══════════════════════════════════════════════
   MPA View Transitions — Chrome/Edge 126+
   ══════════════════════════════════════════════ */

@view-transition {
  navigation: auto;
}

/* exit: current page fades and blurs out */
::view-transition-old(root) {
  animation: 280ms cubic-bezier(0.4, 0, 1, 1) both vt-exit;
  z-index: 0;
}

/* enter: new page opens with a radial reveal from top */
::view-transition-new(root) {
  animation: 620ms cubic-bezier(0.76, 0, 0.24, 1) 60ms both vt-enter;
  z-index: 1;
}

@keyframes vt-exit {
  from {
    opacity: 1;
    filter: blur(0px);
    transform: scale(1);
  }
  to {
    opacity: 0;
    filter: blur(6px);
    transform: scale(1.04);
  }
}

@keyframes vt-enter {
  from {
    opacity: 0;
    clip-path: circle(0% at 50% 10%);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    clip-path: circle(160% at 50% 10%);
    filter: blur(0px);
  }
}