/* Selected variant 02. Native cross-document navigation; no link interception. */
@view-transition { navigation: auto; }
:root { --gst-page-duration: 360ms; --gst-page-ease: cubic-bezier(.76,0,.24,1); }
::view-transition-group(root) { animation-duration: var(--gst-page-duration); }
::view-transition-image-pair(root) { isolation: isolate; }
::view-transition-old(root), ::view-transition-new(root) {
  animation-duration: var(--gst-page-duration);
  animation-timing-function: var(--gst-page-ease);
  animation-fill-mode: both;
  mix-blend-mode: normal;
}
::view-transition-old(root) { animation-name: gst-page-out; z-index: 0; }
::view-transition-new(root) { animation-name: gst-page-in; z-index: 1; }
@keyframes gst-page-out { from { transform: translateY(0); } to { transform: translateY(-20%); } }
@keyframes gst-page-in { from { transform: translateY(100%); } to { transform: translateY(0); } }
/* The cross-page reveal replaces the case intro only on an actual transition. */
html.gst-page-arrival .gc .intro { display: none !important; }
html.gst-page-arrival .gc .case { transform: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-group(root), ::view-transition-old(root), ::view-transition-new(root) { animation: none !important; }
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}