@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
:root{--paper:#fff;--ink:#090909;--muted:#5a554c;--dirty:rgba(0,0,0,.06)}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:'Special Elite','Courier New',monospace;line-height:1.55;letter-spacing:.01em}.wrapper{width:min(1120px,calc(100% - 34px));margin:0 auto}header{padding:28px 0 18px;border-bottom:3px double var(--ink)}.logo{display:block;width:min(560px,88vw);height:auto;filter:invert(1) contrast(1.2);mix-blend-mode:multiply}nav{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px 18px;text-transform:uppercase;font-size:15px}nav a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:2px;transition:all .12s linear}nav a:hover{background:var(--ink);color:var(--paper)}main{padding:38px 0 60px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.hero-copy,.panel{border:3px solid var(--ink);padding:24px;background:transparent}.kicker{text-transform:uppercase;font-size:14px;letter-spacing:.13em;color:var(--muted)}h1,h2,h3{line-height:1.1;margin:0 0 16px;text-transform:uppercase}h1{font-size:clamp(42px,8vw,92px)}h2{font-size:clamp(32px,5vw,58px)}h3{font-size:24px;margin-top:30px}.stunning{font-size:clamp(26px,4vw,48px);line-height:1.05;margin:14px 0 0}img.photo,img.cover{width:100%;display:block;border:4px solid var(--ink);filter:grayscale(1) contrast(1.15)}img.cover{max-width:580px;margin:0 auto 28px}.grid-2{display:grid;grid-template-columns:320px 1fr;gap:34px;align-items:start}blockquote{margin:22px 0;padding:16px 18px;border-left:8px solid var(--ink);background:var(--dirty);font-size:20px}.tracklist{columns:2;padding-left:22px}.meta{list-style:none;padding:0;margin:0}.meta li{border-bottom:1px dashed var(--ink);padding:8px 0}.meta strong{text-transform:uppercase}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{display:inline-block;color:var(--paper);background:var(--ink);border:2px solid var(--ink);padding:10px 14px 7px;text-decoration:none;text-transform:uppercase}.button:hover{color:var(--ink);background:transparent}footer{border-top:3px double var(--ink);padding:22px 0;font-size:13px;color:var(--muted)}.xerox-note{text-transform:uppercase;font-size:14px;letter-spacing:.08em}@media(max-width:760px){.hero,.grid-2{grid-template-columns:1fr}.tracklist{columns:1}}