/* A record sleeve meets a late-night dashboard. No remote fonts or scripts. */
:root{color-scheme:dark;--ink:#f2ead8;--muted:#beb3a1;--ground:#151310;--line:#4b4339;--red:#ed4937;--amber:#e1a85b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
a:focus-visible{outline:3px solid var(--amber);outline-offset:5px}
.skip{position:absolute;top:-100px;left:1rem;z-index:10;padding:1rem;background:var(--ink);color:var(--ground)}
.skip:focus{top:1rem}
.wrap{width:min(1330px, calc(100% - 96px));margin-inline:auto}
.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.wordmark{text-decoration:none;font-family:Impact,'Arial Narrow',sans-serif;font-size:25px;letter-spacing:.07em}.wordmark span{color:var(--red)}
.header-link{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;display:flex;gap:28px;align-items:center;min-height:44px}.header-link span{font-size:18px;color:var(--red)}
.hero{display:grid;grid-template-columns:1fr minmax(0, .91fr);gap:clamp(40px,7vw,110px);align-items:center;padding-block:80px 90px}
.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;line-height:1.5;color:var(--amber)}
.red-dot{display:inline-block;width:8px;height:8px;background:var(--red);border-radius:50%;margin-right:8px}.divider{color:var(--muted);padding-inline:8px}
h1{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(88px,10.7vw,160px);letter-spacing:.005em;line-height:.79;margin:40px 0 30px}h1 em{font-style:normal;color:var(--red)}
.tagline{font-family:Georgia,serif;font-size:clamp(23px,2.4vw,32px);font-style:italic;margin:0 0 38px}
.button{min-height:56px;background:var(--red);color:#171310;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:0 22px;font-size:12px;font-weight:800;letter-spacing:.09em;transition:background .2s}.button:hover{background:#ff705d}.button span{font-size:20px}.button-note{font-size:12px;color:var(--muted);margin:14px 0 0}
.cover{margin:0}.cover img{width:100%;height:auto;display:block}.cover figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:15px;font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--muted)}.cover figcaption b{color:var(--red)}
.follow{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-block:55px 65px}.follow .eyebrow{margin:0 0 16px}.follow h2{font:italic 32px Georgia,serif;margin:0}.socials{display:flex;flex-direction:column}.socials a{min-height:52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);text-decoration:none;font-size:15px;font-weight:700}.socials a span{color:var(--red);font-size:20px}.socials a:hover{color:var(--amber)}
.footer{border-top:1px solid var(--line);min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted)}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:76px}.wordmark{font-size:21px}.hero{grid-template-columns:1fr;gap:40px;padding-block:55px 55px}h1{font-size:clamp(78px,19vw,125px);margin:30px 0 25px}.tagline{margin-bottom:30px}.button{width:100%}.cover{max-width:560px}.follow{grid-template-columns:1fr;gap:25px;padding-block:45px}.footer{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}