:root{--paper: oklch(.972 .006 80);--paper-2: oklch(.945 .008 80);--rule: oklch(.86 .01 80);--ink: oklch(.18 .012 80);--ink-2: oklch(.36 .012 80);--ink-3: oklch(.55 .012 80);--accent: oklch(.56 .13 35);--serif: "Source Serif 4", ui-serif, Georgia, serif;--sans: "Inter Tight", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter: clamp(20px, 4vw, 56px);--section-y: clamp(72px, 9vw, 140px)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}::selection{background:var(--accent);color:var(--paper)}.mono{font-family:var(--mono)}.serif{font-family:var(--serif)}.container{max-width:1280px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--paper) 86%,transparent);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--rule)}.topbar-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:56px;gap:24px}.brand{display:inline-flex;gap:14px;align-items:baseline;text-decoration:none}.brand .name{font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:-.01em}.brand .url{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.14em}.nav{display:flex;gap:28px}.nav a{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);text-decoration:none}.nav a.active{color:var(--ink)}.nav a:hover{color:var(--accent)}.meta-right{display:flex;justify-content:flex-end;gap:14px;align-items:center;font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.12em}.live{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.live:before{content:"";width:7px;height:7px;border-radius:99px;background:var(--accent)}.post-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:32px 0;border-top:1px solid var(--rule);text-decoration:none;color:inherit;transition:padding .2s ease}.post-row:last-child{border-bottom:1px solid var(--rule)}.post-row:hover{padding-left:8px}.post-row:hover .post-row-cta{color:var(--accent)}.post-row-meta{grid-column:1 / -1;display:flex;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.post-row-meta .pill{border:1px solid var(--rule);padding:4px 9px;border-radius:99px;color:var(--ink-2)}.post-row-title{margin:14px 0 8px;font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.6vw,44px);line-height:1.1;letter-spacing:-.015em;text-wrap:balance}.post-row-dek{margin:0;max-width:60ch;color:var(--ink-2);font-size:17px;line-height:1.55;text-wrap:pretty}.post-row-cta{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);align-self:end;padding-bottom:6px}.subscribe{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);background:var(--paper-2);padding:clamp(48px,6vw,88px) 0}.subscribe-inner{max-width:1280px;margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}.subscribe h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,40px);line-height:1.18;letter-spacing:-.01em;margin:0 0 12px;max-width:22ch;text-wrap:balance}.subscribe p{margin:0;color:var(--ink-2);font-size:16px;max-width:50ch}.subscribe form{display:flex;gap:8px}.subscribe input[type=email]{flex:1;min-width:0;background:var(--paper);border:1px solid var(--rule);color:var(--ink);padding:14px;font:inherit;font-size:14px;border-radius:4px;font-family:var(--sans)}.subscribe input[type=email]:focus{outline:none;border-color:var(--accent)}.subscribe button{background:var(--ink);color:var(--paper);border:0;padding:0 20px;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-radius:4px}.subscribe button:hover{background:var(--accent)}.subscribe small{display:block;margin-top:10px;font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em}footer.site{border-top:1px solid var(--rule);padding:36px 0 60px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3)}footer.site .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}footer.site a{text-decoration:none;color:var(--ink-2);letter-spacing:.14em;text-transform:uppercase}footer.site a:hover{color:var(--accent)}.h1-display{font-family:var(--serif);font-weight:400;font-size:clamp(48px,8vw,120px);line-height:.96;letter-spacing:-.025em;margin:0}.section{padding:var(--section-y) 0}.kicker{font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:var(--ink-2);max-width:56ch;text-wrap:pretty;margin:28px 0 0}.read{max-width:720px;margin:0 auto;padding:0 var(--gutter)}.post-head{padding:clamp(56px,8vw,110px) 0 clamp(40px,5vw,64px)}.post-meta{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:28px}.post-meta .pill{border:1px solid var(--rule);padding:4px 9px;border-radius:99px;color:var(--ink-2)}h1.post-title{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(34px,5.4vw,68px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.post-dek{margin:24px 0 0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(20px,2.2vw,26px);line-height:1.4;color:var(--ink-2);text-wrap:pretty}.byline{margin-top:36px;padding-top:22px;border-top:1px solid var(--rule);display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.avatar{width:38px;height:38px;border-radius:99px;background:var(--paper-2);border:1px solid var(--rule);display:grid;place-items:center;font-family:var(--serif);font-size:16px;font-weight:500;color:var(--ink);overflow:hidden}.byline .who{font-size:14px;color:var(--ink)}.byline .who small{display:block;color:var(--ink-3);font-size:12px;margin-top:2px}.byline .reading{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ink-3)}.post-body{padding:clamp(32px,5vw,72px) 0 clamp(64px,8vw,120px);font-family:var(--serif);font-size:19px;line-height:1.7;color:var(--ink);font-weight:400}.post-body p{margin:0 0 1.4em;text-wrap:pretty}.post-body>p:first-of-type:first-letter{font-family:var(--serif);font-weight:500;font-size:4.4em;float:left;line-height:.9;padding:.08em .12em 0 0;color:var(--accent)}.post-body h2{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-.01em;margin:2.2em 0 .6em;text-wrap:balance}.post-body h3{font-family:var(--sans);font-weight:600;font-size:16px;letter-spacing:.01em;margin:2em 0 .4em;text-transform:uppercase;color:var(--ink-2)}.post-body blockquote{margin:1.6em 0;padding:6px 0 6px 24px;border-left:2px solid var(--accent);font-style:italic;color:var(--ink-2);font-size:22px;line-height:1.45}.post-body code{font-family:var(--mono);font-size:.86em;background:var(--paper-2);border:1px solid var(--rule);padding:2px 6px;border-radius:4px}.post-body pre{font-family:var(--mono);font-size:14px;line-height:1.6;background:var(--paper-2);border:1px solid var(--rule);border-radius:4px;padding:18px 20px;overflow-x:auto;margin:1.4em 0}.post-body pre code{background:transparent;border:0;padding:0}.post-body ul,.post-body ol{padding-left:1.4em;margin:0 0 1.4em}.post-body li{margin-bottom:.5em}.post-body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}.post-body a:hover{color:var(--accent)}.post-body hr{border:0;height:1px;background:var(--rule);margin:2.4em auto;width:80px}.related{padding:clamp(56px,7vw,96px) 0;border-top:1px solid var(--rule)}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.related-card{background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:24px;text-decoration:none;color:inherit;display:flex;flex-direction:column;min-height:220px;transition:border-color .2s,transform .2s}.related-card:hover{border-color:var(--accent);transform:translateY(-2px)}.related-card .meta{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px;display:flex;justify-content:space-between}.related-card h3{font-family:var(--serif);font-weight:500;margin:0 0 8px;font-size:22px;line-height:1.2;letter-spacing:-.01em}.related-card p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.55}@media (max-width: 900px){:root{--gutter: 20px;--section-y: clamp(48px, 10vw, 80px)}.topbar-inner{grid-template-columns:auto 1fr;height:auto;padding:12px 0;gap:12px}.brand .name{font-size:16px}.brand .url{font-size:10px}.nav{grid-column:1 / -1;gap:14px;flex-wrap:wrap;border-top:1px dashed var(--rule);padding-top:10px;margin-top:4px}.nav a{font-size:11px}.meta-right{display:none}.subscribe-inner{grid-template-columns:1fr;gap:24px}.post-row{grid-template-columns:1fr;padding:24px 0}.post-row-cta{padding-bottom:0}.post-row-title{font-size:clamp(22px,6vw,30px)!important}.post-row-dek{font-size:14px!important}.related-grid{grid-template-columns:1fr}.read{padding:0 var(--gutter)}.post-body{font-size:17px}.post-body>p:first-of-type:first-letter{font-size:3.6em}h1.post-title{font-size:clamp(30px,9vw,48px)!important}.byline{grid-template-columns:auto 1fr}.byline .reading{display:none}.h1-display{font-size:clamp(34px,9vw,56px)!important}footer.site .container{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width: 420px){.brand .url{display:none}.nav{gap:10px}.nav a{font-size:10px}}
