:root{--cream:#f2ead8;--paper:#e8dcc5;--ink:#171512;--red:#b52b22;--muted:#6c6459;--line:#b9aa91}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,"Times New Roman",serif;background-image:radial-gradient(#0000000b 1px,transparent 1px);background-size:5px 5px}
img{max-width:100%;display:block}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:8px clamp(18px,5vw,72px);border-bottom:1px solid var(--line);background:#f5eedf;position:relative;z-index:5}
.brand img{width:112px;max-height:74px;object-fit:contain}.site-header nav{display:flex;gap:clamp(16px,3vw,34px)}.site-header nav a,.button,button,.eyebrow,small{font-family:Arial,sans-serif;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.site-header nav a{color:var(--ink);text-decoration:none;font-size:12px}.hero{min-height:520px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:center;gap:36px;padding:46px clamp(22px,7vw,100px);background:linear-gradient(100deg,#16130f 0 48%,#292017 48% 100%);color:var(--cream);overflow:hidden}
.hero h1{font-size:clamp(44px,6.2vw,86px);line-height:.86;margin:12px 0 22px;letter-spacing:-.055em}.hero h1 em{color:#d84a37;font-weight:normal}.eyebrow{font-size:11px;margin:0 0 12px}.lede{max-width:520px;font-size:clamp(18px,2vw,21px);line-height:1.36;color:#d9cfbd}.button{display:inline-block;margin-top:18px;padding:14px 20px;background:var(--red);color:white;text-decoration:none;font-size:12px;border:1px solid #e76654}
.record-stack{position:relative;display:grid;place-items:center}.record-stack img{width:min(560px,100%);filter:drop-shadow(0 22px 38px #0008);position:relative;z-index:2}
.ticker{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;background:var(--red);color:#fff;padding:12px 16px;font:800 11px Arial,sans-serif;letter-spacing:.15em}
.section{padding:64px clamp(22px,7vw,100px)}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:16px;margin-bottom:28px}.section h2,.artists h2,.newsletter h2{font-size:clamp(36px,4.6vw,64px);line-height:.95;margin:0}.section-heading>p{font-style:italic;color:var(--muted)}
.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.release img{aspect-ratio:1;object-fit:cover;box-shadow:0 8px 18px #352b1d33;filter:saturate(.92)}.release h3{font-size:23px;margin:16px 0 3px}.release p{font-style:italic;font-size:17px;margin:0 0 9px}.release small{font-size:9px;color:var(--muted)}
.artists{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;background:#1a1815;color:var(--cream);padding:64px clamp(22px,7vw,100px)}.artists-copy>p:not(.eyebrow,.fineprint){font-size:20px;line-height:1.6;color:#d4c8b5}.artists img{border:10px solid #efe5d1;transform:rotate(-1deg);box-shadow:0 18px 40px #0008}.fineprint{font-style:italic;color:#978d7d}
.about{border-bottom:1px solid var(--line)}.about>h2{max-width:1000px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:34px;font-size:18px;line-height:1.55}
.newsletter{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:48px clamp(22px,7vw,100px);background:#d6c8ae}.newsletter form{display:flex;position:relative}.newsletter input{width:min(340px,48vw);padding:15px;border:2px solid var(--ink);background:#f7f0e1;font:16px Georgia,serif}.newsletter button{border:2px solid var(--ink);border-left:0;background:var(--ink);color:white;padding:0 22px;cursor:pointer}.thanks{display:none;position:absolute;top:54px;font-style:italic}.sent .thanks{display:block}
footer{background:#0f0e0c;color:#c7bcaa;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(22px,7vw,100px);font-size:13px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.site-header{height:78px;padding:8px 5vw}.brand img{width:95px}.site-header nav{gap:15px}.site-header nav a{font-size:10px}.hero{grid-template-columns:1fr;padding:42px 7vw;gap:34px}.record-stack img{width:min(440px,88%)}.release-grid{grid-template-columns:1fr}.artists{grid-template-columns:1fr}.about-columns{grid-template-columns:1fr}.newsletter{align-items:flex-start;flex-direction:column}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}footer{flex-direction:column;text-align:center}}