.is-hub .nav{background:linear-gradient(to bottom,#0303088c,#03030800);border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.is-hub .nav-logo{opacity:0;pointer-events:none;transition:opacity .3s}@media(min-width:761px){body.is-hub{height:100svh;overflow:hidden}}.hub{position:relative;isolation:isolate;overflow:hidden;height:100svh;min-height:640px;background:radial-gradient(70% 60% at 50% 48%,#0b0d26 0%,#05061a 45%,var(--void) 80%)}.hub-field{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hub-core{position:absolute;left:50%;top:var(--cy, 54%);transform:translate(-50%,-50%);z-index:2;display:grid;justify-items:center;gap:14px;width:var(--mark, clamp(240px, 30.4vw, 464px));pointer-events:none}.hub-mark{width:100%;color:var(--ink);position:relative;isolation:isolate}.hub-mark .kmark{width:100%;height:auto;overflow:visible;position:relative;z-index:1}.hub-mark .kmark{transform-origin:50% 50%;transform:scale(calc(1 + var(--kick, 0) * .09));will-change:transform}.hub-mark .kmark-letters path{transition:opacity .5s var(--ease),transform .7s var(--ease);transform-box:fill-box;transform-origin:center}.hub-listen{display:none;pointer-events:auto;position:absolute;top:calc(100% + 22px);left:50%;translate:-50% 0;white-space:nowrap}.hub[data-mode=pulse] .hub-listen{display:inline-flex}html:has(.snd.on) .hub-listen{visibility:hidden}.hub-listen{align-items:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;border:1px solid var(--line-2);font-size:var(--t-min);font-weight:600;background:#eef0f80a;transition:border-color .2s,transform .12s}.hub-listen:hover{border-color:#9cc0ff}.hub-listen:active{transform:scale(.97)}.hub-orbit{position:absolute;inset:0;z-index:3;pointer-events:none}.hub-sun{position:absolute;z-index:1;left:50%;top:var(--cy, 54%);width:var(--sun, 230px);transform:translate(-50%,-50%);pointer-events:none}.hub-sun .planet{width:100%}.node{--e: .55;position:absolute;left:var(--x);top:var(--y);width:0;height:0;pointer-events:none}.orb{position:absolute;width:var(--d);height:var(--d);left:calc(var(--d) / -2);top:calc(var(--d) / -2);pointer-events:auto;border-radius:50%;transform:scale(calc(.9 + var(--e) * .14));transition:transform .2s var(--ease)}.orb .planet{width:100%}.node[data-world=music] .orb{pointer-events:auto}.moon-orbit{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:2;--r: .78}.moon-orbit.behind{z-index:0}.node[data-world=journey] .orb .planet{position:relative;z-index:1}.moon{position:absolute;left:0;top:0;width:calc(var(--d) * .3);height:calc(var(--d) * .3);margin:calc(var(--d) * -.15) 0 0 calc(var(--d) * -.15);padding:0;border-radius:50%;pointer-events:auto;cursor:pointer;background:none;will-change:transform}.moon img{display:block;width:100%;height:100%;border-radius:50%;filter:drop-shadow(0 0 6px rgba(200,210,232,.35));transition:transform .2s var(--ease)}.moon:after{content:"";position:absolute;inset:-10px}.moon:hover img,.moon:focus-visible img{transform:scale(1.18);filter:drop-shadow(0 0 12px rgba(220,228,250,.8))}.moon-label{position:absolute;left:50%;top:100%;translate:-50% 6px;font-family:var(--f-display);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 2px rgba(3,3,8,.9),0 2px 12px rgba(3,3,8,.85);opacity:0;transition:opacity .2s;pointer-events:none}.moon:hover .moon-label,.moon:focus-visible .moon-label{opacity:1}.node:has(.moon:hover) .orb-label,.node:has(.moon:focus-visible) .orb-label{opacity:0!important;animation:none!important}.node[data-world=live] .orb{--pr: 1.05;--dr: 1.6;--ps: .4;--ds: .3}.node[data-world=live] .orb>.planet{position:relative;z-index:1}.mm-orbit{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:2}.mm-orbit.behind{z-index:0!important}.mm-tag{left:50%;top:50%;translate:none;z-index:30;pointer-events:none;will-change:transform;filter:opacity(var(--occ, 1))}.orb:has(.mm-orbit[data-mm=phobos] .mm:is(:hover,:focus-visible)) .mm-tag[data-tag=phobos],.orb:has(.mm-orbit[data-mm=deimos] .mm:is(:hover,:focus-visible)) .mm-tag[data-tag=deimos]{opacity:1}.mm-tag.strike{opacity:1;animation:nameStrike 3.4s linear both}.mm{--s: var(--ps);position:absolute;left:0;top:0;width:calc(var(--d) * var(--s));height:calc(var(--d) * var(--s));margin:calc(var(--d) * var(--s) / -2) 0 0 calc(var(--d) * var(--s) / -2);padding:0;border-radius:50%;pointer-events:auto;cursor:pointer;background:none;will-change:transform}.mm-orbit[data-mm=deimos] .mm{--s: var(--ds)}.mm .planet{width:100%;transition:scale .2s var(--ease)}.mm .planet-photo img{transition:filter .2s}.mm:after{content:"";position:absolute;inset:-12px;border-radius:50%}.mm:hover .planet-photo img,.mm:focus-visible .planet-photo img{filter:brightness(1.25)}.mm:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.node:has(.mm:hover) .orb-label,.node:has(.mm:focus-visible) .orb-label{opacity:0!important;animation:none!important}.orb-label{position:absolute;left:0;top:calc(var(--d) / 2 + 12px);translate:-50% 6px;white-space:nowrap;pointer-events:none;font-family:var(--f-display);font-weight:700;font-size:14px;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 2px rgba(3,3,8,.9),0 2px 14px rgba(3,3,8,.85);opacity:0;translate:-50% 0}.orb-label.in{opacity:1;animation:beamIn .76s steps(1,end) both}.orb-label.out{opacity:0;animation:beamOut .56s steps(1,end) both}html[data-live=now] .node[data-world=live] .orb-label:not(.out){opacity:1}@keyframes beamIn{0%{opacity:.25;filter:blur(6px) brightness(3);letter-spacing:.3em;color:#fff4c8}12%{opacity:.6;filter:blur(5px) brightness(2.6);letter-spacing:.26em}20%{opacity:.15;filter:blur(6px) brightness(3)}30%{opacity:.8;filter:blur(3px) brightness(2.2);letter-spacing:.2em}40%{opacity:.3;filter:blur(4px) brightness(2.6)}52%{opacity:.9;filter:blur(1.5px) brightness(1.8);letter-spacing:.14em}64%{opacity:.55;filter:blur(2px) brightness(2)}76%{opacity:1;filter:blur(.5px) brightness(1.4);letter-spacing:.11em}88%{opacity:.85;filter:blur(0) brightness(1.2)}to{opacity:1;filter:none;letter-spacing:.1em;color:var(--ink)}}@keyframes beamOut{0%{opacity:1;filter:none;letter-spacing:.1em}15%{opacity:.7;filter:blur(1px) brightness(1.6);color:#fff4c8}30%{opacity:1;filter:blur(2px) brightness(2.2);letter-spacing:.14em}45%{opacity:.4;filter:blur(3px) brightness(2.6)}60%{opacity:.75;filter:blur(4px) brightness(2.8);letter-spacing:.2em}75%{opacity:.2;filter:blur(5px) brightness(3);letter-spacing:.26em}90%{opacity:.4;filter:blur(6px) brightness(3);letter-spacing:.3em}to{opacity:0;filter:blur(7px) brightness(3);letter-spacing:.32em}}@media(prefers-reduced-motion:reduce){.orb-label.in,.orb-label.out{animation:none}}.hub-flash{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse 70% 55% at 50% 42%,#e2eaff8c,#beceff38 45%,#788cdc00 78%)}.hub.strike .hub-flash{animation:skyFlash 1.3s linear both}@keyframes skyFlash{0%{opacity:0}3%{opacity:1}7%{opacity:.1}11%{opacity:.85}17%{opacity:.2}22%{opacity:.55}40%{opacity:.08}to{opacity:0}}.orb-label.strike{opacity:1;animation:nameStrike 3.4s linear both}@keyframes nameStrike{0%{opacity:0;color:#fff;filter:blur(2px) brightness(3);text-shadow:0 0 22px #fff,0 0 46px rgba(190,206,255,.95)}3%{opacity:1;color:#fff;filter:blur(.5px) brightness(3);text-shadow:0 0 22px #fff,0 0 46px rgba(190,206,255,.95)}7%{opacity:.15}11%{opacity:1;filter:blur(0) brightness(2.6)}17%{opacity:.45}22%{opacity:1;filter:brightness(2);text-shadow:0 0 14px rgba(255,255,255,.9),0 2px 14px rgba(3,3,8,.85)}38%{opacity:1;color:var(--ink);filter:none;text-shadow:0 0 2px rgba(3,3,8,.9),0 2px 14px rgba(3,3,8,.85)}76%{opacity:1;filter:none}to{opacity:0;filter:blur(3px)}}@media(prefers-reduced-motion:reduce){.hub.strike .hub-flash,.orb-label.strike{animation:none;opacity:0}}.node[data-world=music] .orb-label{top:calc(var(--d) * .44 + 12px)}.node-text{position:absolute;top:calc(var(--d) / 2 + 42px);left:0;transform:translate(-50%);display:grid;justify-items:center;text-align:center;width:max-content;max-width:24ch;pointer-events:none}.node-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.node-line{font-size:var(--t-min);line-height:1.35;color:var(--ink-2);opacity:clamp(0,(var(--e) - .86) * 7,1);transform:translateY(calc((1 - var(--e)) * 8px));text-shadow:0 2px 12px #000}.node:focus-visible{outline:none}.node:focus-visible .orb{outline:2px solid var(--c);outline-offset:10px}.node.press .orb{transform:scale(.94);transition-duration:90ms}.live-on{display:none}html[data-live=soon] .node[data-world=live] .live-on,html[data-live=now] .node[data-world=live] .live-on{display:inline}html[data-live=soon] .node[data-world=live]{--e: .9 !important}html[data-live=soon] .node[data-world=live] .node-line,html[data-live=now] .node[data-world=live] .node-line{opacity:1;transform:none}html[data-live=now] .node[data-world=live]{--e: 1 !important}html[data-live=now] .node[data-world=live] .orb{transform:scale(1.35)}html[data-live=now] .node[data-world=live] .orb:after{content:"";position:absolute;inset:-10%;border-radius:50%;animation:liveRing 1.6s ease-out infinite}html[data-live=now] .node:not([data-world=live]){opacity:.45}@keyframes liveRing{0%{box-shadow:0 0 #ff4a3db3}80%,to{box-shadow:0 0 0 26px #ff4a3d00}}.hub.leaving .node:not(.chosen){transition:opacity .42s var(--ease),translate .52s var(--ease)!important;opacity:0;translate:var(--gx, 0) var(--gy, 0)!important}.hub.leaving .node.chosen .orb-label,.hub.leaving .node.chosen .node-text{opacity:0;transition:opacity .2s}.hub.leaving .hub-sun{opacity:.35;transition:opacity .5s}.hub.leaving .hub-mark .kmark-letters path{opacity:.12}.hub.leaving .hub.leaving .hub-now,.hub.leaving .hub-listen{opacity:0;transition:opacity .3s}.hub.leaving .node.chosen{--e: 1 !important}.hub-now{position:absolute;z-index:4;left:var(--gutter);bottom:26px;display:flex;align-items:baseline;gap:12px;max-width:min(46vw,560px);font-size:var(--t-min);color:var(--ink-2);padding:12px 0;transition:color .2s}.hub-now:hover{color:var(--ink)}.hub-now-k{flex:none;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ink)}.hub-now-k:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff5dba;box-shadow:0 0 12px #ff5dba}.hub-now-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-modes{position:absolute;z-index:5;left:50%;bottom:24px;transform:translate(-50%);display:flex;gap:4px;padding:4px;border-radius:999px;background:#0e0f1eb3;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hub-modes[hidden]{display:none}.hub-modes button{min-height:40px;padding:8px 16px;border-radius:999px;font-size:var(--t-min);color:var(--ink-2)}.hub-modes button[aria-pressed=true]{background:var(--ink);color:var(--void)}html.intro .hub-sun{opacity:0}html.intro .hub-sun>.planet{scale:.3}html.intro.sun-in .hub-sun{opacity:1;transition:opacity .9s ease}html.intro.sun-in .hub-sun>.planet{scale:1;transition:scale 1.5s cubic-bezier(.16,1,.3,1)}@media(min-width:761px){html.intro .node{opacity:0;scale:.25}html.intro .node.pop{opacity:1;scale:1;transition:opacity .5s ease,scale 1.1s cubic-bezier(.18,1.45,.4,1)}}html.intro .hub-mark{opacity:0;scale:.12;filter:blur(18px) brightness(2.6)}html.intro.mark-in .hub-mark{opacity:1;scale:1;filter:blur(0) brightness(1);transition:opacity 1.5s ease,scale 2.6s cubic-bezier(.16,1,.3,1),filter 2s ease}html.intro .hub-now{opacity:0}html.intro.ui-in .hub-now{opacity:1;transition:opacity .9s ease}html.intro:not(.ui-in) .snd-tip{visibility:hidden;animation:none}html.intro:not(.mark-in) .is-hub .nav-logo{opacity:0}.hub[data-mode=light] .node{opacity:var(--vis, 1);transition:opacity .3s}@media(max-width:760px){html:has(.is-hub){scroll-snap-type:y mandatory}.is-hub .nav-logo{opacity:1;pointer-events:auto}.hub{height:auto;min-height:0;overflow:visible;overflow-x:clip;background:var(--void);--cy: calc(var(--nav-h) + 30svh)}.hub-field{position:absolute;inset:0 0 auto;height:100svh}.hub-sun{top:calc(var(--nav-h) + 26svh);width:min(46vw,260px)}.hub-core{position:relative;left:auto;top:auto;transform:none;width:auto;min-height:100svh;padding:calc(var(--nav-h) + 26svh - 30px) var(--gutter) 170px;align-content:start;scroll-snap-align:start}.hub-mark{width:min(67vw,384px)}.hub-now{left:var(--gutter);right:var(--gutter);bottom:auto;top:calc(100svh - 160px);max-width:none}.hub-orbit{position:relative;inset:auto;display:flex;flex-direction:column;pointer-events:auto}.node{--e: 1;position:relative;left:auto!important;top:auto!important;width:auto;height:100svh;order:var(--order);scroll-snap-align:start;display:grid;align-content:center;justify-items:center;gap:28px;padding:calc(var(--nav-h) + 8px) var(--gutter) calc(130px + env(safe-area-inset-bottom));opacity:1!important;translate:none!important;pointer-events:auto}.orb{position:relative;left:auto;top:auto;width:min(62vw,340px);height:min(62vw,340px);transform:none;z-index:1}.node[data-world=music] .orb{width:min(44vw,240px);height:min(44vw,240px);margin-block:30px}.orb-label{display:none}.node[data-world=journey] .orb{--d: min(62vw, 340px);overflow:visible}.node[data-world=journey] .moon-orbit{--r: .6}.node[data-world=live] .orb{--d: min(40vw, 200px);width:min(40vw,200px);height:min(40vw,200px);overflow:visible;--pr: .85;--dr: 1.15;--ps: .22;--ds: .16;margin-block:calc(var(--d) * .38 + 6px)}.moon-label{opacity:1}.node-text{position:relative;top:auto;left:auto;transform:none;width:100%;max-width:30ch;gap:10px;z-index:1}.node-name{font-family:var(--f-display);position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:nowrap;font-size:min(3.5rem,11vw,calc((100vw - 2 * var(--gutter)) / var(--fit, 8)));font-weight:700;text-transform:uppercase;line-height:1;color:var(--ink);text-shadow:0 0 30px color-mix(in oklab,var(--c) 60%,transparent)}.node-line{opacity:1;transform:none;font-size:var(--t-0);color:var(--ink)}.hub-modes{position:fixed;bottom:auto;top:calc(var(--nav-h) + 4px)}.hub-modes button{padding:8px 12px}}.hub-kv{--rest: .3;position:absolute;z-index:0;right:0;bottom:0;height:min(96%,60vw);aspect-ratio:1024 / 1536;translate:10% 0;pointer-events:none;opacity:var(--rest);transition:opacity 1.8s ease}.hub-kv:before{content:"";position:absolute;z-index:-1;inset:-4% -6% 18% 0;pointer-events:none;background:radial-gradient(34% 22% at 54% 6%,rgba(255,150,70,.32),transparent 72%),radial-gradient(42% 48% at 34% 34%,rgba(70,130,255,.2),transparent 70%);filter:blur(12px)}.hub-kv img{display:block;width:100%;height:100%;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 99%);mask-image:linear-gradient(to bottom,#000 80%,transparent 99%)}.kv-scan{position:absolute;left:10%;right:4%;top:100%;height:2px;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,#bcd4ff 20%,#fff 50%,#bcd4ff 80%,transparent);box-shadow:0 0 14px 3px #8cb4ffbf}.hub-kv.wait{opacity:0;transition:none}.hub.kv-link{cursor:pointer}.hub-kv.build{opacity:1;transition:none}.hub-kv.build img{animation:kvBuild 3s cubic-bezier(.3,.7,.2,1) both}.hub-kv.build .kv-scan{animation:kvScan 3s cubic-bezier(.3,.7,.2,1) both}.hub-kv.build:before{animation:kvGlow 3s ease both}.hub-kv.fade{transition:opacity 6.5s cubic-bezier(.4,0,.2,1)}.hub-kv.hot{opacity:1;transition:opacity .5s ease}.hub.leaving .hub-kv{opacity:.06;transition:opacity .4s ease}@keyframes kvBuild{0%{clip-path:inset(100% 0 0 0);filter:brightness(2.6) saturate(.3) blur(6px)}55%{filter:brightness(1.5) saturate(.7) blur(1.5px)}to{clip-path:inset(0 0 0 0);filter:none}}@keyframes kvGlow{0%,65%{opacity:0}to{opacity:1}}@keyframes kvScan{0%{top:100%;opacity:0}6%{opacity:1}90%{opacity:1}to{top:0;opacity:0}}@media(prefers-reduced-motion:reduce){.hub-kv.build img,.hub-kv.build .kv-scan,.hub-kv.build:before{animation:none}}@media(max-width:760px){.hub-kv{--rest: .26;top:calc(44svh - 150px);bottom:auto;right:-24vw;height:56svh;translate:none}}
