:root{--bg:#0b0b0d;--panel:#151519;--line:#26262c;--fg:#ece9e4;--muted:#9a968f;--accent:#d4202f;--gold:#d8b46a}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--gold)}a:hover{color:#fff}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.4rem);margin:.2em 0}
.nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.8rem 1.2rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,11,13,.92);backdrop-filter:blur(6px);z-index:2}
.brand{display:flex;align-items:center;gap:.6rem;color:var(--fg);text-decoration:none;font-weight:700}.brand img{border-radius:4px}
.nav nav a{color:var(--fg);text-decoration:none;margin-left:1.1rem;text-transform:uppercase;font-size:.8rem;letter-spacing:.12em}.nav nav a:hover{color:var(--accent)}
main{max-width:1080px;margin:0 auto;padding:1.5rem 1.2rem 3rem}
.hero,.about{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:2.5rem;align-items:center;padding:2rem 0}
.art{width:100%;height:auto;border-radius:8px;box-shadow:0 20px 60px rgba(212,32,47,.25)}
.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;margin:0}
.lede{color:#cfcac2;font-size:1.1rem}.muted,.meta{color:var(--muted);font-size:.85rem}
.subs{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.2rem 0}
.btn{display:inline-block;padding:.7rem 1.2rem;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;border-radius:4px}
.btn:hover{background:#ff3344;color:#fff}.btn.ghost{background:transparent;border:1px solid var(--gold);color:var(--gold)}
.latest{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);padding:1.5rem;border-radius:6px;margin:1rem 0 2.5rem}
.latest h2{margin:.3em 0}.latest h2 a{color:var(--fg);text-decoration:none}
audio{width:100%;margin:1rem 0;color-scheme:dark}
.row{display:flex;justify-content:space-between;align-items:baseline}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;transition:border-color .15s}
.card:hover{border-color:var(--accent)}.card a{display:block;padding:1.1rem;color:inherit;text-decoration:none}
.card h3{margin:.3em 0;font-size:1.25rem}.card p{color:#bdb8b0;font-size:.92rem;margin:0}
.jump a{margin-right:1rem}h2[id]{border-bottom:1px solid var(--line);padding-bottom:.3em;margin-top:2.2rem}
.ep{max-width:760px;margin:0 auto}.notes{color:#d9d4cc}.notes img{max-width:100%}.dl{font-size:.85rem}
.pn{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1rem;margin-top:2rem;font-size:.9rem}.pn .r{text-align:right;margin-left:auto}
footer{border-top:1px solid var(--line);text-align:center;padding:2rem 1rem;color:var(--muted)}
@media(max-width:700px){.hero,.about{grid-template-columns:1fr;text-align:left;gap:1.2rem}.art{max-width:240px}.nav nav a{margin:0 1rem 0 0}}
