:root{
--font-display:'Clash Display',sans-serif;--font-body:'Satoshi',sans-serif;
--text-xs:clamp(.75rem,.72rem + .1vw,.82rem);--text-sm:clamp(.875rem,.83rem + .15vw,1rem);--text-base:clamp(1rem,.98rem + .1vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .3vw,1.35rem);--text-xl:clamp(1.5rem,1.2rem + .7vw,2rem);--text-hero:clamp(3.5rem,2.2rem + 5vw,6.75rem);
--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;
--color-bg:oklch(.18 .008 80);--color-surface:oklch(.22 .01 80);--color-text:oklch(.94 .02 90);--color-muted:oklch(.74 .025 80);--color-primary:oklch(.8 .12 85);--color-border:oklch(.94 .02 90 / .15);--radius-sm:4px;--radius-md:8px}
.skip{position:absolute;left:var(--space-4);top:-100px;background:var(--color-primary);color:var(--color-bg);padding:var(--space-3);z-index:10}.skip:focus{top:var(--space-4)}
main{max-width:1120px;margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}
.artist{position:sticky;top:0;height:100dvh;max-height:1000px;min-height:650px;isolation:isolate;overflow:hidden;background:var(--color-bg)}
.vault{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.artist:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,oklch(.12 .01 80 / .15) 0%,oklch(.12 .01 80 / .72) 45%,var(--color-bg) 100%)}
.identity{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--space-12) var(--space-10)}
.eyebrow{font-size:var(--text-xs);letter-spacing:.2em;color:var(--color-primary);font-weight:700}
h1{font-family:var(--font-display);font-size:var(--text-hero);font-weight:700;letter-spacing:-.045em;line-height:.88;margin-top:var(--space-6)}h1 span{color:var(--color-primary)}
.tagline{margin-top:var(--space-6);font-size:var(--text-base);color:var(--color-muted)}
.release{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-primary)}.release h2{font-family:var(--font-display);font-size:var(--text-xl);margin-top:var(--space-3);margin-bottom:var(--space-2)}.release>p:last-child{font-size:var(--text-sm);color:var(--color-muted)}
.directory{padding:var(--space-12) var(--space-10);min-width:0}
section+section{margin-top:var(--space-10)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.section-heading h2{font-size:var(--text-lg);font-weight:700}.section-heading>span{font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;letter-spacing:.06em}
.link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:76px;padding:var(--space-4) var(--space-5);margin-bottom:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:background .18s,border-color .18s}
.link strong{display:block;font-size:var(--text-base);font-weight:700}.link small{display:block;font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-1)}.arrow{font-size:var(--text-xl);color:var(--color-primary)}
.link:hover,.link:active{border-color:var(--color-primary);background:oklch(.28 .02 80)}
.featured{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.featured small,.featured .arrow{color:var(--color-bg)}.featured:hover,.featured:active{background:oklch(.87 .12 85)}
details{border-top:1px solid var(--color-border);margin-top:var(--space-8);padding-top:var(--space-2);font-size:var(--text-sm);color:var(--color-muted)}
summary{min-height:48px;padding-block:var(--space-3);color:var(--color-text)}details p{margin-block:var(--space-3)}textarea{width:100%;resize:vertical;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-sm);line-height:1.5}
button{min-height:44px;background:var(--color-primary);color:var(--color-bg);border:0;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);margin-top:var(--space-3);font-weight:700;font-size:var(--text-sm)}button:hover,button:active{background:oklch(.87 .12 85)}
footer{display:flex;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-8);margin-top:var(--space-4);font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-muted)}
@media(max-width:760px){main{display:block;max-width:560px}.artist{position:relative;height:auto;min-height:0;max-height:none}.identity{padding:var(--space-12) var(--space-6) var(--space-6)}h1{font-size:clamp(3.5rem,16vw,5.5rem);margin-top:var(--space-5)}.artist .vault{object-position:50% 40%}.artist:after{background:linear-gradient(180deg,oklch(.12 .01 80 / .3),oklch(.12 .01 80 / .65) 45%,var(--color-bg) 100%)}.tagline{margin-top:var(--space-4)}.release{margin-top:var(--space-8);padding-top:var(--space-4)}.directory{padding:var(--space-6)}.section-heading{gap:var(--space-2)}.section-heading>span{letter-spacing:0}.link{min-height:76px}section+section{margin-top:var(--space-8)}}