::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}

::view-transition-old(root) { z-index: 1; }
::view-transition-new(root) {
  z-index: 2;
  animation: reveal 500ms ease-in-out;
}

@keyframes reveal {
  from { clip-path: circle(0px at var(--ripple-x, 50%) var(--ripple-y, 50%)); }
  to { clip-path: circle(150% at var(--ripple-x, 50%) var(--ripple-y, 50%)); }
}

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