:root{--color-bg: #f3f2f2;--color-surface: #eae9e9;--color-text: #201e1d;--color-divider: color-mix(in srgb, #201e1d 40%, transparent);--color-accent: #00BB77;--color-accent-100: #e0f9ee;--color-accent-200: #b3f0d4;--color-accent-300: #7de3b8;--color-accent-400: #3ccf95;--color-accent-500: #00BB77;--color-accent-600: #009c63;--color-accent-700: #00804f;--color-accent-800: #005f3c;--color-accent-900: #003f28;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-serif: "IBM Plex Serif", Georgia, "Times New Roman", serif;--font-sans: "IBM Plex Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--leading: 28px;--half: 14px;--edge: clamp(20px, 5vw, 72px);--measure: 62ch;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 8px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-weight:300;font-size:15px;line-height:1.55;text-wrap:pretty;position:relative;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;line-height:1.12;letter-spacing:-.005em;margin:0 0 var(--space-2)}h6{font-family:var(--font-mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase}p{margin:0 0 var(--space-3)}a{color:var(--color-accent-700);text-underline-offset:3px}img{display:block;max-width:100%}figure{margin:0}.text-muted{color:color-mix(in srgb,var(--color-text) 55%,transparent)}.mono{font-family:var(--font-mono)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent-700);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.skip{position:absolute;left:-999px}.skip:focus{left:var(--edge);top:12px;z-index:5;background:var(--color-text);color:var(--color-bg);padding:8px 12px}.wrap{max-width:1200px;margin:0 auto;padding:0 var(--edge)}.page{position:relative;z-index:1}.row{display:flex;gap:var(--space-3);flex-wrap:wrap}.grid-overlay{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(color-mix(in srgb,var(--color-text) 22%,transparent) 1px,transparent 1.4px);background-size:15px 15px;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.rule2,.hr{height:2px;border:0;margin:0;background:var(--color-divider);position:relative;z-index:1}.kicker{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-700);margin:0 0 var(--space-3)}.kicker:before{content:"";width:8px;height:8px;background:var(--color-accent-700);flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-sans);font-weight:500;font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md);transition:background .12s ease}.btn-primary{background:var(--color-accent-700);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-800)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;padding:3px 10px;border:1px solid var(--color-accent-700);color:var(--color-accent-700);background:transparent;border-radius:var(--radius-md)}.nav{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--edge);padding-inline:max(var(--edge),calc((100% - 1200px) / 2 + var(--edge)));border-bottom:2px solid var(--color-divider);position:relative;z-index:2;background:var(--color-bg);flex-wrap:wrap}.nav-brand{font-family:var(--font-serif);font-weight:500;font-size:18px;margin-right:auto;text-decoration:none;color:inherit}.nav-tag{font-family:var(--font-mono);font-size:11px;color:color-mix(in srgb,var(--color-text) 55%,transparent);margin-left:2px}.nav-links{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.nav-links a{color:inherit;text-decoration:none;font-size:14px}.nav-links a:hover,.nav a[aria-current=page]{color:var(--color-accent-700)}.hero{position:relative;padding:calc(3 * var(--leading)) 0 calc(2 * var(--leading));overflow:hidden}.display{font-family:var(--font-serif);font-weight:500;font-size:clamp(34px,5vw,62px);line-height:1.12;letter-spacing:-.01em;margin:0;position:relative;z-index:1}.display .line{display:block}.hero .sub,.page-head .sub{position:relative;z-index:1;font-size:17px;line-height:var(--leading);max-width:var(--measure);margin:var(--leading) 0 0;color:color-mix(in srgb,var(--color-text) 82%,transparent);font-weight:300}.hero .row{position:relative;z-index:1;margin-top:var(--leading)}.stats{padding:calc(1.8 * var(--leading)) 0;position:relative;z-index:1}.stats .grid{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:var(--leading)}.stat-num{font-family:var(--font-serif);font-weight:500;font-size:clamp(26px,2.8vw,38px);color:var(--color-accent-700);margin:0}.stat-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 65%,transparent);margin:var(--space-2) 0 0;max-width:22ch}@media(max-width:720px){.stats .grid{grid-template-columns:repeat(2,1fr)}}.features{padding:calc(1.6 * var(--leading)) 0;position:relative;z-index:1}.feature{display:grid;grid-template-columns:minmax(56px,90px) minmax(0,1fr);gap:var(--leading) clamp(20px,3vw,56px);align-items:baseline;padding:calc(1.1 * var(--leading)) 0}.feature+.feature{border-top:2px solid var(--color-divider)}.f-num{font-family:var(--font-mono);font-size:13px;color:color-mix(in srgb,var(--color-text) 55%,transparent);margin:0}.f-title{font-size:19px;letter-spacing:-.005em;margin:0}.f-copy{font-size:15px;line-height:1.6;margin:0;color:color-mix(in srgb,var(--color-text) 78%,transparent);max-width:56ch;font-weight:300}@media(max-width:640px){.feature{grid-template-columns:1fr;gap:6px}}.xp-row{display:grid;grid-template-columns:minmax(56px,110px) minmax(0,220px) minmax(0,1fr);gap:var(--leading) clamp(20px,3vw,56px);align-items:start;padding:calc(1.4 * var(--leading)) 0}.xp-row+.xp-row{border-top:2px solid var(--color-divider)}.f-dates{font-family:var(--font-mono);font-size:13px;color:color-mix(in srgb,var(--color-text) 55%,transparent);margin:0}@media(max-width:880px){.xp-row{grid-template-columns:1fr;gap:6px}}.tags-row{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--leading) 0 calc(1.5 * var(--leading));position:relative;z-index:1}.cs-teaser{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--leading);position:relative;z-index:1}.cs-teaser-card{border-top:2px solid var(--color-divider);padding-top:var(--space-4);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.cs-stat{font-family:var(--font-serif);font-weight:500;font-size:24px;color:var(--color-accent-700);margin:0}.cs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:calc(1.5 * var(--leading)) var(--leading);padding:calc(1.5 * var(--leading)) 0 calc(2 * var(--leading));position:relative;z-index:1}.cs-card{border-top:2px solid var(--color-divider);padding-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.cs-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.cs-num{font-family:var(--font-mono);font-size:12px;color:color-mix(in srgb,var(--color-text) 50%,transparent)}.cs-title{font-size:18px;margin:0}.cs-obj{font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--color-text) 78%,transparent);margin:0;font-weight:300}.cs-chart{display:block;width:100%;height:52px}.cs-stat-row{display:flex;align-items:baseline;gap:var(--space-2)}.cs-stat-row .cs-stat{font-size:26px}.cs-stat-label{font-family:var(--font-mono);font-size:11px;color:color-mix(in srgb,var(--color-text) 60%,transparent);text-transform:uppercase;letter-spacing:.03em}.cs-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.note{font-family:var(--font-mono);font-size:12px;color:color-mix(in srgb,var(--color-text) 55%,transparent);padding-bottom:calc(1.5 * var(--leading));position:relative;z-index:1}.post-mini{display:flex;flex-direction:column;gap:4px;padding:var(--space-3) 0;border-top:2px solid var(--color-divider)}.post-mini:last-child{border-bottom:2px solid var(--color-divider)}.post-mini-date{font-family:var(--font-mono);font-size:11px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.post-mini-title{font-size:17px;margin:0}.page-head{padding:calc(2.5 * var(--leading)) 0 calc(1.5 * var(--leading));position:relative;z-index:1}.page-head h1{font-size:clamp(32px,4.2vw,50px);line-height:1.1;margin:0}.page-head .role{font-family:var(--font-mono);font-size:13px;color:color-mix(in srgb,var(--color-text) 60%,transparent);margin:var(--space-2) 0 0}.posts{padding:calc(.5 * var(--leading)) 0 calc(2 * var(--leading));position:relative;z-index:1}.post-row{display:grid;grid-template-columns:110px 1fr auto;gap:var(--leading);align-items:baseline;padding:var(--space-4) 0;border-top:2px solid var(--color-divider);text-decoration:none;color:inherit}.post-row:last-child{border-bottom:2px solid var(--color-divider)}.post-row:hover .post-title{color:var(--color-accent-700)}.post-date{font-family:var(--font-mono);font-size:12px;color:color-mix(in srgb,var(--color-text) 55%,transparent);white-space:nowrap}.post-title{font-size:18px;margin:0 0 4px;letter-spacing:-.005em}.post-excerpt{font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--color-text) 78%,transparent);margin:0;max-width:60ch;font-weight:300}.post-meta{font-family:var(--font-mono);font-size:11px;color:color-mix(in srgb,var(--color-text) 55%,transparent);white-space:nowrap;text-align:right;display:flex;flex-direction:column;gap:6px;align-items:flex-end}@media(max-width:720px){.post-row{grid-template-columns:1fr}.post-meta{flex-direction:row;align-items:center}}.article{padding:calc(.5 * var(--leading)) 0 calc(2 * var(--leading));position:relative;z-index:1}.prose{max-width:var(--measure);font-size:17px;line-height:var(--leading)}.prose h2{font-size:27px;margin:calc(1.4 * var(--leading)) 0 var(--space-3)}.prose h3{font-size:21px;margin:var(--leading) 0 var(--space-2)}.prose p{margin:0 0 var(--leading)}.prose a{color:var(--color-accent-700)}.prose ul,.prose ol{padding-left:1.2em;margin:0 0 var(--leading)}.prose li{margin:0 0 6px}.prose blockquote{margin:var(--leading) 0;padding-left:var(--space-4);border-left:2px solid var(--color-accent-700);color:color-mix(in srgb,var(--color-text) 70%,transparent)}.prose pre{background:var(--color-text);color:#f3f2f2;padding:var(--space-4);overflow-x:auto;font-family:var(--font-mono);font-size:13px;border-radius:var(--radius-sm)}.prose code{font-family:var(--font-mono);font-size:.9em}.prose :not(pre)>code{background:color-mix(in srgb,var(--color-text) 8%,transparent);padding:1px 5px;border-radius:3px}.cta-strip{border-top:2px solid var(--color-divider);padding:calc(1.6 * var(--leading)) 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);position:relative;z-index:1}.cta-strip h2{font-size:clamp(20px,2.4vw,28px);margin:0}.cta-strip .mono-line{font-family:var(--font-mono);font-size:13px;color:color-mix(in srgb,var(--color-text) 60%,transparent)}.cta-strip .mono-line a{color:inherit}.site-footer{position:relative;z-index:1;padding:calc(1.5 * var(--leading)) 0;font-family:var(--font-mono);font-size:12px;color:color-mix(in srgb,var(--color-text) 65%,transparent);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.site-footer a{color:inherit}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}