/* One brand entrance; the page stays visible if JavaScript is unavailable. */
html.intro-running { overflow: hidden; }
.intro-running .opening .brand img { visibility: hidden; }
.brand-intro { position: fixed; inset: 0; width: 100vw; z-index: 1000; isolation: isolate; overscroll-behavior: contain; color: #fff; }
.intro-backdrop { position: absolute; inset: 0; background: var(--ink); }
.intro-lockup { position: fixed; transform-origin: 0 0; pointer-events: none; }
.intro-lockup svg { display: block; width: 100%; height: 100%; overflow: visible; stroke: none; }
.intro-lockup g { fill: currentColor; }
.intro-mark { transform-box: view-box; transform-origin: 129px 125px; }
.intro-mark path { stroke: currentColor; stroke-width: 6; stroke-linejoin: round; stroke-dasharray: 1; }
.intro-word { transform-box: fill-box; }
.intro-replay:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.intro-replay { border: 0; padding: 12px 0; min-height: 44px; background: none; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 5px; cursor: pointer; }
.intro-replay[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { .brand-intro,.intro-replay { display: none; } }