/* Page change between the landing and the demo: the old page stays in place and the new one is uncovered from top to bottom.
   Uses cross-document view transitions (Chrome, Edge); other browsers simply change page without the effect. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: none; }
::view-transition-new(root) { animation: pt-wipe 0.7s cubic-bezier(0.6, 0, 0.3, 1) both; }
@keyframes pt-wipe { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(root), ::view-transition-old(root), ::view-transition-new(root) { animation: none !important; }
}