/* A quiet opening mark covers the image decode, then parts to reveal the tiles. */
.intro-wordmark{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;pointer-events:none;font:950 clamp(72px,22vw,320px)/1 var(--display);letter-spacing:-.075em;color:var(--text)}
.intro-wordmark span{display:block;opacity:1;transform:none;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .65s ease,filter .85s ease;will-change:transform,opacity}
.intro-wordmark{letter-spacing:0;gap:0}
.intro-wordmark svg{display:block;height:1em;width:auto;overflow:visible;fill:currentColor}
.intro-wordmark span:nth-child(n+3){color:var(--brand)}
.intro-wordmark span:nth-child(1){--flight-x:-44vw;--flight-y:-18vh;--flight-r:-18deg}
.intro-wordmark span:nth-child(2){--flight-x:-25vw;--flight-y:25vh;--flight-r:-10deg}
.intro-wordmark span:nth-child(3){--flight-x:0vw;--flight-y:-42vh;--flight-r:8deg}
.intro-wordmark span:nth-child(4){--flight-x:26vw;--flight-y:22vh;--flight-r:14deg}
.intro-wordmark span:nth-child(5){--flight-x:44vw;--flight-y:-16vh;--flight-r:20deg}
.intro-scene:not(.is-loading) .intro-wordmark span{opacity:0;filter:blur(8px);transform:translate(var(--flight-x),var(--flight-y)) rotate(var(--flight-r)) scale(1.12)}
.intro-scene.is-loading :is(.intro-layout,.intro-rail,.intro-brand){visibility:hidden;opacity:0}
.intro-scene.is-loading .intro-poster{animation-play-state:paused}
.intro-scene .intro-skip{z-index:12}
@media(prefers-reduced-motion:reduce){.intro-wordmark{display:none}.intro-wordmark span{transition:none}}