:root{--paper:#f3efe7;--ink:#1c1a17;--mute:#756e62;--line:#d8d0c1;--glow:#c8862a;
--serif:"Instrument Serif",Georgia,serif;--text:"Newsreader",Georgia,serif}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}
body{margin:0;font:300 18px/1.6 var(--text)}a{color:inherit;border-bottom:1px solid var(--line);text-decoration:none}
a:hover{border-color:var(--ink)}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header{padding:10vh 0 5vh}h1{font:400 clamp(44px,8vw,96px)/.95 var(--serif);margin:0}
.lede{max-width:46ch;font-size:clamp(19px,2.2vw,23px);margin:22px 0 0}.es{font-style:italic;color:var(--mute);margin-top:4px}
.label{font:400 12px/1.4 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.filters{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0;border-top:1px solid var(--line);background:var(--paper);z-index:2}
@media(min-width:761px){.filters{position:sticky;top:0}}
.filters button{font:400 14px/1 var(--text);background:none;border:1px solid var(--line);color:var(--ink);padding:8px 12px;cursor:pointer}
.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px 22px;padding:20px 0 80px}
.card[hidden]{display:none}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--line)}
.card h2{font:400 26px/1.05 var(--serif);margin:12px 0 6px}.card p{margin:0;color:var(--mute);font-size:16px}
.card .meta{margin-top:8px}.card a{border:0}.card.has a h2{border-bottom:1px solid var(--glow);display:inline}
.n{font:italic 400 18px var(--serif);color:var(--glow);letter-spacing:0;text-transform:none}
article{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:48px;padding:6vh 0 10vh;border-top:1px solid var(--line)}
article video{width:100%;aspect-ratio:9/16;background:#000;display:block}
article h2{font:400 30px/1.1 var(--serif);margin:36px 0 10px}article .body p,article .body li{max-width:62ch}
.stack{display:flex;flex-wrap:wrap;gap:6px;padding:0;list-style:none}.stack li{border:1px solid var(--line);padding:4px 10px;font-size:15px}
.transcript{color:var(--mute);font-style:italic}
footer{border-top:1px solid var(--line);padding:28px 20px 48px;color:var(--mute);font-size:15px}
@media(max-width:760px){article{grid-template-columns:1fr;gap:28px}article video{max-width:340px}}