:root{color-scheme:light;--paper:#f4f1ea;--ink:#17110d;--muted:#625a55;--red:#96101c;--rule:#d8d3c7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--red);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--red);outline-offset:5px}header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.5rem clamp(1.25rem,6vw,6rem);border-bottom:1px solid var(--rule)}header a{text-decoration:none;color:var(--ink)}.brand{font-weight:900;font-size:1.5rem;letter-spacing:-.06em}.brand span{color:var(--red)}header nav{display:flex;gap:1.5rem;font-size:.875rem}main{max-width:1350px;margin:auto;padding:0 clamp(1.25rem,5vw,4rem)}.article-header{padding:4rem 0 3rem;max-width:960px}.eyebrow{font-family:monospace;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);line-height:1.8}.back{display:inline-block;margin-bottom:2rem;font-size:.85rem}h1{font-size:clamp(2.25rem,5vw,4.6rem);line-height:1.06;letter-spacing:-.05em;margin:1.25rem 0;font-weight:800;text-wrap:balance}.dek{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.6;color:var(--muted);max-width:780px}.byline{font-size:.82rem;color:var(--muted);margin-top:1.75rem}.reading-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:4rem;border-top:1px solid var(--rule);padding-top:2rem}.reading-layout aside nav{position:sticky;top:2rem;display:grid;gap:1rem;font-size:.8rem;line-height:1.5}.reading-layout aside a{color:var(--muted);text-decoration:none}.prose{font-size:1.125rem;line-height:1.85;overflow-wrap:anywhere}.prose p{margin:0 0 1.5rem}.prose h2{font-size:1.7rem;line-height:1.25;letter-spacing:-.025em;margin:3rem 0 1.25rem}.sources,.contact{border-top:1px solid var(--rule);margin-top:3rem}.sources{font-size:.9rem}.sources li{margin:.75rem 0}.contact{padding:0 0 2rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.card{border-top:1px solid var(--rule);padding:1.5rem 0;display:flex;flex-direction:column}.card h2{font-size:1.4rem;line-height:1.25;letter-spacing:-.03em}.card h2 a{color:var(--ink);text-decoration:none}.card p{line-height:1.65;color:var(--muted);font-size:.95rem;flex:1}.card time{font-size:.75rem;color:var(--muted)}.related{margin:5rem 0}.section-title{font-size:2rem;letter-spacing:-.04em}.intro{color:var(--muted);margin-bottom:2rem}.archive{margin:5rem 0}.archive ul{list-style:none;padding:0}.archive li{padding:1rem 0;border-bottom:1px solid var(--rule);line-height:1.5}footer{max-width:1350px;margin:3rem auto 0;padding:2rem clamp(1.25rem,5vw,4rem);border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.8rem;color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:var(--paper);padding:1rem;z-index:10}@media(max-width:900px){.reading-layout{grid-template-columns:1fr;gap:2rem}.reading-layout aside nav{position:static}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.cards{grid-template-columns:1fr}.article-header{padding:2.5rem 0}.prose{font-size:1.05rem}.reading-layout aside{border-bottom:1px solid var(--rule);padding-bottom:2rem}header nav{gap:1rem;font-size:.75rem}h1{overflow-wrap:anywhere}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#14100d;--ink:#f3ece1;--muted:#b8aa9c;--red:#ff6670;--rule:#4a403a}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.story-art{margin:0 0 3rem;max-width:1100px}.story-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--rule)}.story-art figcaption{margin-top:.65rem;font-size:.75rem;color:var(--muted)}.card-art{display:block;overflow:hidden;margin-bottom:1.25rem}.card-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.prose h2{scroll-margin-top:2rem}
@media(prefers-reduced-motion:no-preference){@keyframes article-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.article-header{animation:article-arrive .6s ease-out both}.story-art{animation:article-arrive .7s ease-out .12s both}.card-art img{transition:transform .35s ease}.card-art:hover img{transform:scale(1.035)}.card h2 a{transition:color .2s ease}.card:hover h2 a{color:var(--red)}@supports(animation-timeline:view()){@keyframes section-arrive{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.prose h2,.card{animation:section-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 80%}}}