@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");:root{--ink:#0a0a0a;--white:#f0f0ee;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#fff;color:#000}.wrap{width:calc(100% - 72px);max-width:1450px;margin:auto}.hero{min-height:100svh;display:grid;place-items:center;overflow:hidden}.hero h1{text-align:center;font-size:clamp(72px,12.6vw,210px);line-height:.78;letter-spacing:-.09em;font-weight:900;margin:0}.hero-line{display:block;overflow:hidden;padding:.04em 0}.hero-line>span{display:block;animation:arrive 1.25s var(--ease) both .1s}.hero-line.second>span{animation-delay:.25s}.dot{color:var(--white)}.channels{padding:115px 0 120px;background:#141414}.rail-head{display:flex;justify-content:space-between;align-items:center;gap:24px}.rail-head h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.055em;line-height:1;margin:0;font-weight:800}.rail-head h2 span{color:#777}.rail-controls{display:flex;align-items:center;gap:8px}.rail-controls button{min-width:48px;height:48px;color:#eee;background:#292929;border:0;font-size:21px;cursor:pointer;transition:background .2s ease}.rail-controls button:hover{background:#454545}.rail-controls .pause-control{width:auto;padding:0 16px;font-size:13px}.channel-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#888 transparent;margin-top:46px;padding-bottom:10px}.channel{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start}.channel-image{height:clamp(170px,20vw,260px);background:#242424;position:relative;display:flex;align-items:center;justify-content:center}.channel:nth-child(2n) .channel-image{background:#d2d2cf;color:#171717}.channel-letter{font-size:clamp(120px,14vw,190px);font-weight:900;letter-spacing:-.08em;line-height:.7;transition:transform .7s var(--ease)}.channel-tag{position:absolute;bottom:16px;left:18px;font-weight:600}.channel-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:20px 0}.channel-title h3{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.045em;margin:0;overflow-wrap:anywhere}.channel-link{font-weight:600;color:#f0f0ee;display:inline-flex;align-items:center;gap:8px;padding:10px 0;transition:opacity .2s ease;white-space:nowrap}.channel-link:hover{opacity:.65}.channel-data{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #444;padding-top:18px;font-variant-numeric:tabular-nums}.channel-data div{display:grid;gap:8px}.channel-data span{font-size:13px;color:#b8b8b8}.channel-data strong{font-size:14px;font-weight:600}.stream-status{display:flex;align-items:center;gap:8px}.stream-status i{width:6px;height:6px;border-radius:50%;background:#aaa;flex:none}.rail-note{color:#b8b8b8;font-size:13px;margin:28px 0 0;line-height:1.5}.footer{padding:35px 0 45px}.footer>div{display:flex;justify-content:space-between;gap:30px;color:#aaa;font-size:14px;line-height:1.5}.footer a{color:#eee;white-space:nowrap}.footer a:hover{opacity:.65}.channel-rail:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}@keyframes arrive{0%{transform:translateY(105%)}to{transform:translateY(0)}}@media(hover:hover) and (pointer:fine){.channel:hover .channel-letter{transform:scale(1.04)}}@media(max-width:900px){.channel{flex-basis:calc((100% - 20px)/2)}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.hero h1{font-size:16vw}.channels{padding:75px 0}.rail-head{align-items:flex-start;flex-wrap:wrap}.rail-head h2{font-size:40px}.channel-rail{margin-top:32px}.channel{flex-basis:85%}.channel-image{height:210px}.channel-letter{font-size:160px}.footer{padding:30px 0}.footer>div{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.hero{isolation:isolate}.hero,.hero h1{position:relative}.hero h1{z-index:1}.hero-field{position:absolute;inset:0;overflow:hidden;pointer-events:none}.orbit{left:50%;width:min(92vw,1000px);aspect-ratio:1;border:1px solid rgba(255,255,255,.1);transform:translate(-50%,-50%) rotateX(68deg) rotate(0deg);animation:orbit 25s linear infinite}.orbit,.orbit:after,.orbit:before{position:absolute;top:50%;border-radius:50%}.orbit:after,.orbit:before{content:"";width:5px;height:5px;background:#aaa;left:-3px}.orbit:after{left:auto;right:-3px}.orbit-two{width:min(73vw,790px);transform:translate(-50%,-50%) rotateX(68deg) rotate(70deg);animation-duration:32s;animation-direction:reverse;opacity:.65}.orbit-three{width:min(53vw,580px);transform:translate(-50%,-50%) rotateX(68deg) rotate(140deg);animation-duration:22s;opacity:.4}.hero-cross{position:absolute;color:#666;font-size:19px;font-weight:400}.hero-cross-a{left:8%;top:16%}.hero-cross-b{right:8%;bottom:16%}@keyframes orbit{0%{transform:translate(-50%,-50%) rotateX(68deg) rotate(0deg)}to{transform:translate(-50%,-50%) rotateX(68deg) rotate(1turn)}}.channels{padding:120px 0 130px}.channel-caption{font-size:12px;color:#aaa;letter-spacing:.06em;margin:0 0 18px}.channel-rail{margin-top:48px}.channel{flex-basis:calc((100% - 20px)/2);background:#202020;padding:22px}.channel-main{display:flex;gap:25px;align-items:center;min-width:0}.channel-image{width:clamp(115px,15vw,205px);height:auto;aspect-ratio:1;flex:none;overflow:hidden}.channel-image,.channel:nth-child(2n) .channel-image{background:#303030}.channel-image img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .25s ease,transform .7s var(--ease)}.channel-identity{min-width:0;display:grid;gap:12px}.channel-tag{position:static;font-size:13px;color:#aaa;font-weight:500}.channel-identity h3{font-size:clamp(25px,3vw,43px);letter-spacing:-.055em;margin:0;overflow-wrap:anywhere}.channel-link{padding:0;font-size:14px}.channel-data{margin-top:25px;padding-top:20px}.stream-status.is-live i{background:#fff;box-shadow:0 0 0 3px #777}.channel-main:focus-visible{outline:2px solid white;outline-offset:4px}@media(hover:hover) and (pointer:fine){.channel-main:hover img{transform:scale(1.04)}.channel-main:hover .channel-link{opacity:.6}}@media(max-width:900px){.channel{flex-basis:calc((100% - 20px)/2)}.channel-main{align-items:flex-start;gap:16px}.channel-image{width:100px}.channel-identity h3{font-size:25px}}@media(max-width:700px){.hero-cross-a{left:6%;top:12%}.hero-cross-b{right:6%;bottom:12%}.orbit{width:140vw}.orbit-two{width:110vw}.orbit-three{width:80vw}.channels{padding:80px 0}.channel{flex-basis:90%;padding:18px}.channel-main{align-items:center}.channel-image{width:110px}.channel-identity h3{font-size:28px}.channel-data{gap:10px}.channel-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){.orbit{animation:none}.channel-image img{transition:none}}.space-field{position:absolute;z-index:0;pointer-events:none;background:radial-gradient(ellipse 100% 24% at 50% 74%,#252525 0,#0b0b0b 55%,#030303 100%)}.space-field canvas{display:block;width:100%;height:100%}.hero h1{text-shadow:0 2px 24px rgba(0,0,0,.55)}.channels{position:relative;isolation:isolate;overflow:hidden;background:#080809}.channels:before,.footer:before{inset:0;background-image:radial-gradient(1px 1px at 12% 21%,rgba(255,255,255,.5) 98%,transparent),radial-gradient(1px 1px at 32% 72%,rgba(255,255,255,.32) 98%,transparent),radial-gradient(1.5px 1.5px at 63% 27%,rgba(255,255,255,.42) 98%,transparent),radial-gradient(1px 1px at 84% 76%,rgba(255,255,255,.35) 98%,transparent),radial-gradient(ellipse 58% 70% at 70% 5%,rgba(160,166,170,.11),transparent 75%),radial-gradient(ellipse 45% 50% at 15% 95%,rgba(180,185,190,.07),transparent 75%);background-size:430px 330px,550px 390px,710px 480px,620px 460px,100% 100%,100% 100%}.channels:after,.channels:before,.footer:before{content:"";position:absolute;pointer-events:none;z-index:-1}.channels:after{left:-15%;right:-15%;top:-72px;height:200px;background:radial-gradient(ellipse at 50% 0,rgba(220,225,230,.11),transparent 68%)}.channel{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.025) 42%,rgba(255,255,255,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,255,255,.035),0 16px 45px rgba(0,0,0,.22);backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);transition:border-color .25s ease,transform .25s var(--ease)}.channel:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-40% -20% auto;height:75%;background:radial-gradient(ellipse at 18% 0,rgba(255,255,255,.16),transparent 64%);opacity:.6;transform:translateX(-10%);transition:transform .7s var(--ease),opacity .4s ease}.channel-image{border-radius:12px;background:#242426;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.channel-image img{filter:grayscale(1);opacity:.92}.channel-data{border-color:rgba(255,255,255,.13)}.channel-data span,.channel-tag{color:#c1c1c1}.rail-controls button{border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}.rail-controls .pause-control{border-radius:24px}.footer{position:relative;isolation:isolate;overflow:hidden;background:#050506;padding:70px 0 46px}.footer:after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.footer-inner{display:flex;justify-content:space-between;gap:30px;color:#bdbdbd;font-size:14px;line-height:1.5}.footer-inner a{color:#eee;white-space:nowrap}@media(hover:hover) and (pointer:fine){.channel:hover{border-color:rgba(255,255,255,.3);transform:translateY(-4px)}.channel:hover:before{opacity:.9;transform:translateX(10%)}}@media(max-width:700px){.channel{border-radius:16px}.footer{padding:50px 0 36px}.footer-inner{font-size:13px}}@media(prefers-reduced-motion:reduce){.channel,.channel:before{transition:none}.channel:hover{transform:none}}@supports not (backdrop-filter:blur(18px)){.channel{background:#202022}}main{position:relative;isolation:isolate}.space-field{position:fixed;inset:0;z-index:-1}.hero{isolation:auto}.channels,.footer{background:transparent}.channels:after,.channels:before,.footer:after,.footer:before{display:none}.channel{background:linear-gradient(135deg,rgba(27,27,29,.84),rgba(12,12,14,.78) 45%,rgba(35,35,38,.76));backdrop-filter:blur(22px) saturate(110%);-webkit-backdrop-filter:blur(22px) saturate(110%)}@supports not (backdrop-filter:blur(22px)){.channel{background:#202022}}.channel:before{display:none}.spotlight{position:absolute;z-index:-1;left:0;top:0;width:460px;height:460px;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.18) 0,rgba(255,255,255,.07) 27%,transparent 67%);transform:translate3d(-1000px,-1000px,0) translate(-50%,-50%);transition:opacity .25s ease}@media(hover:hover) and (pointer:fine){.channel:hover .spotlight{opacity:1}.channel:hover{transform:none;border-color:rgba(255,255,255,.32)}}.channel:focus-within .spotlight{opacity:.55;transform:translate3d(50%,0,0)}.shimmer-text{display:inline-block;background:linear-gradient(110deg,#d7d7d7 20%,#fff 43%,#fff 50%,#d7d7d7 70%);background-size:220% 100%;background-position:110% 0;background-clip:text;-webkit-background-clip:text;color:transparent;animation:text-shimmer 7s linear 1.4s infinite}@keyframes text-shimmer{0%,20%{background-position:110% 0}75%,to{background-position:-110% 0}}@media(prefers-reduced-motion:reduce){.spotlight{display:none}.shimmer-text{animation:none;background:none;color:#f0f0ee}}.moon-text{display:inline-block;color:#e2e2e2;background-image:url(/textures/lunar-surface.svg);background-size:900px 360px;background-position:50%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-line.second .moon-text{background-position:48% 63%}.hero h1{text-shadow:none;filter:drop-shadow(0 2px 18px rgba(180,190,195,.08))}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.moon-text{background:none;color:#e2e2e2}}@media(max-width:700px){.moon-text{background-size:570px 228px}}.moon-text{background-color:#dedede}.quasar{position:relative;padding:110px 0 90px}.quasar-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px}.quasar-heading h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.055em;line-height:1;margin:0;font-weight:800}.quasar-heading span{font-size:12px;letter-spacing:.08em;color:#bcbcbc}.quasar-art{margin:36px 0 0;height:clamp(340px,47vw,620px);overflow:hidden;background:rgba(0,0,0,.46);border-radius:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}@media(max-width:700px){.quasar{padding:72px 0 64px}.quasar-heading h2{font-size:40px}.quasar-art{margin-top:28px;height:340px;border-radius:16px}}.quasar-art{background:rgba(3,3,4,.93);position:fixed;z-index:-1;inset:0;width:100%;height:100svh;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:.47;pointer-events:none;mix-blend-mode:screen}.quasar-art canvas{display:block;width:100%;height:100%}@media(max-width:700px){.quasar-art{height:100svh;border-radius:0;opacity:.4}}