:root{--bg:#000;--fg:#f5f5f5;--mute:#8a8a8a;--line:#222;--serif:"Bodoni Moda",Didot,serif;--sans:Inter,system-ui,sans-serif}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font:300 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem;z-index:99}
.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1.25rem,4vw,3rem);background:rgba(0,0,0,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.mark{font:600 .95rem var(--serif);letter-spacing:.2em;text-decoration:none}.mark span{font-family:var(--sans);font-weight:300;color:var(--mute)}
.nav nav{display:flex;gap:2rem;align-items:center}.nav nav a{font-size:.8rem;letter-spacing:.08em;text-decoration:none;color:#ccc}.nav nav a:hover{color:#fff}
.cta{border:1px solid #fff;padding:.4rem .9rem;border-radius:99px;color:#fff!important}.menu{display:none;background:none;border:1px solid #555;color:#fff;padding:.35rem .8rem;border-radius:99px;font:inherit;font-size:.8rem}
section{padding:clamp(4rem,10vw,9rem) clamp(1.25rem,6vw,5rem);max-width:1200px;margin:auto}
.hero{min-height:78vh;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.hero.sm{min-height:50vh}
h1{font:400 clamp(2.6rem,8vw,6.5rem)/1.02 var(--serif);letter-spacing:-.01em;margin:.4em 0}h1 em,h2 em{font-style:italic;color:#bdbdbd}
h2{font:400 clamp(1.6rem,4vw,2.8rem)/1.15 var(--serif);margin-bottom:.6em}
.eyebrow{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--mute)}.lede{max-width:40rem;font-size:clamp(1.05rem,2vw,1.3rem);color:#cfcfcf;margin:0 auto 2rem}
.btn{display:inline-block;background:#fff;color:#000;text-decoration:none;padding:.9rem 2rem;border-radius:99px;font-weight:500;letter-spacing:.04em;transition:opacity .3s}.btn:hover{opacity:.85}
.link{text-decoration:none;border-bottom:1px solid #555;margin-left:1rem}.link:hover{border-color:#fff}p .link,li .link{margin-left:0}
.cover img{display:block;width:min(100%,640px);height:auto;margin:auto;box-shadow:0 40px 120px rgba(255,255,255,.06)}
.band{text-align:center;border-top:1px solid var(--line)}.tl{list-style:none;padding:0;max-width:44rem;margin:2rem auto 0;text-align:left}
.tl li{display:flex;gap:1.5rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--line)}.n{color:var(--mute);font-size:.8rem;letter-spacing:.15em;min-width:2rem}
.t{font:400 1.25rem var(--serif);flex:1}.t a{text-decoration:none}.tag{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.split{text-align:center;border-top:1px solid var(--line)}.songs{max-width:900px}.song{padding:3rem 0;border-bottom:1px solid var(--line)}.song p{color:#cfcfcf}
.prose{text-align:left;max-width:44rem}.prose p,.prose ul{margin-bottom:1.4rem;color:#d0d0d0}.prose h2{margin-top:2rem}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:3rem;text-align:left}.soon{color:var(--mute);font-style:italic;font-family:var(--serif);margin-top:1rem}
footer{border-top:1px solid var(--line);padding:4rem clamp(1.25rem,6vw,5rem)}.fwrap{max-width:1200px;margin:auto;display:grid;gap:1rem;color:var(--mute);font-size:.9rem}footer nav{display:flex;flex-wrap:wrap;gap:1.5rem}footer a{text-decoration:none}footer a:hover{color:#fff}.small{font-size:.8rem}
.reveal{opacity:0;transform:translateY(16px);transition:opacity 1s ease,transform 1s ease}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
@media (max-width:820px){.menu{display:block}.nav nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#000;padding:2rem;gap:1.4rem;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.nav nav a{font-size:1.1rem}.tl li{gap:1rem}.tag{display:none}}
:focus-visible{outline:2px solid #fff;outline-offset:3px}
.promos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,280px));justify-content:center;gap:clamp(1.5rem,4vw,3rem);border-top:1px solid var(--line)}
.promos img{display:block;width:100%;height:auto}.promos figcaption{margin-top:.8rem;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--mute);text-align:center}
.art{margin:2rem 0}.art img{display:block;max-width:100%;max-height:80vh;width:auto;height:auto}.art figcaption{margin-top:.8rem;font-size:.85rem;color:var(--mute)}
.xm img{display:block;width:clamp(120px,22vw,240px);height:auto;margin:0 auto 1.5rem}
.band::before,.split::before{content:"";display:block;width:22px;height:22px;margin:0 auto 2rem;background:url(/img/x-mark.png) center/contain no-repeat;opacity:.85}
.btn.ghost{background:none;color:#fff;border:1px solid #fff;margin-left:.6rem}.btn.ghost:hover{background:#fff;color:#000;opacity:1}
.lead{padding-top:0}.portrait img{display:block;width:100%;height:auto}.prose .portrait{margin:1rem 0 2rem}
.story{max-width:38rem}.story p{font-size:1.15rem;line-height:1.75}.story p:first-child{font:400 clamp(1.4rem,2.6vw,1.8rem)/1.4 var(--serif);color:#fff}
.story .pull{font:italic 400 clamp(1.6rem,3.4vw,2.4rem)/1.3 var(--serif);color:#fff;text-align:center;margin:3rem 0}
.story .close{font:400 clamp(1.4rem,3vw,2rem)/1.35 var(--serif);color:#fff;text-align:center;margin:0}.story .close:last-child{font-style:italic;margin-top:.4rem}