html { scrollbar-gutter: stable; }
html.intro-ready { overflow: clip; }
html.intro-ready::before {
  content: ''; position: fixed; inset: 0; background: #1a1a1a; z-index: 90;
}
html.intro-revealing::before { display: none; }
.intro-screen { position: fixed; inset: 0; z-index: 100; isolation: isolate; overflow: hidden; }
.intro-backdrop { position: absolute; inset: 0; background: #1a1a1a; }
.intro-logo {
  position: absolute; left: 50%; top: 50%; width: min(86vw, 1100px);
  height: auto; transform: translate(-50%, -50%); transform-origin: top left;
  will-change: transform, opacity; opacity: 0;
}
.intro-skip {
  position: absolute; bottom: max(30px, env(safe-area-inset-bottom)); right: 6%;
  min-height: 44px; padding: 8px 12px; border: 0; border-bottom: 1px solid #777;
  background: #1a1a1ae8; color: #eeebe5; font: 14px Inter, Arial, sans-serif;
}
.intro-skip:hover { color: #fff; border-color: #f15a00; }
.intro-skip:focus-visible { outline: 2px solid #f15a00; outline-offset: 5px; }
html.intro-ready header .brand img { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  html.intro-ready { overflow: auto; }
  html.intro-ready::before, .intro-screen { display: none; }
  html.intro-ready header .brand img { visibility: visible; }
}