:root{color-scheme:dark;--bg:#09090c;--panel:#101014;--line:#26262d;--muted:#92929f;--white:#eeeef4;--accent:#b7a3ee;font-family:Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--white);font-size:15px}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #c5b4ff;outline-offset:5px}header,footer{padding:29px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header{position:sticky;top:0;background:#09090cef;backdrop-filter:blur(14px);z-index:5}.brand{font-size:20px;letter-spacing:-.8px;font-weight:750}.brand span{color:#868590}nav{display:flex;gap:36px;font-size:13px}nav span{color:#b6a1dc;margin-left:12px}main{max-width:1600px;margin:auto}.hero{padding:58px 5% 0;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;min-height:650px}.eyebrow{font-size:11px;letter-spacing:2px;color:#b1aabd;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b6a3dc;box-shadow:0 0 12px #8e62db}h1{font-size:clamp(44px,5.8vw,88px);line-height:1.04;letter-spacing:-4.5px;font-weight:550;margin:58px 0 25px}h1 span{color:#94909e}.intro{color:var(--muted);line-height:1.7;font-size:16px}.button{display:inline-flex;gap:50px;align-items:center;padding:17px 22px;background:#e9e4f2;color:#19151f;margin-top:20px;font-size:13px;border-radius:3px;font-weight:600}.button:hover{background:#c5b4e8}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;margin-top:72px;font-size:9px;letter-spacing:1.7px;color:#797580}.art{min-height:510px;background:radial-gradient(ellipse at 55% 45%,#25132c 0,#111019 40%,#0d0c10 70%);position:relative;overflow:hidden;border:1px solid #26212e;border-radius:3px}.orb{position:absolute;left:18%;top:17%;width:70%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(ellipse at 60% 35%,transparent 0 5px,#e9666630 6px,#a358b150 7px,transparent 9px 12px);transform:rotate(-35deg) scaleX(.8);box-shadow:inset -40px -30px 75px #05050a,12px -12px 45px #81599a18;filter:drop-shadow(0 0 14px #974d7c35)}.orbit{position:absolute;inset:17% 14%;border:1px solid #86526e45;border-radius:50%;transform:rotate(-40deg) scaleY(.3)}.o2{transform:rotate(-43deg) scaleY(.4);inset:12% 10%;border-color:#51448b55}.o3{transform:rotate(-48deg) scaleY(.5);inset:7% 6%;border-color:#b3655d30}.art-label{position:absolute;bottom:25px;left:25px;font-size:9px;color:#a098ab;line-height:1.9;letter-spacing:2px}.art-cross{position:absolute;right:22px;top:15px;color:#776880;font-size:23px}section:not(.hero){margin:0 5%;padding:72px 0;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}h2{font-size:clamp(30px,3.7vw,49px);font-weight:500;letter-spacing:-1.8px;margin:20px 0 0}.muted{color:var(--muted);font-size:13px;line-height:1.8}.section-top>.muted{font-size:10px;letter-spacing:1.5px}.music-placeholder{display:flex;gap:32px;align-items:center;border:1px solid var(--line);background:#101014;padding:24px;border-radius:4px}.cover{width:150px;min-width:150px;aspect-ratio:1;background:radial-gradient(ellipse at 30% 20%,#3c253c,#14141e 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #352a3e}.cover>span{font-size:70px;font-weight:200;color:#b0a1b4}.cover small{font-size:8px;letter-spacing:2px;color:#807080}.tag{font-size:9px;color:#bfb0d2;letter-spacing:1.5px}.music-placeholder h3{font-size:23px;font-weight:450;margin:12px 0}.music-placeholder p,.about-copy p,.contact p{color:var(--muted);line-height:1.85;font-size:14px}.platforms{display:flex;gap:23px;color:#706b7a;font-size:11px;margin-top:20px}.big-arrow{font-size:30px;margin-left:auto;color:#71657e;padding:15px}.about{display:grid;grid-template-columns:1fr 1fr;gap:50px}.about h2 span{color:#8d8598}.about-copy{max-width:480px;padding-top:12px}.about-copy .lead{font-size:24px;color:#e5dfea;margin-top:0}.genre{display:flex;gap:10px;margin-top:30px}.genre span{border:1px solid var(--line);padding:8px 12px;font-size:9px;letter-spacing:1px;color:#a39aaa}.contact{background:radial-gradient(ellipse at 100% 100%,#20122690,transparent 60%)}.contact h2{font-size:clamp(40px,6vw,80px)}.contact h2 span{color:#ad83a5}footer{border-top:1px solid var(--line);border-bottom:0;padding-top:32px;padding-bottom:32px;color:#77727e;font-size:11px}footer .brand{font-size:16px}.employee{font-size:10px;letter-spacing:.5px}.employee:hover{color:#d4bde9}@media(max-width:760px){header{padding:22px 6%}.brand{font-size:17px}nav{gap:17px;font-size:11px}.hero{grid-template-columns:1fr;padding:35px 6% 35px;gap:20px}.hero h1{letter-spacing:-2.5px;margin-top:32px}.hero-bottom{margin-top:38px}.art{min-height:340px;grid-row:2}.orb{width:60%;left:22%;top:7%}section:not(.hero){margin:0 6%;padding:48px 0}.about{grid-template-columns:1fr;gap:20px}.music-placeholder{gap:20px;align-items:start;padding:18px}.cover{width:80px;min-width:80px}.cover>span{font-size:40px}.cover small{font-size:5px}.music-placeholder h3{font-size:18px}.big-arrow{display:none}.platforms{gap:12px;flex-wrap:wrap}.section-top>.muted{display:none}footer{gap:20px;flex-wrap:wrap}.contact h2{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.featured-track{border:1px solid var(--line);background:#101014;padding:26px;border-radius:4px}.track-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.track-heading h3{font-size:28px;font-weight:450;letter-spacing:-.8px;margin:12px 0 5px}.track-heading p{margin:0}.track-link{font-size:12px;color:#c6afd9;white-space:nowrap}.track-link:hover{color:#eee}.soundcloud-player{display:block;border:0;border-radius:3px;width:100%;background:#18151d}@media(max-width:760px){.featured-track{padding:18px}.track-heading{align-items:start;flex-direction:column;gap:15px}.track-heading h3{font-size:24px}}
header .brand{font-size:40px}.hero h1 span{display:block;color:var(--white)}.hero h1 span:nth-child(2){margin-left:.15em;opacity:.82}.hero h1 span:nth-child(3){margin-left:.3em;opacity:.64}.hero h1 span:nth-child(4){margin-left:.45em;opacity:.48}@media(max-width:760px){header .brand{font-size:clamp(23px,6vw,34px)}header{flex-wrap:wrap;gap:16px}}