@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-600-latin.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:600}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-700-latin.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Literata;src:url(/fonts/literata-400-latin.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Literata;src:url(/fonts/literata-700-latin.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Literata;src:url(/fonts/literata-400-italic-latin.woff2) format("woff2");font-display:swap;font-style:italic;font-weight:400}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-400-latin.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-500-latin.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-700-latin.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:700}:root{--base-black: #000f08;--surface: #101413;--surface-black: #081a12;--surface-high: #181c1b;--surface-higher: #272b2a;--pine-green: #136f63;--orange: #f34213;--yellow: #e0ca3c;--purple: #3e2f5b;--text: #e0e3e1;--text-muted: #bec9c5;--outline: #3e4946;--outline-strong: #889390;--max-width: 1200px;--article-width: 680px;--font-headline: "Space Grotesk", "Arial Narrow", system-ui, sans-serif;--font-body: "Literata", Georgia, serif;--font-mono: "JetBrains Mono", "Cascadia Mono", Consolas, monospace;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html{background:var(--base-black);scroll-behavior:smooth}body{min-height:100vh;margin:0;background:linear-gradient(to right,rgb(136 147 144 / 5%) 1px,transparent 1px) 0 0 / calc(100% / 12) 100%,var(--base-black);color:var(--text);font-family:var(--font-body);font-size:18px;line-height:1.6;text-rendering:optimizeLegibility}body,button,input,textarea{border-radius:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}code{color:var(--yellow);font-family:var(--font-mono);font-size:.85em}#reading-progress{position:fixed;top:0;left:0;z-index:100;width:0%;height:2px;background:var(--orange)}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--outline);background:#000f08eb}.site-nav,.site-footer,.page-shell{width:min(100% - 32px,var(--max-width));margin-inline:auto}.site-nav{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:24px}.site-brand,.site-footer__mark{color:#85d5c6;font-family:var(--font-headline);font-size:clamp(1.15rem,2vw,1.75rem);font-weight:700;letter-spacing:-.04em;text-transform:uppercase}.site-nav__links{display:flex;flex-wrap:wrap;gap:8px 24px;font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.site-nav__links a{border-bottom:2px solid transparent;color:var(--text-muted);padding-block:4px}.site-nav__links a:hover{border-color:var(--pine-green);color:var(--text)}.page-shell{padding-block:clamp(64px,10vw,120px)}.page-shell--home{padding-block:clamp(48px,8vw,96px)}.page-shell--article{padding-top:clamp(56px,8vw,96px)}.home-lede{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;align-items:stretch}.hero-panel,.topic-panel,.empty-state,.tag-page-header{border:1px solid rgb(19 111 99 / 45%);background:#081a12d1}.hero-panel{display:flex;min-height:clamp(420px,48vw,560px);flex-direction:column;justify-content:flex-end;max-width:none;padding:clamp(28px,6vw,64px)}.hero-panel h1,.tag-page-header h1,.section-heading h2,.topic-panel h2,.empty-state h2,.article-header h1,.related-section h2{margin:0;font-family:var(--font-headline);font-weight:700;letter-spacing:-.04em;line-height:1.08}.hero-panel h1,.article-header h1,.tag-page-header h1{max-width:12ch;font-size:clamp(3rem,9vw,6rem)}.hero-panel p:not(.eyebrow),.tag-page-header p,.empty-state p{max-width:680px;margin:24px 0 0;color:var(--text-muted);font-size:clamp(1.08rem,2vw,1.35rem)}.eyebrow,.post-card__meta,.article-meta,.author-strip,.muted{font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.eyebrow{margin:0 0 12px;color:var(--yellow)}.topic-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;min-height:100%;padding:24px;flex-direction:column}.topic-panel h2,.section-heading h2,.related-section h2,.empty-state h2{font-size:clamp(1.75rem,4vw,3rem)}.tag-list{display:flex;flex-wrap:wrap;gap:10px}.tag-chip{display:inline-flex;align-items:center;border:1px solid rgb(19 111 99 / 75%);background:var(--base-black);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);color:#9eefdf;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;line-height:1;padding:8px 12px;text-transform:uppercase}.tag-chip:hover{background:var(--surface-high);box-shadow:4px 4px 0 0 var(--pine-green);transform:translate(-2px,-2px)}.tag-chip--rant{border-color:var(--orange);background:var(--orange);color:#fff}.tag-chip--quiet{border-color:#3e4946e5;color:var(--text-muted)}.post-section,.related-section{margin-top:clamp(56px,9vw,112px)}.section-heading{margin-bottom:28px;border-left:8px solid var(--orange);padding-left:20px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-grid--single{max-width:860px;grid-template-columns:1fr}.post-card{display:flex;min-height:300px;flex-direction:column;border:1px solid rgb(19 111 99 / 45%);background:#081a12d1;padding:24px;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.post-card:hover{border-color:var(--pine-green);box-shadow:4px 4px 0 0 var(--pine-green);transform:translate(-2px,-2px)}.post-card--featured{grid-column:span 2}.post-grid--single .post-card--featured{grid-column:auto}.post-card__meta{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid rgb(62 73 70 / 65%);color:var(--yellow);padding-bottom:16px}.post-card h3{margin:20px 0 0;font-family:var(--font-headline);font-size:clamp(1.5rem,3vw,2.35rem);font-weight:700;letter-spacing:-.03em;line-height:1.12}.post-card p{margin:18px 0 0;color:var(--text-muted)}.post-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:32px}.empty-state,.tag-page-header{padding:clamp(28px,6vw,56px)}.article-shell{max-width:var(--article-width);margin-inline:auto}.article-header{border-bottom:1px solid var(--outline);padding-bottom:40px}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;color:var(--text-muted)}.article-header h1{max-width:100%;font-size:clamp(2.5rem,7vw,4rem)}.article-header>p{margin:24px 0 0;border-left:2px solid var(--orange);color:var(--text);font-size:clamp(1.25rem,3vw,1.45rem);font-weight:700;line-height:1.5;padding-left:20px}.author-strip{display:flex;align-items:center;gap:14px;margin-top:32px;border-top:1px solid rgb(62 73 70 / 65%);padding-top:16px;color:var(--text)}.author-strip__avatar{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgb(19 111 99 / 75%);background:var(--surface-black);color:var(--yellow);font-family:var(--font-mono)}.author-strip strong,.author-strip span{display:block}.author-strip strong{color:#85d5c6;font-size:.72rem;font-weight:500}.article-content{margin-top:48px}.article-content>*+*{margin-top:1.45em}.article-content>p:first-child{border-left:2px solid var(--orange);color:var(--text);font-size:clamp(1.15rem,3vw,1.35rem);font-weight:700;line-height:1.55;padding-left:20px}.article-content h2,.article-content h3{margin-top:2.4em;color:var(--text);font-family:var(--font-headline);letter-spacing:-.03em;line-height:1.2}.article-content h2{font-size:clamp(1.75rem,4vw,2.25rem)}.article-content h3{font-size:clamp(1.35rem,3vw,1.65rem)}.article-content p,.article-content li{color:var(--text)}.article-content a{color:#85d5c6;text-decoration:underline;text-decoration-color:#85d5c699;text-underline-offset:4px}.article-content ul,.article-content ol{border-left:1px solid var(--outline);padding-left:28px}.article-content li+li{margin-top:10px}.article-content blockquote{margin-inline:0;border-left:4px solid var(--pine-green);color:var(--text-muted);font-style:italic;padding-left:24px}.article-content pre{position:relative;overflow-x:auto;margin-block:40px;border:1px solid rgb(19 111 99 / 60%);border-left-width:4px;background:var(--purple);padding:48px 24px 24px}.article-content pre:before{position:absolute;top:0;right:0;border-bottom:1px solid rgb(19 111 99 / 70%);border-left:1px solid rgb(19 111 99 / 70%);background:var(--base-black);color:var(--yellow);content:"CODE";font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:5px 10px}.article-content pre:has(code.language-js):before,.article-content pre:has(code.language-javascript):before{content:"JS"}.article-content pre:has(code.language-ts):before,.article-content pre:has(code.language-typescript):before{content:"TS"}.article-content pre:has(code.language-python):before,.article-content pre:has(code.language-py):before{content:"PYTHON"}.article-content pre:has(code.language-yaml):before,.article-content pre:has(code.language-yml):before{content:"YAML"}.article-content pre:has(code.language-bash):before,.article-content pre:has(code.language-sh):before{content:"SHELL"}.article-content pre code{color:var(--text);font-family:var(--font-mono);font-size:.9rem;line-height:1.55}.article-footer{margin-top:56px;border-top:1px solid var(--outline);padding-top:24px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:2px solid var(--outline-strong);padding-block:28px}.site-footer p{margin:0;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase}@media(max-width:960px){body{background-size:12.5% 100%}.home-lede{grid-template-columns:1fr}.hero-panel{min-height:auto}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-card--featured{grid-column:span 2}}@media(max-width:720px){body{background-size:25% 100%;font-size:16px}.site-nav,.site-footer{align-items:flex-start;flex-direction:column}.site-nav{justify-content:center;padding-block:16px}.post-grid{grid-template-columns:1fr}.post-card--featured{grid-column:auto}.article-meta{align-items:flex-start;flex-direction:column}}