*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
@font-face{font-family:Fraunces;font-style:normal;font-weight:500 600;font-display:swap;src:url('/fonts/fraunces.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url('/fonts/inter.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('/fonts/jetbrainsmono.woff2') format('woff2')}
:root{--paper:#F4F1E8;--paper-2:#EDE8DB;--ink:#1A1D21;--ink-soft:#3F454C;--ink-mute:#6B6F76;--rule:#C9C2B2;--rule-soft:#D8D2C4;--teal:#2E5D5C;--teal-2:#3E7A78;--focus:#3E7A78;--head:'Fraunces',Georgia,serif;--body:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;--measure:43rem;--pad:1.5rem}
html{font-size:17px;color-scheme:light}
body{background:var(--paper);color:var(--ink-soft);font-family:var(--body);line-height:1.75;-webkit-font-smoothing:antialiased}
::selection{background:var(--teal);color:var(--paper)}
a{color:var(--teal);text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--rule)}
a:hover{color:var(--teal-2);text-decoration-color:var(--teal-2)}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.topbar{border-bottom:1px solid var(--rule)}
.topbar-inner{max-width:52rem;margin:auto;padding:.9rem var(--pad);display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.who,.topbar nav a{font-family:var(--mono);text-decoration:none}
.who{font-size:.76rem;letter-spacing:.04em;color:var(--ink)}
.topbar nav{display:flex;gap:1.1rem}
.topbar nav a{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-mute)}
main{max-width:52rem;margin:auto;padding:0 var(--pad)}
.article-head{padding:4.8rem 0 3rem;border-bottom:1px solid var(--rule)}
.eyebrow,.meta{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute)}
.eyebrow{color:var(--teal);margin-bottom:1rem}
h1,h2,h3{font-family:var(--head);color:var(--ink);font-weight:500;line-height:1.15;letter-spacing:-.015em}
h1{font-size:clamp(2.25rem,6vw,3.7rem);max-width:48rem}
.dek{font-family:var(--head);font-size:clamp(1.12rem,2.3vw,1.35rem);line-height:1.45;color:var(--ink-soft);max-width:var(--measure);margin-top:1.4rem}
.meta{margin-top:1.5rem}
article{max-width:var(--measure);padding:3rem 0 4rem}
article h2{font-size:1.65rem;margin:3rem 0 1rem}
article h2:first-child{margin-top:0}
article h3{font-size:1.15rem;font-weight:600;margin:2rem 0 .75rem}
article p+ p,article p+ul,article ul+p{margin-top:1rem}
article ul{padding-left:1.35rem}
article li+li{margin-top:.45rem}
article strong{color:var(--ink);font-weight:600}
.callout{margin:1.7rem 0;padding:1.15rem 1.25rem;background:var(--paper-2);border-left:2px solid var(--teal)}
.callout p{font-family:var(--head);color:var(--ink);font-size:1.08rem;line-height:1.55}
.metrics{font-family:var(--mono);font-size:.82rem;line-height:1.8;margin:1.5rem 0;padding:1rem 1.2rem;border:1px solid var(--rule);border-radius:5px;color:var(--ink-soft)}
.article-footer{border-top:1px solid var(--rule);padding:2rem 0 3rem;font-family:var(--mono);font-size:.78rem;color:var(--ink-mute)}
@media(max-width:600px){:root{--pad:1.1rem}.article-head{padding:3rem 0 2.3rem}.topbar nav{gap:.7rem}article{padding-top:2.4rem}}