:root{--paper:#eee5d8;--paper2:#e2d4c1;--ink:#201813;--brown:#5a3c29;--rust:#9a4d25;--line:#aa9782}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}
.shell{width:min(980px,calc(100% - 40px));margin:auto}
.site-header{border-bottom:1px solid var(--line);background:rgba(238,229,216,.95)}
.nav{height:70px;display:flex;align-items:center;justify-content:space-between}
.name{font-family:Georgia,serif;font-size:20px;letter-spacing:.18em;color:var(--ink);text-decoration:none}
.listen,.text-link{font-size:11px;font-weight:bold;letter-spacing:.2em;color:var(--brown);text-decoration:none}
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;padding:64px 0 72px}
.art-wrap{padding:9px;background:#f8f0e6;border:1px solid #c9b8a5;box-shadow:0 13px 30px rgba(49,34,24,.15);transform:rotate(-.4deg)}
.cover{display:block;width:100%;height:auto}
.intro{padding-right:20px}
.eyebrow{font-size:10px;font-weight:bold;letter-spacing:.28em;color:var(--rust);margin:0 0 18px}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:normal}
h1{font-size:72px;line-height:.9;margin:0;color:var(--brown);font-style:italic}
.rule{width:55px;border-top:2px solid var(--rust);margin:28px 0}
.coming{font-family:Georgia,serif;font-size:21px;line-height:1.35;letter-spacing:.08em;margin:0}
.label{font-size:13px;color:#665549;margin:10px 0 26px}
.text-link{border-bottom:1px solid var(--brown);padding-bottom:4px}
.music{background:#30241d;color:#f1e7db;border-top:1px solid #46362c;border-bottom:1px solid #46362c}
.music-inner{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:66px 0}
.music .eyebrow{color:#d99a67}
.song-copy h2{font-size:36px;line-height:1.08;margin:0 0 22px}
.song-copy p{color:#d7c6b6;font-family:Georgia,serif;font-size:17px;line-height:1.7;margin:0 0 15px}
.song-copy .roots{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#ae9582;margin-top:25px}
.preview{border-top:1px solid #765d4c;padding-top:18px;align-self:center}
.preview-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
.preview-title span{font-family:Georgia,serif;font-size:23px;font-style:italic}
.preview-title small{font-size:9px;letter-spacing:.18em;color:#ae9582}
audio{width:100%;height:42px}
blockquote{font-family:Georgia,serif;font-style:italic;color:#cdb9a8;font-size:18px;line-height:1.55;margin:24px 0 0;border-left:2px solid #9a5a35;padding-left:18px}
.release{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;padding:56px 0}
.release h2{font-size:38px;margin:0 0 10px;color:var(--brown)}
.release p:not(.eyebrow){font-family:Georgia,serif;font-size:16px;line-height:1.6;max-width:560px;color:#5f5146}
.vol{width:180px;height:auto;object-fit:contain}
footer{border-top:1px solid var(--line);padding:22px 0 30px;font-size:10px;letter-spacing:.12em;color:#76685c}
.foot{display:flex;justify-content:space-between}
@media(max-width:760px){
 .shell{width:min(100% - 28px,980px)}
 .hero{grid-template-columns:1fr;gap:34px;padding:34px 0 48px}
 .art-wrap{width:min(520px,100%);margin:auto}
 .intro{text-align:center;padding:0}
 .rule{margin:24px auto}
 h1{font-size:58px}
 .music-inner{grid-template-columns:1fr;gap:42px;padding:50px 0}
 .release{grid-template-columns:1fr;text-align:center}
 .release p:not(.eyebrow){margin-left:auto;margin-right:auto}
 .vol{margin:auto}
}

.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand img{width:42px;height:42px;object-fit:contain}
.brand span{font-family:Georgia,serif;font-size:20px;letter-spacing:.18em}
.release-brand{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.release-brand img{width:46px;height:46px;object-fit:contain}
.release-brand h2{margin:0}
@media(max-width:760px){
 .brand span{font-size:16px;letter-spacing:.14em}
 .brand img{width:36px;height:36px}
 .release-brand{justify-content:center}
}