:root{color-scheme:dark;--bg:#09070e;--ink:#f6f3ff;--muted:#b2aaba;--purple:#bb92ff;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #d9bcff;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;background:#fff;color:#000;padding:15px;z-index:20}.skip:focus{top:10px}::selection{background:#b88cf6;color:#10091d}header{height:100px;position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:0 5%}.brand{font-size:22px;font-weight:800;letter-spacing:3px;display:flex;align-items:center;gap:12px}.mark{display:inline-grid;place-items:center;color:#d0a9ff;border:1px solid #9f6fea;width:31px;height:34px;font-size:33px;line-height:1;transform:skew(-12deg)}.brand-dot{font-size:9px;align-self:flex-start;letter-spacing:0}nav{display:flex;gap:35px;font-size:12px}nav a:hover,.text-link:hover{color:var(--purple)}.hero{min-height:800px;height:100svh;max-height:1150px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 73% 48%,#381661,#0a0710 65%)}#stage{position:absolute;inset:0;width:100%;height:100%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08070d99,transparent 60%),linear-gradient(0deg,#09070e,transparent 24%);pointer-events:none}.micro{font-size:10px;letter-spacing:2px;line-height:1.6}.dot{display:inline-block;width:5px;height:5px;background:#cba3ff;border-radius:50%;box-shadow:0 0 12px #be8aff;margin-right:10px}.hero-top{position:absolute;top:131px;left:5%;right:5%;display:flex;justify-content:space-between;color:#c7bad6}.hero-copy{position:absolute;top:31%;left:8%;right:6%}.eyebrow{font-size:11px;letter-spacing:5px;color:#cfb5f1;margin:0 0 20px}h1{font-size:clamp(80px,15vw,245px);font-weight:800;letter-spacing:-.075em;line-height:.95;margin:0 0 32px;text-shadow:0 6px 65px #17042855}.hero-sub{display:flex;align-items:center;gap:80px}.hero-sub p{font-size:clamp(19px,2vw,29px);line-height:1.35;letter-spacing:-.7px;margin:0}.hero-sub .micro{border-left:1px solid #a98bbb66;padding-left:25px;color:#c2b5d0}.hero-actions{display:flex;gap:32px;align-items:center;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 23px;background:#c29bf6;color:#160b26;font-size:12px;font-weight:700;border:1px solid #c29bf6;min-height:52px;transition:background .2s,transform .2s}.button:hover{background:#dec5ff;transform:translateY(-2px)}.button span{font-size:20px}.text-link{font-size:12px}.text-link span{margin-left:14px}.hero-bottom{position:absolute;bottom:32px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;color:#b8a9c9}.stage-controls{display:flex;gap:8px}.stage-controls button{background:#100b19aa;border:1px solid #b897df55;color:#e4d9f1;font-size:10px;padding:12px 16px;min-height:44px;backdrop-filter:blur(10px)}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:20px 0;background:#100b19;color:#b8a5cd;white-space:nowrap;font-size:11px;letter-spacing:3px}.ticker span{display:block;text-align:center}.ticker b{color:#bc8df7;margin:0 40px;font-size:18px}.section{padding:110px 8%;max-width:1680px;margin:auto}.section-label{color:var(--purple);margin:0 0 35px}.sound-intro,.connect-head{display:flex;justify-content:space-between;gap:60px;align-items:flex-end}h2{font-size:clamp(32px,4vw,61px);font-weight:400;letter-spacing:-2px;line-height:1.12;margin:0}h2 em{font-style:normal;color:#9e83b9}.sound-intro>p,.connect-head>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:285px;margin:0}.genres{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;gap:25px}.genres article{border-top:1px solid var(--line);padding-top:22px}.genres .micro{color:#ab91c1}.genre-art{height:220px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#39185166,transparent 65%)}.genre-art i{position:absolute;border:1px solid #a363eb;box-shadow:0 0 13px #9c36ed25}.depth i{width:130px;height:130px;border-radius:50%;transform:rotateX(63deg) translateY(var(--y));--y:0px}.depth i:nth-child(2){--y:27px}.depth i:nth-child(3){--y:54px}.depth i:nth-child(4){--y:-27px}.depth i:nth-child(5){--y:-54px}.elevation i{width:105px;height:105px;transform:rotate(45deg)}.elevation i:nth-child(2){width:135px;height:135px;opacity:.7}.elevation i:nth-child(3){width:165px;height:165px;opacity:.4}.elevation i:nth-child(4){width:195px;height:195px;opacity:.25}.elevation i:nth-child(5){width:225px;height:225px;opacity:.1}.energy i{width:28px;height:130px;transform:skew(-20deg);background:linear-gradient(0deg,#49187255,transparent)}.energy i:nth-child(1){margin-left:-140px;height:60px}.energy i:nth-child(2){margin-left:-70px;height:100px}.energy i:nth-child(4){margin-left:70px;height:100px}.energy i:nth-child(5){margin-left:140px;height:60px}h3{font-size:23px;font-weight:400;margin:10px 0}.genres p{color:var(--muted);font-size:12px;line-height:1.7}.experience{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-block:1px solid var(--line);background:radial-gradient(ellipse at 80% 50%,#23113066,transparent 70%)}.experience h2{font-size:clamp(55px,6vw,90px)}.body-copy{color:#c1b3cd;font-size:15px;line-height:1.8;margin-top:28px}.fine{font-size:11px;line-height:1.8;color:#a99ab6;margin-top:25px}.console{border:1px solid #8d65af55;padding:28px;background:#110b1b;align-self:center;box-shadow:0 20px 100px #0005}.console-top{display:flex;justify-content:space-between;gap:15px;color:#bda6d2;font-size:8px}.equalizer{height:130px;display:flex;gap:5px;align-items:center;justify-content:center;margin:15px 0}.equalizer i{width:8px;height:var(--bar,40%);background:linear-gradient(#d4b1ff,#6f38a5);border-radius:5px;transform:scaleY(.5)}.tempo{display:grid;gap:14px;margin-bottom:25px}.tempo label{font-size:9px;letter-spacing:2px;color:#cdbddd}.tempo output{color:#f5eaff;margin-left:10px}input[type=range]{accent-color:#be90fb;width:100%;height:25px;cursor:pointer}.console .button{width:100%}#audio-status{font-size:10px;color:#b4a2c4;line-height:1.6;margin-bottom:0}.connect-head{margin-bottom:50px}.social-list{border-top:1px solid var(--line)}.social-list>a{display:grid;grid-template-columns:1fr 1.1fr 35px;align-items:center;gap:20px;padding:26px 5px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.social-list>a:hover{padding-left:18px;padding-right:18px;background:#ab69f20a;color:#ceacff}.social-list .micro{color:#ab98bc;font-size:9px}.social-list strong{font-size:28px;font-weight:400;letter-spacing:-.5px}.social-list>a>span:last-child{font-size:28px}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:10px;color:#b09cbe}footer .brand{font-size:18px;color:#ede4f5}footer .micro{font-size:8px}@media(min-width:1600px){.hero-copy{left:calc((100% - 1400px)/2)}}@media(max-width:800px){header{height:80px}nav{gap:18px}nav a:first-child{display:none}.hero{min-height:760px;max-height:1000px}.hero-top{top:105px;font-size:8px}.edition{display:none}.hero-copy{top:32%;left:6%}h1{font-size:20vw;margin-bottom:30px}.hero-sub{gap:35px}.hero-actions{gap:20px}.hero-bottom{align-items:flex-start;gap:20px;flex-direction:column}.hero-bottom>.micro{font-size:8px}.section{padding:70px 6%}.sound-intro,.connect-head{display:block}.sound-intro>p,.connect-head>p{margin-top:25px;max-width:420px}.genres{gap:16px}.genre-art{height:175px;transform:scale(.85)}.experience{gap:35px}.console{padding:20px}.console-top{letter-spacing:1px}h2{letter-spacing:-1px}footer{flex-wrap:wrap}footer>.micro{display:none}}@media(max-width:540px){.brand{font-size:18px;gap:8px}.mark{width:25px;height:29px;font-size:28px}nav{font-size:10px}nav a:nth-child(2){display:none}.hero{min-height:740px;height:100svh}.eyebrow{font-size:9px;letter-spacing:3px}.hero-copy{top:33%}.hero-sub p{font-size:21px}.hero-sub .micro{font-size:8px;padding-left:18px}.hero-actions{align-items:flex-start;flex-direction:column;gap:23px}.hero-actions .button{padding:16px 20px}.stage-controls{width:100%}.stage-controls button{flex:1}.ticker{font-size:9px;padding:15px 0}.ticker span{text-align:left;padding-left:20px}.ticker b{margin:0 20px}.genres{grid-template-columns:1fr;gap:25px;margin-top:40px}.genres article{display:grid;grid-template-columns:1fr 1fr;position:relative;min-height:190px;align-content:center}.genres article>.micro{grid-column:1}.genre-art{grid-column:2;grid-row:1/4;width:100%;height:170px}.genres h3{grid-column:1;grid-row:2}.genres p{grid-column:1;grid-row:3;max-width:150px;margin:0}.experience{grid-template-columns:1fr}.social-list>a{grid-template-columns:1fr 25px;gap:8px;padding-block:22px}.social-list .micro{grid-column:1;font-size:8px}.social-list strong{grid-column:1;font-size:25px}.social-list>a>span:last-child{grid-column:2;grid-row:1/3}footer{gap:22px}footer .brand{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep controls inside their grid columns on narrow tablets. */
.experience{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.experience>*,.console{min-width:0}.console-top{flex-wrap:wrap}.equalizer i{flex:0 1 8px;min-width:2px}.tempo input{min-width:0}.console .button{gap:12px}@media(max-width:540px){.experience{grid-template-columns:minmax(0,1fr)}}