.intro-page{--intro-ground:#090909;--intro-signal:#bc171d;--intro-ink:#ffb6ad;--intro-label:#fff0e9;--intro-line:#ef655e;--intro-shadow:#4c0609;background:var(--intro-ground);min-height:100dvh;color:var(--intro-label);place-items:center;padding:24px;font-family:Space Grotesk,monospace;display:grid;overflow:hidden}.intro-broadcast{isolation:isolate;aspect-ratio:1920/1080;background:var(--intro-signal);--u:calc(100cqw / 1573);width:min(1920px,100%,177.778dvh - 85.3333px);box-shadow:0 0 70px color-mix(in srgb, var(--intro-signal) 16%, transparent);animation:17s ease-in-out infinite intro-drift;position:relative;overflow:hidden;container-type:inline-size}.intro-code{color:var(--intro-ink);opacity:.22;z-index:-1;-webkit-mask-image:linear-gradient(transparent, var(--intro-ground) 12%, var(--intro-ground) 88%, transparent);-webkit-mask-image:linear-gradient(transparent, var(--intro-ground) 12%, var(--intro-ground) 88%, transparent);mask-image:linear-gradient(transparent, var(--intro-ground) 12%, var(--intro-ground) 88%, transparent);position:absolute;inset:0 4%;overflow:hidden}.intro-code-scroll{animation:150s linear infinite intro-scroll}.intro-code pre{font:max(7px, calc(12 * var(--u)))/1.7 "JetBrains Mono", monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.intro-scanlines,.intro-noise{pointer-events:none;z-index:4;position:absolute;inset:0}.intro-scanlines{background:repeating-linear-gradient(0deg, transparent 0px, transparent 3px, color-mix(in srgb, var(--intro-shadow) 28%, transparent) 3px, color-mix(in srgb, var(--intro-shadow) 28%, transparent) 4px);opacity:.5}.intro-noise{opacity:.1;mix-blend-mode:screen;animation:.7s steps(3,end) infinite intro-noise}.intro-noise svg{width:100%;height:100%}.intro-identity,.intro-footer{justify-content:space-between;align-items:center;gap:calc(16 * var(--u));font:max(6px, calc(10 * var(--u)))/1.5 "JetBrains Mono", monospace;letter-spacing:0;display:flex;position:absolute;left:4%;right:4%}.intro-identity{border-top:1px solid var(--intro-line);padding-top:calc(12 * var(--u));top:6%}.intro-footer{border-bottom:1px solid var(--intro-line);padding-bottom:calc(12 * var(--u));bottom:6%}.intro-brand{font-size:max(9px, calc(15 * var(--u)));font-weight:700}.intro-live{align-items:center;gap:calc(7 * var(--u));display:flex}.intro-live:before{content:"";width:calc(5 * var(--u));height:calc(5 * var(--u));background:var(--intro-label)}.intro-ticker{width:calc(132 * var(--u));position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.intro-ticker span{white-space:nowrap;animation:9s linear infinite intro-marquee;display:inline-block}.intro-swap{white-space:nowrap;display:inline-block;position:relative}.intro-swap>span{white-space:nowrap;display:inline-block}.intro-swap .swap-b{position:absolute;top:0;left:0}.intro-swap .swap-a{animation:6s step-end infinite intro-swap-a}.intro-swap .swap-b{animation:6s step-end infinite intro-swap-b}.intro-images{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:2%;display:grid;position:absolute;inset:25% 4%}.intro-image{min-width:0;margin:0;animation:.9s both intro-arrive,13s 1.5s infinite intro-flicker}.intro-image:nth-child(2){animation-delay:.45s,4.5s}.intro-image:nth-child(3){animation-delay:.9s,8s}.intro-image-frame{aspect-ratio:16/9;border:1px solid var(--intro-line);background:var(--intro-shadow);position:relative;overflow:hidden}.intro-image-play.intro-image-frame{border:1px solid var(--intro-line);aspect-ratio:16/9;cursor:pointer;border-radius:0;width:100%;height:auto;min-height:0;padding:0;display:block}.intro-image-play.intro-image-frame:hover{background:var(--intro-shadow)}.intro-image-play img{object-fit:cover;width:100%;height:100%}.intro-image-playhint{font-size:max(14px, calc(26 * var(--u)));color:var(--intro-label);text-shadow:0 0 calc(12 * var(--u)) var(--intro-signal);opacity:0;mix-blend-mode:screen;place-items:center;transition:opacity .25s;display:grid;position:absolute;inset:0}.intro-image-play:hover .intro-image-playhint,.intro-image-play:focus-visible .intro-image-playhint{opacity:.9}.intro-image img{object-fit:cover;width:100%;height:100%}.intro-player{--intro-ground:#090909;--intro-signal:#bc171d;--intro-label:#fff0e9;--intro-line:#ef655e;--u:calc(100vw / 1573);color:var(--intro-label);z-index:1000;background:color-mix(in srgb, var(--intro-ground) 88%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:4dvh 4dvw;display:grid;position:fixed;inset:0}.intro-player-window{border:1px solid var(--intro-line);background:var(--intro-ground);width:min(1280px,100%);box-shadow:0 0 60px color-mix(in srgb, var(--intro-signal) 30%, transparent)}.intro-player-head{border-bottom:1px solid var(--intro-line);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font:12px/1.4 JetBrains Mono,monospace;display:flex}.intro-player-close{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;min-width:40px;min-height:40px;padding:6px 10px;font-size:18px}.intro-player-sound{min-height:32px}.intro-player-close:hover{color:var(--intro-signal)}.intro-player-tools{align-items:center;gap:10px;display:flex}.intro-player-sound{font:inherit;font-size:max(7px, calc(11 * var(--u)));letter-spacing:.14em;color:var(--intro-signal);border:1px solid var(--intro-signal);cursor:pointer;background:0 0;padding:4px 10px}.intro-player-sound:hover{background:var(--intro-signal);color:#0a0a0a}.intro-player-window video{object-fit:contain;background:#000;width:100%;max-height:78dvh;display:block}.intro-image figcaption{justify-content:space-between;gap:calc(8 * var(--u));padding-top:calc(14 * var(--u));font-size:max(7px, calc(13 * var(--u)));font-weight:600;line-height:1.4;display:flex}.intro-image-number{font:calc(10 * var(--u))/1.8 "JetBrains Mono", monospace;opacity:.65}.intro-symbols{pointer-events:none;position:absolute;inset:0}.intro-symbol{aspect-ratio:1;object-fit:contain;width:7%;image-rendering:pixelated;mix-blend-mode:screen;opacity:.2;animation:16s ease-in-out infinite intro-symbol-signal;position:absolute}.intro-symbol-cycle{opacity:.13;animation:16s ease-in-out infinite intro-symbol-flicker,52s linear infinite intro-symbol-spin;top:14%;right:5%}.intro-symbol-silhouettes{animation-delay:-8s;bottom:14%;right:5%}@keyframes intro-symbol-flicker{0%,to{opacity:.11}45%,55%{opacity:.17}48%{opacity:.07}49%{opacity:.15}}@keyframes intro-symbol-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes intro-symbol-signal{0%,to{opacity:.16;transform:translateY(0)}45%,55%{opacity:.25;transform:translateY(-2px)}48%{opacity:.12}49%{opacity:.23}}@keyframes intro-scroll{to{transform:translateY(-50%)}}@keyframes intro-drift{0%,to{clip-path:polygon(0 .3%,100% 0,99.8% 100%,.2% 99.7%)}50%{clip-path:polygon(.2% 0,99.8% .3%,100% 99.7%,0 100%)}}@keyframes intro-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-flicker{0%,34%,38%,70%,74%,to{opacity:1;transform:translate(0)}35%,37%{opacity:.62;transform:translate(1px)}71%,73%{opacity:.82;transform:translate(-1px)}}@keyframes intro-noise{0%,to{transform:translate(0)}33%{transform:translate(2px,-2px)}66%{transform:translate(-2px,2px)}}@keyframes intro-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes intro-swap-a{0%,55%{opacity:1}51%{opacity:.35}53%{opacity:.8}56%,to{opacity:0}}@keyframes intro-swap-b{0%,55%{opacity:0}56%{opacity:.35}58%{opacity:.8}60%,95%{opacity:1}97%{opacity:.4}98%,to{opacity:1}}@media (width<=640px){.intro-page{padding:8px}.intro-broadcast{width:100%}.intro-identity{padding-top:4px}.intro-footer{padding-bottom:4px}.intro-image-number{display:none}}@media (prefers-reduced-motion:reduce){.intro-broadcast,.intro-code-scroll,.intro-noise,.intro-image,.intro-ticker span,.intro-swap .swap-a,.intro-swap .swap-b,.intro-symbol{animation:none}.intro-swap .swap-b{display:none}}