:root{--night:#1b1716;--char:#26201e;--red:#7a1f1c;--gold:#c99a3b;--cream:#f7f2ea;--ink:#231b18}
*{box-sizing:border-box}body{margin:0;font:16px/1.65 Poppins,system-ui,sans-serif;color:var(--ink);background:var(--cream)}
h1,h2,h3,.brand span,nav a,.btn,.eyebrow,button{font-family:Montserrat,sans-serif}
h1,h2{text-transform:uppercase;font-weight:900;letter-spacing:.02em;line-height:1.05;margin:.2em 0 .5em}h2{font-size:40px}
.wrap{max-width:1180px;margin:auto}.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.center{text-align:center;justify-content:center}
section{padding:90px 6vw}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:800;color:var(--gold);margin:0}
.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px 6vw;background:var(--night)}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff}.brand img{width:46px;height:46px}.brand span{font-weight:900;text-transform:uppercase;font-size:15px;line-height:1.05}
nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:13px;margin-left:24px;padding-bottom:4px}nav a.on,nav a:hover{border-bottom:2px solid var(--gold)}
.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:6vw;align-items:center;background:var(--night);color:#e9e2d8;padding:80px 6vw 100px}
.hero-art img{width:100%;max-width:520px;display:block;margin:auto;border-radius:4px;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.hero h1{color:#fff;font-size:clamp(40px,5vw,68px)}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.btn{display:inline-block;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:13px;letter-spacing:.12em;padding:15px 28px;border-radius:2px}
.gold{background:var(--gold);color:var(--night)}.red{background:var(--red);color:#fff}.line{border:2px solid var(--gold);color:var(--gold)}.line.dark{border-color:var(--red);color:var(--red)}.big{font-size:16px;padding:20px 40px}
.latest{background:#fff}.stack{display:flex;flex-direction:column;gap:12px;max-width:340px;margin-top:24px}.stack .btn{text-align:center}
.topics{background:var(--char);color:#fff}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.tile{display:flex;flex-direction:column;justify-content:flex-end;min-height:210px;padding:24px;text-decoration:none;color:#fff;background:linear-gradient(160deg,var(--red),#3a1210);border-bottom:4px solid var(--gold)}
.tile h3{text-transform:uppercase;font-size:20px;margin:0}.tile span{opacity:.75;font-size:14px}.tile b{margin-top:14px;font-family:Montserrat;text-transform:uppercase;font-size:12px;letter-spacing:.15em;color:var(--gold)}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 30px}.filters button{border:2px solid var(--red);background:none;color:var(--red);padding:9px 16px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.filters button.on{background:var(--red);color:#fff}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;padding:24px;border-top:4px solid var(--red);display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.card .meta{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#8a7b70;margin:0}.card h3{font-size:18px;margin:6px 0 8px;line-height:1.25}.card p{font-size:14px;margin:0 0 10px}
.tags span{display:inline-block;font-size:11px;background:#f1e6d4;color:var(--red);padding:2px 8px;margin:0 4px 4px 0;border-radius:20px}.card a{margin-top:auto;color:var(--red);font-weight:700;font-family:Montserrat;text-transform:uppercase;font-size:12px;letter-spacing:.12em}
.hosts{background:#fff}.host{background:var(--cream);padding:40px;border-left:6px solid var(--gold)}.host h3{text-transform:uppercase;font-size:28px;margin:0}.role{color:var(--red);font-weight:600;margin:2px 0 14px}
.listen{background:var(--night);color:#e9e2d8}.listen h2{color:#fff}
.contact{background:var(--cream)}.mailbox{text-align:center}.mailbox p{font-size:20px;font-weight:600}
footer{display:flex;justify-content:space-between;padding:26px 6vw;background:var(--night);color:#a89e94;font-size:13px}footer a{color:var(--gold)}
@media(max-width:900px){.hero,.two{grid-template-columns:1fr}.tiles{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}nav{display:none}}
.card .by{font-size:13px;font-weight:600;color:var(--gold);margin:-4px 0 8px;font-family:Montserrat}

.card audio{width:100%;margin:8px 0 4px;height:36px}
.card .audio-meta{font-size:11px;color:#8a7b70;margin:0 0 8px}
.latest audio{max-width:340px}