:root{--night:#090611;--plum:#24132f;--gold:#e7c27a;--gold2:#f7e5b2;--lilac:#bd8bff;--text:#fbf7f2;--muted:#bcb1c6;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--night);color:var(--text);font:400 1rem/1.7 var(--sans)}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#211321;padding:8px 14px;z-index:50}.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.shell{width:min(1200px,calc(100% - 34px));margin:auto}
.ambient{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 12% 12%,#59235b55,transparent 40%),radial-gradient(ellipse at 90% 55%,#42207145,transparent 40%),linear-gradient(180deg,#090611,#0d0818 50%,#090611)}
.stars{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(1px 1px at 12% 20%,#fff 50%,transparent),radial-gradient(1px 1px at 82% 14%,#f7dba2 50%,transparent),radial-gradient(2px 2px at 56% 68%,#d7b2ff 50%,transparent),radial-gradient(1px 1px at 31% 84%,#fff 50%,transparent);background-size:390px 390px;animation:drift 90s linear infinite}
@keyframes drift{to{background-position:390px 780px}}
.topbar{height:76px;position:sticky;top:0;z-index:25;background:#090611dd;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between}
.identity{display:flex;align-items:center;gap:12px}.identity img{width:46px;height:46px;border-radius:50%;border:1px solid #e7c27a99;box-shadow:0 0 20px #b56be755}
.wordmark{font:600 1.15rem/1.1 var(--serif);letter-spacing:.06em}.wordmark span{display:block;color:var(--gold);font:500 .7rem var(--sans);letter-spacing:.2em;margin-top:4px}
.navlinks{display:flex;align-items:center;gap:30px;font-size:.88rem;color:#e2d8e8}.navlinks a:hover{color:var(--gold)}
.navlinks .navbutton{border:1px solid #e7c27a80;border-radius:99px;padding:8px 18px;color:var(--gold)}
.menu{display:none;background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer;padding:8px}
.hero{position:relative;min-height:min(780px,calc(100svh - 76px));display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #ffffff10}
.hero-art{position:absolute;inset:0;z-index:0}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:72% 30%}
.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#090611 0%,#090611ee 25%,#09061180 52%,#09061110 100%),linear-gradient(0deg,#090611 0%,transparent 30%)}
.hero-content{position:relative;z-index:2;width:min(1200px,calc(100% - 34px));margin:0 auto;padding:90px 0 100px}
.kicker{color:var(--gold);font-weight:500;letter-spacing:.22em;font-size:.85rem;margin:0}
.hero h1{font:500 clamp(3.6rem,10vw,8.5rem)/.9 var(--serif);letter-spacing:-.03em;margin:18px 0;max-width:9ch;text-shadow:0 4px 40px #0008}
.hero-sub{color:var(--gold2);letter-spacing:.14em;font-size:.95rem;margin:0 0 18px}
.hero-copy{max-width:460px;color:#ddd1e3;font-size:1.05rem;margin:0}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:14px 26px;font:700 .9rem var(--sans);letter-spacing:.04em;transition:transform .25s,box-shadow .25s,background .25s;cursor:pointer;border:0}
.btn-primary{background:linear-gradient(115deg,#f1d99f,#c99b52);color:#211321;box-shadow:0 7px 28px #d5a75a33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 34px #e7c27a66}
.btn-ghost{border:1px solid #e7c27a99;background:#0b071b80;color:#f5e9d1}.btn-ghost:hover{background:#e7c27a22;transform:translateY(-2px)}
.section{padding:100px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}
h2{font:500 clamp(2.6rem,6vw,4.8rem)/.95 var(--serif);letter-spacing:-.02em;margin:0}
.section-intro{max-width:400px;color:var(--muted);margin:0}
.music-section{background:linear-gradient(180deg,transparent,#130b1d 15%,#110b1c 85%,transparent)}
.release-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.release{background:linear-gradient(145deg,#21162b,#110c1d);border:1px solid #e7c27a30;border-radius:6px;padding:14px;box-shadow:0 22px 70px #0006}
.artwork{aspect-ratio:1.2;overflow:hidden;border-radius:3px}.artwork img{width:100%;height:100%;object-fit:cover}
.release:nth-child(2) .artwork img{object-position:72% 30%}
.release-info{padding:22px 8px 8px}.release h3{font:500 2.3rem/1 var(--serif);margin:0}
.release-type{color:var(--gold);font-size:.85rem;letter-spacing:.08em;margin:6px 0 18px}
.player{margin-bottom:18px;padding:10px;border:1px solid #ffffff17;background:#ffffff08;border-radius:8px}
audio{width:100%;height:44px;display:block;color-scheme:dark}
.stream{width:100%}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-visual{position:relative}.about-visual img{aspect-ratio:4/5;width:100%;object-fit:cover;object-position:76% 25%;border:1px solid #e7c27a55;box-shadow:18px 18px 0 #2a1537}
.about-copy h2{margin-bottom:22px}.about-copy p{color:var(--muted);max-width:56ch}
.about-copy .lead{font:500 1.7rem/1.3 var(--serif);color:#f3e8f0}
.visuals{background:linear-gradient(180deg,transparent,#120c1d 15%,#120c1d 85%,transparent)}
.visual-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-auto-rows:260px;gap:14px}
.visual-tile{position:relative;overflow:hidden;margin:0;border:1px solid #e7c27a35;background:#21132d}
.visual-tile.big{grid-row:span 2}.visual-tile.wide img{object-fit:cover;object-position:30% 20%}
.visual-tile img{width:100%;height:100%;object-fit:cover}
.visual-tile figcaption{position:absolute;inset:auto 0 0;padding:44px 18px 16px;background:linear-gradient(transparent,#090611ee)}
.visual-tile figcaption strong{display:block;font:500 1.7rem/1.1 var(--serif)}.visual-tile figcaption span{font-size:.82rem;color:#d0c4d8}
.visual-tile.soon{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:14px;background:radial-gradient(circle at 50% 30%,#4a2468,transparent 70%),#170f23}
.visual-tile.soon img{width:92px;height:92px;border-radius:50%;border:1px solid var(--gold);box-shadow:0 0 0 8px #e7c27a14,0 0 0 18px #e7c27a0c}
.visual-tile.soon p{margin:0;color:var(--muted);font-size:.92rem;max-width:30ch}.visual-tile.soon strong{display:block;font:500 1.6rem var(--serif);color:var(--text)}
.join{padding:90px 0}
.join-panel{text-align:center;border:1px solid #e7c27a55;background:radial-gradient(ellipse at 50% 0%,#743d8b66,transparent 62%),linear-gradient(140deg,#21142f,#100a1b);padding:clamp(40px,7vw,80px) 22px;border-radius:6px}
.join-panel>p{max-width:480px;margin:18px auto 28px;color:var(--muted)}
.signup{display:flex;gap:10px;max-width:520px;margin:auto}
.signup input[type=email]{flex:1;min-width:0;padding:14px 18px;background:#090611cc;border:1px solid #ffffff40;color:#fff;border-radius:99px;font:inherit}
.signup input[type=email]:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #e7c27a33}
.fineprint{font-size:.78rem;color:#a798b3;margin:14px 0 0}
.footer{border-top:1px solid #ffffff16;padding:30px 0}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer-brand{font:500 1.35rem var(--serif);letter-spacing:.05em}
.socials{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.socials a{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;font-size:.75rem;font-weight:700;color:#e4d9e9}
.socials a:hover{color:var(--gold);border-color:var(--gold)}.socials a.placeholder{opacity:.5;cursor:default}
.copyright{font-size:.8rem;color:#9d8fa8;margin:0}
.thanks{min-height:100svh;display:grid;place-content:center;justify-items:center;text-align:center;gap:18px;padding:30px}
.thanks img{border-radius:50%;border:1px solid var(--gold)}.thanks h1{font:500 clamp(2.4rem,7vw,4.2rem)/1 var(--serif);margin:0}.thanks p{color:var(--muted);max-width:40ch;margin:0}
@media(max-width:850px){.about-grid{grid-template-columns:1fr;gap:44px}.section{padding:76px 0}.about-visual img{aspect-ratio:1}}
@media(max-width:700px){
.menu{display:block}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#100b1df8;padding:20px 24px;flex-direction:column;align-items:flex-start;gap:18px;border-bottom:1px solid #ffffff22}.navlinks.open{display:flex}
.hero{align-items:end;min-height:760px}.hero-art{bottom:auto;height:58%}.hero-art img{object-position:66% 18%}
.hero:before{background:linear-gradient(0deg,#090611 42%,#09061100 78%)}
.hero-content{padding:60px 0 56px}
.section-head{display:block}.section-intro{margin-top:16px}
.release-grid{grid-template-columns:1fr}.visual-grid{grid-template-columns:1fr;grid-auto-rows:280px}.visual-tile.big{grid-row:auto}.visual-tile.soon{min-height:280px}
.signup{flex-direction:column}.footer-inner{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}}