:root{--ink:#14130f;--paper:#efe9df;--mute:#6b665c;--acc:#c2410c;--w:1180px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:400 1.125rem/1.55 "Newsreader",Georgia,serif}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--ink);color:var(--paper);padding:.5rem 1rem}
.top,.block,.intro,.foot{max-width:var(--w);margin:0 auto;padding-left:clamp(1.25rem,4vw,3rem);padding-right:clamp(1.25rem,4vw,3rem)}
.top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;padding-top:1.25rem;padding-bottom:1.25rem;border-bottom:2px solid var(--ink)}
.mark,nav a,.label,.kicker,.cat,.btn,.more,.links a,.back span,.roster-h,.foot{font-family:"Archivo Narrow","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.mark{font-weight:700;font-size:1.25rem;text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;align-self:center}
.mark img{width:1.6rem;height:auto}
nav a{margin-left:1.25rem;font-size:.85rem;text-decoration:none}
nav a:hover,nav a:focus{color:var(--acc)}
.intro{padding-top:clamp(3rem,10vw,7rem);padding-bottom:clamp(3rem,8vw,5rem)}
.kicker{font-size:.85rem;color:var(--mute);margin-bottom:1.5rem}
h1{font-family:"Archivo Narrow",sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(2.6rem,8vw,6.75rem);line-height:.9;max-width:14ch;letter-spacing:-.01em}
h1 em{font-family:"Newsreader",serif;font-weight:400;text-transform:none;color:var(--acc)}
.block{padding-top:3.5rem;padding-bottom:4rem;border-top:1px solid var(--ink)}
.label{font-size:.85rem;font-weight:700;margin-bottom:2.5rem}.label span{color:var(--acc);margin-right:.75rem}
.release{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:end}
.cover img{box-shadow:none;border:1px solid var(--ink)}
.cat{color:var(--acc);font-weight:700;font-size:.9rem}
h3{font-family:"Archivo Narrow",sans-serif;text-transform:uppercase;font-size:clamp(2.2rem,5vw,4rem);line-height:.95;margin:.5rem 0}
.artist{font-style:italic;font-size:1.6rem;margin-bottom:1.5rem}
.tracks{list-style:none;border-top:1px solid var(--ink);margin-bottom:2rem;counter-reset:t}
.tracks li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--ink);counter-increment:t}
.tracks li span:first-child::before{content:"A" counter(t) "  ";font-family:"Archivo Narrow",sans-serif;color:var(--mute);white-space:pre}
.tracks li span:last-child{color:var(--mute);font-size:.95rem}
.btn{display:inline-block;background:var(--ink);color:var(--paper);padding:.9rem 1.6rem;text-decoration:none;font-weight:700}
.btn:hover,.btn:focus{background:var(--acc)}
.back{list-style:none;margin-top:3rem;border-top:1px solid var(--ink)}
.back li{padding:.7rem 0;border-bottom:1px solid rgba(20,19,15,.25)}
.back span{display:inline-block;width:5.5rem;font-size:.8rem;color:var(--mute)}
.more{display:inline-block;margin-top:1.5rem;font-weight:700;font-size:.9rem}
.cols{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(1.5rem,4vw,4rem)}
.lead{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2}
.cols p+p{margin-top:1.5rem}
.roster-h{font-size:.8rem;color:var(--mute)}
.roster{list-style:none;font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:1.8rem;line-height:1.15;margin-top:.5rem}
.dark{background:var(--ink);color:var(--paper);max-width:none;padding-left:max(clamp(1.25rem,4vw,3rem),calc((100% - var(--w))/2 + 3rem));border:0}
.big{font-size:clamp(1.4rem,4.5vw,3.2rem);margin-bottom:2rem;overflow-wrap:anywhere}
.big a{text-decoration-color:var(--acc);text-underline-offset:.15em}
.rules{list-style:none;max-width:40rem}
.rules li{padding:.6rem 0;border-top:1px solid rgba(239,233,223,.3)}
.links{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.links a{display:block;padding:1.2rem 0;border-bottom:1px solid var(--ink);font-weight:700;font-size:1.4rem;text-decoration:none}
.links a:hover,.links a:focus{color:var(--acc)}
.links small{font-size:.7rem;color:var(--acc)}
.foot{padding-top:2rem;padding-bottom:2rem;font-size:.8rem;color:var(--mute);border-top:2px solid var(--ink)}
a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
@media (max-width:760px){
 nav a{margin:0 1rem 0 0}
 .release,.cols{grid-template-columns:1fr}
 .links{grid-template-columns:1fr 1fr}
 .dark{padding-left:clamp(1.25rem,4vw,3rem)}
}

.sub{font-style:italic;font-size:clamp(1.3rem,2.6vw,2rem);margin-top:1.5rem;color:var(--mute)}

.intro{position:relative}
.hero-mark{position:absolute;right:clamp(1.25rem,4vw,3rem);top:clamp(3rem,10vw,7rem);width:clamp(9rem,24vw,19rem);height:auto}
.intro h1,.intro .sub{position:relative}
@media (max-width:760px){.hero-mark{position:static;width:5.5rem;margin-bottom:2rem}}