html.lenis, html.lenis body { height: auto; }
html.lenis { scroll-behavior: auto; }
html.intro-playing, html.intro-playing body { overflow: hidden; }
.intro[hidden] { display: none; }
.intro { transition: none; }
.iris { animation: none; }
.intro-line { position: absolute; width: calc(100% - 2rem); animation: none; opacity: 0; visibility: hidden; }
.intro-line span { margin-bottom: 0.5rem; }
.intro-line b.intro-word { display: inline-block; font: inherit; }
.intro-line strong { font-size: clamp(3rem, 11vw, 10rem); line-height: 1; }
.intro-second strong { font-size: clamp(2.7rem, 10vw, 9rem); }
.skip { font: inherit; font-size: 0.875rem; color: var(--cream); background: #111; padding: 0.7rem 1rem; border: 1px solid #777; }
.case { transition: color .35s, padding-left .35s; }
.round-link { flex-shrink: 0; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}