@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,500&display=swap');
:root{color-scheme:dark;--ink:#f5efe4;--muted:#a6adb0;--night:#080c0e;--panel:#11191c;--line:rgba(205,221,215,.15);--mint:#b9e3d0;--gold:#e9c48f;--pink:#f44bc8;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--night);color:var(--ink);font:400 16px/1.65 var(--sans);overflow-x:hidden}body:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 12% 2%,rgba(80,155,133,.19),transparent 32rem),radial-gradient(ellipse at 92% 45%,rgba(209,151,85,.13),transparent 34rem),linear-gradient(155deg,#0b1718,#080b0d 55%,#11100d)}a{color:inherit}.site-header,main,.site-footer{width:min(1180px,calc(100% - 3rem));margin:auto}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-weight:700;font-size:.88rem;letter-spacing:.2em}.wordmark-dot{color:var(--mint)}.top-nav{display:flex;gap:2rem}.top-nav a{color:var(--muted);text-decoration:none;font-size:.92rem}.top-nav a:hover,.top-nav a.current{color:var(--ink)}.top-nav a.current:after{content:'';display:block;height:2px;margin-top:6px;background:var(--mint)}.eyebrow{margin:0 0 .9rem;color:var(--mint);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.04em;line-height:.99}h1{font-size:clamp(3.5rem,8vw,7rem);margin:0}h1 em{color:var(--mint);font-weight:500}h2{font-size:clamp(2.4rem,5vw,4.1rem);margin:0}p{margin-top:0}.muted{color:var(--muted)}.site-footer{min-height:88px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.82rem}.back-home{text-decoration:none;color:var(--ink)}
.home-main{padding:clamp(4rem,10vh,7rem) 0 4rem;text-align:center}.home-main>.eyebrow{margin-bottom:1.2rem}.home-main h1{font-size:clamp(3.4rem,8vw,6.3rem)}.home-intro{color:var(--muted);margin:1.2rem 0 3rem}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;text-align:left}.choice-card{position:relative;min-height:390px;padding:1.5rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(20,31,31,.88),rgba(13,16,17,.92));text-decoration:none;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;transition:transform .25s,border-color .25s,box-shadow .25s}.choice-card:hover{transform:translateY(-5px);border-color:rgba(185,227,208,.52);box-shadow:0 22px 60px #0006}.card-index{font-size:.67rem;color:var(--muted);letter-spacing:.16em}.card-art{position:relative;min-height:170px;margin:1rem 0;display:grid;place-items:center;overflow:hidden}.card-art-stream{background:radial-gradient(circle,rgba(54,112,95,.4),transparent 68%)}.orbit{position:absolute;width:200px;height:88px;border:1px solid rgba(185,227,208,.32);border-radius:50%;transform:rotate(-28deg)}.orbit-two{width:250px;height:118px;transform:rotate(30deg);border-color:rgba(233,196,143,.24)}.card-face{width:96px;height:96px;border-radius:42% 42% 47% 47%;display:grid;place-items:center;color:#111;background:linear-gradient(135deg,#d9e1d8,#7e8c83);font:600 3rem var(--serif);box-shadow:0 0 75px #b9e3d04d}.card-art-music{background:radial-gradient(circle at 52% 45%,rgba(223,170,106,.24),transparent 60%)}.music-sun{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#e9d2a7,#bb8c59 42%,#523d31 72%,transparent 73%);box-shadow:0 0 90px #cf9b6140}.music-house{position:relative;font:5.5rem var(--serif);color:#171717;transform:translateY(-8px);text-shadow:0 2px 10px #f5efe4}.card-copy{display:grid;gap:.5rem}.card-title{font:600 2rem var(--serif)}.card-description{max-width:34rem;color:var(--muted);font-size:.92rem}.card-link{margin-top:.8rem;color:var(--mint);font-size:.83rem;font-weight:700;letter-spacing:.04em}.music-card .card-link{color:var(--gold)}.preview-note{margin:2rem 0 0;color:#8f9999;font-size:.75rem}.preview-dot,.fixed-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--mint);margin-right:.55rem}
.music-hero{min-height:calc(100svh - 78px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5rem;padding:5rem 0}.music-copy h1{font-size:clamp(3.4rem,7.5vw,6.6rem)}.music-copy h1 em{color:var(--gold)}.music-subtitle{max-width:35rem;color:var(--muted);font-size:1.12rem;margin:1.5rem 0 .75rem}.song-credit{color:#d5c5ac;font-size:.81rem;letter-spacing:.08em}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:2rem}.pill-button{display:inline-flex;align-items:center;gap:.65rem;border:1px solid var(--line);border-radius:999px;padding:.72rem 1.1rem;text-decoration:none;font-size:.82rem;font-weight:700;transition:transform .2s,background .2s}.pill-button:hover{transform:translateY(-2px);background:#ffffff0a}.pill-primary{background:var(--ink);color:#10110e}.text-link{display:inline-block;color:var(--mint);font-size:.88rem;font-weight:700;text-decoration:none}.music-copy .text-link{color:var(--gold)}.music-cover-wrap{max-width:470px;justify-self:center}.cover-frame{position:relative}.cover-frame:before{content:'';position:absolute;inset:13%;border-radius:50%;background:#85c8b144;filter:blur(55px)}.cover-frame img{position:relative;display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #e9c48f55;box-shadow:0 2rem 6rem #0009}.cover-caption{display:block;margin-top:1rem;color:var(--muted);font:italic 1rem var(--serif);text-align:center}.music-preview{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:4rem;padding:5rem 0;border-top:1px solid var(--line)}.music-preview h2{font-size:clamp(2.3rem,5vw,4rem)}.video-frame{width:100%;aspect-ratio:16/9;border:1px solid var(--line);background:#000;box-shadow:0 1.5rem 4rem #0007}.video-frame iframe{display:block;width:100%;height:100%;border:0}.release-note{max-width:760px;padding:4rem 0 6rem;border-top:1px solid var(--line);color:var(--muted)}.release-note p:last-child{font-size:.84rem}
.stream-hero{min-height:440px;display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:3rem;padding:4.5rem 0}.stream-intro{max-width:620px}.stream-intro h1{font-size:clamp(3.2rem,7vw,6rem)}.stream-intro>p:not(.eyebrow){max-width:36rem;color:var(--muted);margin:1.5rem 0}.stream-poster{position:relative;min-height:330px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at 56% 44%,#153a32 0,#111b1b 37%,#0c1112 74%);display:grid;place-items:center}.poster-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:#7bc4a41f;filter:blur(25px)}.poster-orbit{position:absolute;width:330px;height:200px;border:1px solid #b9e3d044;border-radius:50%;transform:rotate(-32deg);box-shadow:0 0 40px #97cbb31c}.poster-label{position:relative;color:#f5efe4;text-align:center;font:700 1.1rem/1.5 var(--sans);letter-spacing:.3em}.poster-label b{color:var(--mint);font-size:.7rem;letter-spacing:.55em}.tracking-section{padding:4rem 0 5.5rem;border-top:1px solid var(--line)}.tracking-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.tracking-heading h2{font-size:clamp(2.6rem,5vw,4rem)}.tracking-heading .muted{max-width:340px;margin:0 0 .35rem}.tracking-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:2rem;align-items:start}.stage-wrap{min-width:0}.stage{position:relative;aspect-ratio:1;max-height:700px;overflow:hidden;border:1px solid #b9e3d044;border-radius:14px;background:#17191b}.stage.checker{background-color:#181a1d;background-image:linear-gradient(45deg,#22252a 25%,transparent 25%),linear-gradient(-45deg,#22252a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#22252a 75%),linear-gradient(-45deg,transparent 75%,#22252a 75%);background-size:30px 30px;background-position:0 0,0 15px,15px -15px,-15px 0}.stage.dark{background:#101416}.stage.light{background:#d4d7d3}.stage.green{background:#087d42}.stage canvas{width:100%;height:100%;display:block;object-fit:contain;touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.stage-hint,.stage-badge,.readout{position:absolute;padding:.45rem .65rem;background:#080b0edb;color:#e7efeb;border-radius:4px;font:600 .58rem/1.4 var(--sans);letter-spacing:.13em;pointer-events:none}.stage-hint{top:14px;left:14px}.stage-badge{top:14px;right:14px;color:var(--mint)}.readout{bottom:14px;left:14px;font-family:ui-monospace,Consolas,monospace;letter-spacing:.02em}.pose-buttons{display:flex;justify-content:center;gap:.45rem;margin:1rem 0 .5rem;flex-wrap:wrap}.pose-buttons button,.motion-button{border:1px solid var(--line);border-radius:999px;background:#101719;color:var(--ink);padding:.56rem .9rem;font:600 .73rem var(--sans);cursor:pointer}.pose-buttons button:hover,.pose-buttons button.selected{border-color:#b9e3d080;background:#172620}.fixed-note{color:var(--muted);text-align:center;font-size:.77rem;margin:.75rem 0}.tracking-controls{padding:1.35rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,#131c1c,#0e1213)}.demo-control{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}.control-label,.control-status{display:block}.control-label{font-size:.82rem;font-weight:700}.control-status{margin-top:.2rem;color:var(--muted);font-size:.68rem}.motion-button{background:var(--mint);color:#0d1410;border-color:transparent}.slider-label{display:flex;justify-content:space-between;margin:1.3rem 0 .45rem;font-size:.77rem;font-weight:600}.slider-label output{font-variant-numeric:tabular-nums;color:var(--mint)}input[type=range]{width:100%;accent-color:var(--mint)}.range-ends{display:flex;justify-content:space-between;color:#899391;font-size:.64rem}.tracking-controls select{width:100%;padding:.68rem;border-radius:7px;border:1px solid var(--line);background:#11191b;color:var(--ink)}.privacy-note{border-top:1px solid var(--line);padding-top:1rem;margin:1.35rem 0 0;color:#a4b2ac;font-size:.72rem}.stream-bottom{display:grid;grid-template-columns:.8fr 1fr auto;gap:2rem;align-items:center;padding:3.5rem 0 5rem;border-top:1px solid var(--line)}.stream-bottom h2{font-size:clamp(2rem,4vw,3.3rem)}.stream-bottom>p{color:var(--muted);max-width:390px;margin:0}.stream-bottom .pill-button{white-space:nowrap}
@media(max-width:800px){.site-header,main,.site-footer{width:min(100% - 1.5rem,650px)}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:350px}.music-hero,.music-preview,.stream-hero{grid-template-columns:1fr;gap:2.5rem;padding:3.5rem 0}.music-cover-wrap{width:min(100%,430px);grid-row:1}.tracking-layout{grid-template-columns:1fr}.stage{max-height:none}.tracking-controls{display:grid;grid-template-columns:1fr 1fr;column-gap:1.3rem}.demo-control,.privacy-note,.tracking-controls select,.tracking-controls label[for=background],#background{grid-column:1/-1}.tracking-heading{display:block}.stream-poster{min-height:230px}.stream-bottom{grid-template-columns:1fr;gap:1rem}.site-footer{min-height:78px}}
@media(max-width:480px){.site-header{height:68px}.top-nav{gap:1.1rem}.wordmark{font-size:.73rem}.home-main{padding-top:3.5rem}.choice-card{padding:1.1rem;min-height:330px}.music-copy h1,.stream-intro h1{font-size:3.4rem}.actions{align-items:stretch;flex-direction:column}.actions .pill-button{justify-content:center}.tracking-controls{display:block}.demo-control{align-items:flex-start;flex-direction:column}.stage-hint,.stage-badge{font-size:.48rem}.stage-hint{left:8px}.stage-badge{right:8px}.readout{left:8px;bottom:8px;font-size:.51rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.choice-card,.pill-button{transition:none}}
.spotify-player-frame{width:100%;min-height:210px;overflow:hidden;border:1px solid rgba(205,221,215,.2);border-radius:12px;background:#101010;box-shadow:0 1.5rem 4rem #0007}.spotify-player-frame iframe{display:block;width:100%;height:152px;border:0}.spotify-fallback{display:inline-block;margin:.55rem 1rem .75rem;color:var(--gold);font-size:.8rem;font-weight:700;text-decoration:none}.spotify-fallback:hover{text-decoration:underline}

.card-avatar{position:relative;width:100%;height:100%;max-height:220px;object-fit:contain;filter:drop-shadow(0 12px 28px #0008)}
.stage .pose-image{width:100%;height:100%;display:block;object-fit:contain;touch-action:none;cursor:grab}.stage .pose-image:active{cursor:grabbing}.poster-avatar{position:relative;width:76%;height:96%;object-fit:contain;filter:drop-shadow(0 18px 34px #0008)}
.twitch-follow{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;background:#9146ff;color:#fff!important;padding:.62rem .95rem;font:700 .76rem var(--sans);line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s}.twitch-follow:hover{background:#772ce8;transform:translateY(-1px)}.top-nav .twitch-follow:after{display:none}
.music-card-cover{position:relative;display:block;width:min(100%,210px);height:100%;max-height:210px;object-fit:contain;filter:drop-shadow(0 14px 30px #0009)}

/* Brighter, more image-led entrance for the two sides of the brand. */
.home-page:before{background:radial-gradient(ellipse at 14% 18%,rgba(34,190,151,.31),transparent 34rem),radial-gradient(ellipse at 86% 52%,rgba(145,70,255,.18),transparent 32rem),radial-gradient(ellipse at 73% 9%,rgba(236,167,83,.22),transparent 28rem),linear-gradient(150deg,#101f1d 0%,#0b1013 52%,#17100f 100%)}
.home-main{padding-top:clamp(4.2rem,10vh,7.5rem)}
.home-main>.eyebrow{color:#8df0cb}
.home-main h1{font-size:clamp(3.8rem,8.6vw,7rem);background:linear-gradient(115deg,#fff7e9 5%,#a6f1ce 48%,#f1c38b 94%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.home-intro{color:#d0d9d4;font-size:1.08rem}
.choice-grid{gap:1.5rem}
.choice-card{min-height:440px;border-color:rgba(215,236,226,.22);border-radius:22px;background:linear-gradient(145deg,rgba(20,41,38,.94),rgba(11,16,18,.97));box-shadow:0 18px 52px rgba(0,0,0,.28)}
.streaming-card{background:radial-gradient(ellipse at 48% 48%,rgba(36,194,153,.18),transparent 58%),linear-gradient(145deg,#112a25 0%,#101719 68%)}
.music-card{background:radial-gradient(ellipse at 50% 47%,rgba(235,174,94,.18),transparent 60%),linear-gradient(145deg,#30251b 0%,#171516 72%)}
.choice-card:hover{box-shadow:0 24px 68px rgba(0,0,0,.42),0 0 34px rgba(124,223,184,.12)}
.card-index{color:#c2d0ca}
.card-art{min-height:250px;margin:1rem 0;border-radius:16px}
.card-art-stream{background:radial-gradient(ellipse at 50% 55%,rgba(61,224,174,.34),rgba(23,111,86,.2) 37%,transparent 72%),linear-gradient(135deg,rgba(19,81,64,.5),rgba(18,27,27,.35))}
.card-art-music{background:radial-gradient(circle at 50% 48%,rgba(250,198,122,.3),rgba(170,105,48,.13) 42%,transparent 73%),linear-gradient(135deg,rgba(92,58,34,.5),rgba(27,21,19,.42))}
.card-art-stream .orbit{border-color:rgba(159,246,208,.46);box-shadow:0 0 34px rgba(80,215,165,.12)}
.card-avatar{max-height:245px;filter:drop-shadow(0 14px 34px rgba(83,237,183,.34))}
.music-card-cover{width:min(100%,245px);max-height:245px;filter:drop-shadow(0 16px 38px rgba(245,183,100,.32))}
.card-title{font-size:2.25rem}
.card-description{color:#c8d0cc;line-height:1.6}
.card-link{display:inline-flex;align-items:center;gap:.3rem;width:max-content;margin-top:.9rem;padding:.58rem .9rem;border:1px solid rgba(177,234,208,.2);border-radius:999px;background:rgba(136,220,182,.11);color:#c6f4da}
.music-card .card-link{border-color:rgba(238,196,141,.22);background:rgba(226,176,104,.12);color:#f0c893}
.preview-note{color:#b8c6c0}
@media(max-width:800px){.choice-card{min-height:420px}.card-art{min-height:225px}}
@media(max-width:480px){.choice-card{min-height:390px}.card-art{min-height:220px}}
.home-main h1 em{color:#f1bf7d;font-style:normal}
.home-main .home-intro{max-width:44rem;margin:1.25rem auto 3rem}
.choice-card{min-height:455px}
.streaming-card{border-color:rgba(59,215,215,.35);background:radial-gradient(ellipse at 50% 42%,rgba(20,154,162,.2),transparent 55%),linear-gradient(145deg,#102b31 0%,#10191e 72%)}
.streaming-card:hover{border-color:rgba(61,236,231,.78);box-shadow:0 24px 68px rgba(0,0,0,.46),0 0 38px rgba(37,218,216,.2)}
.music-card{border-color:rgba(240,183,105,.36);background:radial-gradient(ellipse at 50% 42%,rgba(220,146,63,.2),transparent 58%),linear-gradient(145deg,#342316 0%,#1a1514 76%)}
.music-card:hover{border-color:rgba(255,203,130,.8);box-shadow:0 24px 68px rgba(0,0,0,.46),0 0 38px rgba(246,174,91,.19)}
.card-art-stream{background:radial-gradient(ellipse at 50% 52%,rgba(72,230,208,.35),rgba(30,118,143,.21) 42%,transparent 72%),linear-gradient(135deg,rgba(20,90,104,.48),rgba(17,27,33,.48));border:1px solid rgba(90,226,231,.2)}
.game-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(rgba(83,224,227,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(83,224,227,.11) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.card-art-stream .orbit-one{width:255px;height:118px;border-color:rgba(99,241,227,.58);box-shadow:0 0 30px rgba(47,212,208,.2)}
.card-art-stream .orbit-two{width:290px;height:148px;border-color:rgba(177,105,255,.4)}
.card-art-stream .card-avatar{width:92%;max-height:230px;filter:drop-shadow(0 14px 32px rgba(53,221,221,.39));z-index:1}
.game-status-pill,.album-label{position:absolute;z-index:3;top:11px;left:12px;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .65rem;border:1px solid rgba(148,242,233,.24);border-radius:999px;background:rgba(6,17,21,.82);color:#c4fbf1;font:700 .55rem var(--sans);letter-spacing:.13em}
.game-status-pill i{width:7px;height:7px;border-radius:50%;background:#42efbe;box-shadow:0 0 10px #42efbe;animation:live-pulse 1.7s ease-in-out infinite}
.game-tags{position:absolute;z-index:3;bottom:10px;display:flex;gap:.5rem}
.game-tags b{padding:.35rem .58rem;border:1px solid rgba(107,230,232,.27);border-radius:4px;background:rgba(7,17,22,.86);color:#d9fbfa;font:700 .56rem var(--sans);letter-spacing:.12em}
.card-art-music{position:relative;background:radial-gradient(circle at 53% 50%,rgba(247,187,105,.34),rgba(167,99,46,.2) 42%,transparent 73%),linear-gradient(135deg,rgba(102,62,31,.54),rgba(30,22,20,.62));border:1px solid rgba(240,190,122,.24)}
.vinyl-record{position:absolute;right:calc(50% - 145px);width:225px;height:225px;border-radius:50%;background:repeating-radial-gradient(circle at center,#151414 0 3px,#282220 4px 5px,#171615 6px 8px);box-shadow:0 0 45px rgba(232,165,87,.27),inset 0 0 24px #000;opacity:.88}
.music-card-cover{z-index:1;width:min(100%,225px);max-height:225px;filter:drop-shadow(0 15px 34px rgba(5,6,8,.7))}
.album-label{top:auto;left:auto;bottom:11px;right:12px;border-color:rgba(255,218,163,.32);background:rgba(33,22,14,.88);color:#ffdda9}
.music-card .card-link{border-color:rgba(246,191,113,.35);background:rgba(240,177,90,.16);color:#ffcf8f}
.streaming-card .card-link{border-color:rgba(96,226,224,.32);background:rgba(39,192,195,.15);color:#a9f6ef}
@keyframes live-pulse{50%{opacity:.55;box-shadow:0 0 4px #42efbe}}
@media(max-width:480px){.choice-card{min-height:405px}.game-tags b,.game-status-pill,.album-label{font-size:.5rem}.vinyl-record{right:calc(50% - 130px);width:200px;height:200px}}
.twitch-follow{background:rgba(145,70,255,.12);border:1px solid rgba(190,159,255,.32);color:#d9caff!important;padding:.48rem .72rem;font-size:.72rem}.twitch-follow:hover{background:rgba(145,70,255,.24);border-color:rgba(205,180,255,.62);transform:none}