.brand-intro{z-index:200;color:#f1f0e8;isolation:isolate;--intro-progress:0;display:none;position:fixed;inset:0}html[data-intro],html[data-intro] body{overflow:hidden}html[data-intro] .brand-intro{display:block}html[data-intro] .identity-name{visibility:hidden}.intro-curtain{z-index:-1;background:#050505;position:absolute;inset:0}.intro-artwork{aspect-ratio:12/7;pointer-events:none;width:min(92vw,1050px,135vh);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}.intro-film{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.intro-word{opacity:0;will-change:transform, opacity;display:block;position:absolute}.intro-word img{width:100%;max-width:none;height:100%;position:absolute;inset:0}.intro-word-fallback{letter-spacing:-.04em;white-space:nowrap;font:600 20cqw/1 Switzer,Arial,sans-serif;position:absolute;inset:0}.intro-word[data-loaded] .intro-word-fallback{visibility:hidden}.intro-top,.intro-bottom{left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute}.intro-top{top:27px}.intro-top>.mono{color:#939b96;letter-spacing:.1em;font:10px/1.5 Switzer,sans-serif}.intro-top-divider{color:#435249;margin-inline:12px}.intro-top button{color:#c5cdc7;background:0 0;border:1px solid #f1f0e822;border-radius:99px;align-items:center;gap:22px;min-height:44px;padding:10px 18px;font-size:12px;transition:background .18s,color .18s;display:flex}.intro-top button:hover{color:#fff;background:#f1f0e80b}.intro-top button:focus-visible{outline-color:#a3e8cb}.intro-bottom{bottom:max(38px, env(safe-area-inset-bottom))}.intro-status-wrap{align-items:center;gap:24px;display:flex}.intro-step{color:#b1e2cd;font-variant-numeric:tabular-nums;font:11px/1.5 Mono,monospace}.intro-step span{color:#59645d;margin-left:8px}.intro-status{color:#b2bcb5;font:12px/1.6 Switzer,sans-serif}.intro-progress{background:radial-gradient(circle,#c8e2d329 .6px,#0000 1px) 0/6px 3px;width:min(200px,26vw);height:3px;display:block;overflow:hidden}.intro-progress>span{height:100%;transform:scaleX(var(--intro-progress));transform-origin:0;background:radial-gradient(circle,#a3e8cb .6px,#0000 1px) 0/6px 3px;transition:transform .15s linear;display:block}.brand-intro[data-phase=preparing] .intro-progress>span{opacity:.65;transform:scaleX(.09)}.identity-name{letter-spacing:-.04em}.identity-name [data-name-word]{white-space:nowrap;line-height:1.1;display:inline-block}.replay-intro{color:inherit;font:inherit;background:0 0;border:0;min-height:30px;padding:0}.replay-intro:hover{text-underline-offset:4px;text-decoration:underline}.replay-intro:focus-visible{outline-color:var(--paper)}.fall-word{transform-origin:50% 100%;display:inline-block}@media (width<=767px){.intro-top{top:max(18px, env(safe-area-inset-top));align-items:center}.intro-top>.mono{max-width:165px;font-size:8px}.intro-top-divider{margin-inline:6px}.intro-top button{gap:15px;padding:8px 13px;font-size:11px}.intro-artwork{width:100vw;top:46%}.intro-bottom{bottom:max(30px, env(safe-area-inset-bottom));align-items:flex-end;gap:10px}.intro-status-wrap{flex-direction:column;align-items:flex-start;gap:9px}.intro-status{font-size:11px}.intro-progress{margin-bottom:6px}}@media (prefers-reduced-motion:reduce){.brand-intro,.replay-intro{display:none!important}html[data-intro],html[data-intro] body{overflow:visible}html[data-intro] .identity-name{visibility:visible}}