:root{--ochre:#a77b20;--ink:#17120a;--paper:#e6d3a0;--bone:#f0e2bd;--brass:#c39b4c}
*{box-sizing:border-box}body{margin:0;background:#17130b;color:#e7d8af;font-family:Georgia,'Times New Roman',serif}
header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;background:#17130bf2;border-bottom:1px solid #72591f}
header a{color:#d1ae5b;text-decoration:none;font:10px Arial,sans-serif;letter-spacing:.18em}.code{font:9px Arial,sans-serif;letter-spacing:.2em;color:#8f7845}
.hero{padding:70px 7vw 54px;text-align:center;background:radial-gradient(circle at 50% 0,#80601d 0,#4b3713 28%,#21190d 67%,#17130b 100%);border-bottom:8px solid #0e0b07}
.kicker{font:10px Arial,sans-serif;letter-spacing:.28em;color:#c7a759}.hero h1{font-size:clamp(42px,7vw,78px);font-weight:500;letter-spacing:.035em;margin:12px 0 6px;color:#f0e2bd}.meta{font:11px Arial,sans-serif;letter-spacing:.25em;color:#a88b4c}
.note{max-width:780px;margin:0 auto;padding:60px 30px 80px}.note h2{text-align:center;font-weight:500;font-size:25px;letter-spacing:.13em;color:#d4b66e;margin:0 0 38px}
.note p{font-size:17px;line-height:1.78;margin:0 0 22px;color:#e3d7b8}.note p.lead{font-size:21px;text-align:center;font-weight:bold;color:#e6c87c;margin-bottom:34px}
.spotify{display:block;width:max-content;max-width:100%;margin:45px auto 0;padding:13px 22px;border:1px solid #a27e34;color:#e0c374;text-decoration:none;font:10px Arial,sans-serif;letter-spacing:.18em}.spotify:hover{background:#5a4317}
footer{text-align:center;border-top:1px solid #5f4b23;padding:25px;color:#8f7845;font:9px Arial,sans-serif;letter-spacing:.18em}
@media(max-width:650px){.hero{padding:52px 22px 40px}.hero h1{font-size:42px}.note{padding:42px 22px 60px}.note p{font-size:16px;line-height:1.72}}