@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/jost-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Jost;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/jost-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Jost;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/jost-latin-600-normal.woff2) format('woff2')}

/* Layout: one narrow column, black page, type only. The cover is the single image. */
:root{
  --void:#0b0d10; --surface:#15191e; --line:#2a3038; --ink:#ecebe6; --muted:#8d939b;
  --font:Futura,"Futura PT",Jost,"Century Gothic",sans-serif;
  --s1:4px; --s2:8px; --s3:16px; --s4:24px; --s5:40px; --s6:64px; --s7:104px;
  color-scheme:dark;
}
html{background:var(--void);scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--void);color:var(--ink);font-family:var(--font);font-size:17px;line-height:28px;-webkit-font-smoothing:antialiased;padding-inline:var(--s3);padding-block:0}
@media (min-width:760px){body{padding-inline:var(--s6)}}
a{color:inherit}
.wrap{max-width:720px;margin:0 auto}
.caps{text-transform:uppercase;font-weight:600;letter-spacing:.12em}
.label{text-transform:uppercase;font-weight:500;font-size:12px;line-height:16px;letter-spacing:.2em}
.muted{color:var(--muted)}

header{position:sticky;top:env(safe-area-inset-top,0px);z-index:2;background:var(--void);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s3) var(--s4);padding-block:var(--s4)}
.wordmark{font-weight:600;font-size:15px;line-height:1;letter-spacing:.32em;text-transform:uppercase;text-decoration:none;margin-right:-.32em}
nav{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}
nav a{text-decoration:none;color:var(--ink);border-bottom:1px solid transparent;padding-bottom:2px}
nav a:hover,nav a[aria-current="page"]{border-bottom-color:var(--ink)}
section[id]{scroll-margin-top:96px}
a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

section{padding-block:var(--s6)}
h2{margin:0 0 var(--s5);color:var(--muted)}

.hero{padding-block:var(--s5) var(--s6);display:grid;gap:var(--s5)}
.art{display:block;width:100%;max-width:520px;aspect-ratio:1;height:auto;object-fit:cover;background:var(--surface)}
.album{margin:0;font-weight:600;font-size:clamp(34px,7vw,56px);line-height:.95;letter-spacing:.06em;text-transform:uppercase;text-wrap:balance}
.release{display:grid;gap:var(--s2)}
.release p{margin:0}
.single{font-size:15px;line-height:20px}
.actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s3)}
.btn{display:inline-block;font:500 12px/16px var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--ink);padding:var(--s3) var(--s4);text-decoration:none;cursor:pointer}
.btn:hover,.btn.solid{background:var(--ink);color:var(--void)}
.btn.solid:hover{background:transparent;color:var(--ink)}

ol.tracks{list-style:none;margin:0;padding:0}
ol.tracks li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 var(--s4);padding-block:var(--s2);font-size:14px;line-height:20px;color:var(--muted);font-variant-numeric:tabular-nums}
ol.tracks li.out{color:var(--ink)}
ol.tracks li .when{font-weight:400;letter-spacing:.04em;text-transform:none}

.caption{margin:var(--s3) 0 0;font-size:14px;line-height:22px}

.rows{display:grid;gap:var(--s4)}
.row{display:grid;gap:var(--s1)}
.row p{margin:0}
.mail{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3)}
.mail code{font:inherit;user-select:all}
.copy{font:500 11px/14px var(--font);letter-spacing:.2em;text-transform:uppercase;background:none;border:0;color:var(--muted);padding:var(--s1) 0;cursor:pointer}
.copy:hover{color:var(--ink)}

.prose{max-width:620px}
.prose p{margin:0 0 var(--s3)}
dl.facts{display:grid;grid-template-columns:minmax(0,10em) minmax(0,1fr);gap:var(--s2) var(--s4);margin:0;font-size:15px;line-height:24px}
dl.facts dt{color:var(--muted)}
dl.facts dd{margin:0}
@media (max-width:480px){dl.facts{grid-template-columns:1fr;gap:0}dl.facts dd{margin-bottom:var(--s3)}}

footer{padding-block:var(--s6) var(--s5);display:grid;gap:var(--s3);font-size:14px;line-height:22px}
footer .links{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}
footer a{text-decoration:none;color:var(--muted)}
footer a:hover{color:var(--ink)}
@media (prefers-reduced-motion:no-preference){main{animation:in .2s ease-out}@keyframes in{from{opacity:.4}}}

body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}