:root{--ink:#142236;--ink-2:#0e1a2a;--red:#c4392b;--paper:#f4f5f7;--paper-2:#e2e5ea;--steel:#6c7e94;--text:#1e2733;--mute:#5c6774}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font-family:"Libre Franklin",system-ui,sans-serif;line-height:1.55}
a{color:inherit}
.top{background:var(--ink);color:var(--paper);border-bottom:6px solid var(--red)}
.top .in{max-width:1180px;margin:auto;padding:22px 24px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{font-family:"Instrument Serif",Georgia,serif;font-size:2.1rem;text-decoration:none;letter-spacing:.01em}
.brand span{color:var(--red)}
.tag{font-family:"Space Mono",monospace;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#9fb0c4}
.ticker{background:var(--ink-2);color:var(--paper);overflow:hidden;white-space:nowrap;font-family:"Space Mono",monospace;font-size:.8rem;padding:8px 0;border-bottom:1px solid #24374f}
.ticker .track{display:inline-block;animation:tick 70s linear infinite;padding-left:100%}
.ticker b{color:#e8b4ad;font-weight:700}.ticker i{font-style:normal;color:#54687f;margin:0 22px}
@keyframes tick{to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.ticker .track{animation:none;padding-left:24px}}
main{max-width:1180px;margin:auto;padding:32px 24px 64px}
.lede{display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:stretch;margin-bottom:48px}
.lede .hero{position:relative;display:block;text-decoration:none;color:var(--paper);background:var(--ink);min-height:420px}
.lede .hero img{width:100%;height:100%;object-fit:cover;display:block;opacity:.94}
.lede .hero .cap{position:absolute;left:0;right:0;bottom:0;padding:28px;background:linear-gradient(transparent,rgba(14,26,42,.95) 55%)}
.lede .hero h2{font-family:"Instrument Serif",Georgia,serif;font-size:2.1rem;line-height:1.1;margin:.4em 0 .3em;font-weight:400}
.lede .hero p{margin:0;color:#c8d2de;max-width:56ch}
.side{display:flex;flex-direction:column;gap:0;border-top:3px solid var(--ink)}
.side a{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--paper-2);text-decoration:none}
.side a:hover h3,.card:hover h3{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.side .n{font-family:"Instrument Serif",Georgia,serif;font-size:1.6rem;color:var(--red);min-width:5.2ch;line-height:1}
.side h3{margin:0;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.12rem;line-height:1.25}
.eyebrow{font-family:"Space Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{text-decoration:none;display:flex;flex-direction:column;background:#fff;border:1px solid var(--paper-2)}
.card img{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block}
.card .b{padding:16px 18px 20px}
.card .stat{font-family:"Instrument Serif",Georgia,serif;font-size:2rem;color:var(--red);line-height:1;margin:2px 0 6px}
.card h3{margin:0 0 8px;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.25rem;line-height:1.22}
.card p{margin:0;color:var(--mute);font-size:.93rem}
.sechead{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px solid var(--ink);margin:0 0 22px;padding-bottom:6px}
.sechead h2{margin:0;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.35rem}
/* article */
.art{max-width:760px;margin:auto}
.art .eyebrow{display:flex;gap:14px;flex-wrap:wrap}
.art h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(2rem,4.6vw,3rem);line-height:1.08;margin:.35em 0 .35em}
.art .dek{font-size:1.2rem;color:var(--mute);margin:0 0 24px;line-height:1.45}
.art figure{margin:0 0 28px}
.art figure img{width:100%;display:block;border:1px solid var(--paper-2)}
.art figcaption{font-family:"Space Mono",monospace;font-size:.7rem;color:var(--mute);margin-top:8px}
.keyfig{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;background:var(--ink);color:var(--paper);padding:18px 22px;margin:0 0 28px;border-left:8px solid var(--red)}
.keyfig .v{font-family:"Instrument Serif",Georgia,serif;font-size:2.6rem;line-height:1}
.keyfig .l{color:#b9c6d6;font-size:.95rem}
.art .body p{font-size:1.08rem;margin:0 0 1.2em}
.art .body p:first-child::first-letter{font-family:"Instrument Serif",Georgia,serif;font-size:3.4em;float:left;line-height:.8;padding:6px 8px 0 0;color:var(--red)}
.src{border-top:1px solid var(--paper-2);margin-top:28px;padding-top:16px;font-size:.9rem;color:var(--mute)}
.src a{color:var(--ink)}
.nav{display:flex;justify-content:space-between;gap:16px;margin-top:40px;font-family:"Space Mono",monospace;font-size:.8rem}
.nav a{text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:10px 14px}
.nav a:hover{background:var(--ink);color:var(--paper)}
footer{background:var(--ink);color:#9fb0c4;padding:28px 24px;font-size:.85rem}
footer .in{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
a:focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media(max-width:900px){.lede{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.brand{font-size:1.7rem}.keyfig{grid-template-columns:1fr}}