:root{--bg:#070708;--ink:#f6f1e7;--mute:#8f8a80;--red:#e0342b;--gold:#d8b46a;--line:#202024}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font:400 17px/1.7 "DM Sans",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--gold)}
.wrap{padding:0 16px;max-width:780px;margin:0 auto}
nav{border-bottom:1px solid var(--line)}
nav .wrap{max-width:1280px;display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px}
@media(min-width:768px){nav .wrap{padding-left:5vw;padding-right:5vw}}
nav img{height:52px;mix-blend-mode:lighten;filter:brightness(1.5) contrast(1.15)}
nav .back{color:var(--ink);text-decoration:none;font:800 16px "Big Shoulders Display";letter-spacing:.12em;text-transform:uppercase;border:1px solid #3a3a40;padding:8px 14px}
nav .back:hover{border-color:var(--gold);color:var(--gold)}
header{padding:64px 0 28px}
.kick{font-family:"Instrument Serif",serif;font-style:italic;color:var(--gold);font-size:26px}
h1{font:900 clamp(54px,12vw,104px)/.86 "Big Shoulders Display";text-transform:uppercase;margin-top:6px}
.date{color:var(--mute);font-size:14px;margin-top:18px}
.tldr{background:#121214;border-left:3px solid var(--red);padding:18px 20px;margin:10px 0 20px;color:#ddd7cb}
.tldr b{color:var(--ink)}
main{padding-bottom:90px}
h2{font:800 28px/1.1 "Big Shoulders Display";text-transform:uppercase;letter-spacing:.02em;margin:44px 0 12px;padding-top:22px;border-top:1px solid var(--line)}
p,li{color:#c9c3b8}
p+p{margin-top:12px}
ul{padding-left:20px;margin-top:10px;display:grid;gap:6px}
strong{color:var(--ink);font-weight:500}
footer{border-top:1px solid var(--line);padding:36px 0 60px;color:var(--mute);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 22px;max-width:1280px}
@media(min-width:768px){footer .wrap{padding-left:5vw;padding-right:5vw}}
footer a{color:var(--mute);text-decoration:none}
footer a:hover{color:var(--ink)}