.chaos-intro { position: fixed; inset: 0; z-index: 10000; background: #050505; color: #eee; font-family: 'Space Grotesk', sans-serif; overflow: hidden; }
.chaos-intro canvas { display: block; width: 100%; height: 100%; visibility: hidden; }
.chaos-intro[data-ready] canvas { visibility: visible; }
.chaos-intro__label { position: absolute; left: 7%; bottom: 9%; font-size: 11px; letter-spacing: .22em; }
.chaos-intro__label strong { display: block; margin-top: 12px; font-size: clamp(19px, 4vw, 32px); letter-spacing: -.04em; font-weight: 500; }
.chaos-intro__skip { position: absolute; right: 7%; bottom: 8%; min-width: 64px; min-height: 44px; padding: 12px; background: transparent; color: #eee; border: 1px solid #555; font: inherit; font-size: 11px; letter-spacing: .12em; cursor: pointer; }
.chaos-intro__skip:focus-visible { outline: 2px solid #e23222; outline-offset: 4px; }
.chaos-intro__flash { position: absolute; inset: 0; background: #fff; opacity: 0; pointer-events: none; }