:root{--bg: #fafcfc;--paper: #ffffff;--ink: #0c0d10;--ink-2: #1e2024;--mute: #5b5f66;--mute-2: #8a8f97;--line: #e2ddd1;--line-2: #c9c3b3;--accent: #f59d0e;--accent-hi: #fbbf24;--accent-ink: #b45309;--accent-wash: #fef3c7;--warm: #e85d2c;--warm-hi: #ff7a45;--ok: #0f8f5d;--warn: #d97706;--bad: #dc2626;--radius-sm: 6px;--radius-md: 12px;--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(12,13,16,.05), 0 2px 4px rgba(12,13,16,.02), 0 0 0 .5px rgba(12,13,16,.08);--shadow-elevated: 0 1px 2px rgba(12,13,16,.04), 0 2px 4px rgba(12,13,16,.03), 0 8px 16px rgba(12,13,16,.03), 0 16px 32px -10px rgba(12,13,16,.12), 0 0 0 .5px rgba(12,13,16,.1);--shadow: var(--shadow-card);--shadow-lg: var(--shadow-elevated);--fs-display: clamp(34px, 5vw, 62px);--fs-h1: clamp(28px, 3.6vw, 44px);--fs-h2: clamp(22px, 2.4vw, 30px);--fs-h3: clamp(18px, 1.6vw, 22px);--fs-lead: clamp(17px, 1.4vw, 20px);--fs-body: 16.5px;--fs-small: 13.5px;--fs-micro: 11.5px;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-serif: "Newsreader", ui-serif, Georgia, serif;--pad: clamp(20px, 4vw, 40px);--measure: 72ch;--ease-smooth: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.17, 1, .32, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-inout: cubic-bezier(.66, 0, .34, 1);--dur-fast: .15s;--dur-normal: .22s;--dur-slow: .32s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink-2);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}img{max-width:100%;height:auto;display:block}.wrap{max-width:1120px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}.wrap-narrow{max-width:860px}h1,h2,h3,h4{font-family:var(--font-body);color:var(--ink);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--fs-h1);font-weight:700;margin:0 0 .4em}h2{font-size:var(--fs-h2);font-weight:600;margin:0 0 .6em;letter-spacing:-.025em}h3{font-size:var(--fs-h3);font-weight:600;margin:0 0 .5em;letter-spacing:-.015em}.display{font-size:var(--fs-display);line-height:1.02;letter-spacing:-.035em;font-weight:700;margin:10px 0 0}.display em{font-style:normal;color:var(--accent-ink);font-weight:700}p{margin:0 0 1em;max-width:var(--measure)}.lead{font-size:var(--fs-lead);color:var(--ink-2);max-width:62ch;line-height:1.55;text-wrap:pretty}a{color:var(--accent-ink);text-decoration:none;border-bottom:1px solid color-mix(in oklab,var(--accent) 35%,transparent)}a:hover{color:var(--accent);border-bottom-color:var(--accent)}strong,b{color:var(--ink);font-weight:600}small,.small{font-size:var(--fs-small);color:var(--mute)}.prose p{max-width:var(--measure)}.mono{font-family:var(--font-mono);font-feature-settings:normal}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 6px}.eyebrow .sq{width:8px;height:8px;background:var(--accent);display:inline-block}.section-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);display:block;margin:0 0 8px}.section-tag:before{content:"";display:inline-block;width:28px;height:1px;background:var(--ink);vertical-align:middle;margin-right:10px}.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);background:color-mix(in oklab,var(--accent) 10%,var(--paper));border:1px solid color-mix(in oklab,var(--accent) 22%,transparent);padding:4px 9px;border-radius:var(--radius-pill)}.tag.muted{color:var(--mute);background:var(--paper);border-color:var(--line)}.site-header{background:color-mix(in oklab,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.site-header .bar{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}.wordmark{font-weight:700;letter-spacing:-.02em;font-size:17px;color:var(--ink);border:0}.wordmark .dot{color:var(--accent)}.nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,26px)}.nav a{font-size:14px;font-weight:500;color:var(--ink-2);border:0}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{color:var(--accent-ink)}.nav-cta{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink)!important;background:color-mix(in oklab,var(--accent) 10%,var(--paper));border:1px solid color-mix(in oklab,var(--accent) 25%,transparent)!important;border-radius:var(--radius-pill);padding:6px 12px}.nav-cta:hover{background:color-mix(in oklab,var(--accent) 18%,var(--paper))}@media(max-width:680px){.site-header .bar{flex-wrap:wrap;gap:6px 14px;padding-top:10px;padding-bottom:10px}.nav{flex-wrap:wrap;gap:10px 14px;row-gap:6px}.nav a{font-size:13.5px;white-space:nowrap}.nav-cta{padding:5px 10px;font-size:11px}}.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;line-height:1;padding:13px 20px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer}.btn .arw{font-weight:700}.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-primary:hover{background:var(--ink-2);color:var(--bg);border-bottom-color:transparent}.btn-primary .arw{color:var(--accent-hi)}.btn-accent{background:var(--accent);color:var(--ink);border-color:color-mix(in oklab,var(--accent-ink) 30%,transparent)}.btn-accent:hover{background:var(--accent-hi);color:var(--ink)}.btn-ghost{background:var(--paper);color:var(--ink);border-color:var(--line-2)}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}html.anim .btn{transition:transform var(--dur-fast) var(--ease-smooth),background var(--dur-fast) var(--ease-smooth),border-color var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth)}.btn:hover{box-shadow:var(--shadow-elevated)}.btn:active{transform:scale(.98)}.band{padding:clamp(44px,7vw,88px) 0}.band-sunk{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{margin-bottom:clamp(22px,3vw,34px)}.section-head .sub{color:var(--mute);max-width:60ch;margin-top:4px}.page-intro{padding:clamp(36px,5vw,60px) 0 8px}.hero{padding:clamp(36px,5.5vw,72px) 0 clamp(44px,6vw,80px)}.hero-grid{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);align-items:start}@media(max-width:860px){.hero-grid{grid-template-columns:1fr}}.promo.callout{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:0 0 clamp(28px,4vw,44px);padding:16px 20px;background:color-mix(in oklab,var(--accent) 7%,var(--paper));border:1px solid color-mix(in oklab,var(--accent) 22%,transparent);border-left:3px solid var(--accent);border-radius:var(--radius)}.promo .callout-tag{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink);display:block;margin-bottom:4px}.promo .promo-copy{flex:1 1 380px}.promo .promo-copy p{margin:0;max-width:none;font-size:15.5px;line-height:1.5}.promo .promo-cta{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.promo .promo-cta .btn{padding:11px 18px;font-size:14px}.promo .closes{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--mute)}.facts.card{padding:22px 24px}.facts-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:0 0 10px}.facts dl{margin:0}.facts .row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px dashed var(--line-2)}.facts .row:last-child{border-bottom:0}.facts dt{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding-top:3px}.facts dd{margin:0;font-size:14.5px;font-weight:500;color:var(--ink);text-align:right}.facts dd a{border-bottom-color:color-mix(in oklab,var(--accent) 30%,transparent)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,2.2vw,26px);box-shadow:var(--shadow)}a.card-link,.card-link{display:block;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,2.2vw,26px);box-shadow:var(--shadow-card)}a.card-link:hover{color:inherit}.card-link.feature{border-left:3px solid var(--accent)}.ventures{display:grid;gap:clamp(14px,1.8vw,20px);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.venture .v-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.venture h3{margin:0;font-size:17.5px}.venture .role{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-ink);white-space:nowrap}.venture p{margin:0;font-size:14.5px;color:var(--mute);line-height:1.55}.posts{display:grid;gap:clamp(14px,1.8vw,20px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.post-card .pc-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.post-card .pc-date{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--mute)}.post-card .tagchip{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);background:color-mix(in oklab,var(--accent) 10%,var(--paper));border:1px solid color-mix(in oklab,var(--accent) 22%,transparent);padding:2px 8px;border-radius:var(--radius-pill)}.post-card h3{font-size:16.5px;margin:0 0 6px;line-height:1.3}.post-card p{margin:0;font-size:14px;color:var(--mute);line-height:1.55}.post-card .arw{color:var(--accent)}.month-head{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:2.2em 0 .9em;padding-top:1.1em;border-top:1px dashed var(--line-2)}.metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:1.4em 0}.metric{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 18px;min-height:80px;display:flex;flex-direction:column;gap:10px}.metric .num{font-size:clamp(24px,2.1vw,32px);font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1.05;font-variant-numeric:tabular-nums;display:inline-block}.metric .lbl{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin-top:auto}.metrics.bare{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;padding-top:18px;border-top:1px dashed var(--line-2)}.metrics.bare .metric{background:none;border:0;border-radius:0;padding:0;min-height:0}.panel-dark .metric{background:color-mix(in oklab,var(--bg) 6%,transparent);border-color:color-mix(in oklab,var(--bg) 22%,transparent)}.panel-dark .metric .lbl{color:color-mix(in oklab,var(--bg) 70%,transparent)}.panel-dark .metrics.bare .metric{background:none;border:0}.callout{margin:1.4em 0;padding:18px 20px;background:color-mix(in oklab,var(--accent) 7%,var(--paper));border:1px solid color-mix(in oklab,var(--accent) 22%,transparent);border-radius:var(--radius)}.callout .callout-tag{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink);margin-bottom:6px;display:block}.panel-dark{background:var(--ink);color:var(--bg);border-radius:var(--radius-lg);padding:clamp(28px,4vw,56px);position:relative;overflow:hidden;isolation:isolate}.panel-dark:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.1;background:radial-gradient(ellipse 60% 80% at 85% 15%,var(--accent-hi) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 15% 90%,var(--warm-hi) 0%,transparent 55%)}.panel-dark h2,.panel-dark h3{color:var(--bg)}.panel-dark p{color:color-mix(in oklab,var(--bg) 82%,transparent)}.panel-dark .eyebrow{color:color-mix(in oklab,var(--bg) 70%,transparent)}.panel-dark .eyebrow .sq{background:var(--accent-hi)}.panel-dark a{color:var(--accent-hi);border-bottom-color:color-mix(in oklab,var(--accent-hi) 40%,transparent)}.panel-dark .num{color:var(--bg)}.panel-dark .btn-ghost{background:transparent;color:var(--bg);border-color:color-mix(in oklab,var(--bg) 35%,transparent)}.panel-dark .btn-ghost:hover{border-color:var(--bg)}.panel-dark a.btn-accent,.panel-dark a.btn-accent:hover,.panel-dark a.btn-accent .arw{color:var(--ink)}.fos-grid{display:grid;gap:clamp(24px,3.5vw,48px);grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);align-items:center}@media(max-width:860px){.fos-grid{grid-template-columns:1fr}}.book{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:minmax(0,1.6fr) minmax(220px,300px);align-items:center}@media(max-width:760px){.book{grid-template-columns:1fr}.book .cover-link{order:-1;max-width:240px}}.book-sub{font-size:var(--fs-lead);color:var(--ink);font-weight:500;max-width:54ch}.book-meta{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--mute);margin-top:18px}.cover-link{border:0;display:block}.cover-img{border-radius:var(--radius-sm);box-shadow:var(--shadow-elevated);width:100%;height:auto}html.anim .cover-link{transition:transform var(--dur-normal) var(--ease-smooth)}.cover-link:hover{transform:translateY(-4px)}.channel-group{margin-top:26px}.channel-group h3{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:0 0 12px}.channels{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.channel{display:flex;align-items:center;gap:12px;padding:14px 16px}.channel .ic{width:20px;height:20px;color:var(--accent-ink);flex:none}.channel .ic svg{width:20px;height:20px}.channel .c-name{font-weight:600;font-size:14.5px;color:var(--ink)}.channel .c-handle{font-family:var(--font-mono);font-size:11px;color:var(--mute)}.signup{text-align:center}.signup .eyebrow{justify-content:center}.signup p{margin-left:auto;margin-right:auto}.timeline{list-style:none;padding:0;margin:0 0 1em;max-width:var(--measure)}.timeline li{display:flex;gap:18px;padding:10px 0;border-bottom:1px dashed var(--line-2)}.timeline li:last-child{border-bottom:0}.timeline .t-when{font-family:var(--font-mono);font-size:12px;color:var(--accent-ink);flex:0 0 64px;padding-top:3px}.timeline .t-what{color:var(--ink-2)}ul{padding-left:0;margin:0 0 1em;max-width:var(--measure);list-style:none}ul li{position:relative;padding-left:1.4em;margin:.45em 0;line-height:1.55}ul li:before{content:"→";position:absolute;left:0;top:0;color:var(--accent);font-weight:700}nav ul li:before,.nav li:before,.timeline li:before,.channels li:before{content:none}.timeline li{padding-left:0}.site-footer{border-top:1px solid var(--line);background:var(--paper);padding:clamp(36px,5vw,56px) 0 28px;margin-top:clamp(44px,6vw,80px)}.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 40px}.f-word{font-weight:700;font-size:17px;letter-spacing:-.02em;color:var(--ink)}.f-tag{color:var(--mute);font-size:14px;margin-top:6px;max-width:40ch}.f-links{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:start;max-width:420px}.f-links a{font-size:13.5px;color:var(--ink-2);border:0}.f-links a:hover{color:var(--accent-ink)}.f-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:28px;padding-top:18px;border-top:1px dashed var(--line-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--mute)}.fos-banner{font-family:var(--font-mono);font-size:11.5px;line-height:1.7;letter-spacing:.02em;color:var(--mute);background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);padding:16px 20px;margin-top:28px}.fos-banner strong{color:var(--ink);font-weight:600}.fos-banner .skills strong{color:var(--accent-ink)}.fos-banner a{color:var(--accent-ink);border:0}.fos-banner a:hover{color:var(--accent)}html.anim :is(.card,.callout,.panel-dark,blockquote,table,.doc-header,.fos-banner){transition:opacity var(--dur-slow) var(--ease-smooth),transform var(--dur-slow) var(--ease-smooth),filter var(--dur-slow) var(--ease-smooth)}html.anim :is(.card-link,.metric){transition:opacity var(--dur-slow) var(--ease-smooth),transform var(--dur-normal) var(--ease-smooth),filter var(--dur-slow) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth)}html.anim :is(.card-link,.metric):active{transition-duration:var(--dur-fast)}.card-link:active{transform:translateY(-1px) scale(.99)}.metric:active{transform:scale(.985)}a:not(.card-link):not(.btn):active,.tag:active{transform:scale(.98)}a,.tag{transition:transform var(--dur-fast) var(--ease-smooth),color var(--dur-fast) var(--ease-smooth),border-color var(--dur-fast) var(--ease-smooth)}.card-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-elevated);border-color:var(--line-2)}.metric:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}html.anim :is(.card,.card-link,.metric,.callout,.panel-dark,blockquote,table,.doc-header,.fos-banner):not(.shown){opacity:0;transform:translateY(6px);filter:blur(2px)}html.anim :is(table,.panel-dark):not(.shown){filter:none}html.anim :is(.card,.card-link,.metric,.callout,.panel-dark,blockquote,table,.doc-header,.fos-banner).shown{opacity:1;transform:none;filter:blur(0)}html.anim :is(.card,.card-link,.metric,.callout,.panel-dark,blockquote,table,.doc-header,.fos-banner).reveal-snap{opacity:1!important;transform:none!important;filter:blur(0)!important;transition:none!important}@keyframes num-pop{0%{transform:scale(1)}42%{transform:scale(1.06)}to{transform:scale(1)}}.metric .num.pop{animation:num-pop .46s var(--ease-spring)}@keyframes label-catch{0%{color:var(--accent-ink)}to{color:var(--mute)}}.metric .lbl.catch{animation:label-catch .64s var(--ease-out)}@media(prefers-reduced-motion:reduce){html.anim :is(.card,.card-link,.metric,.callout,.panel-dark,blockquote,table,.doc-header,.fos-banner){opacity:1!important;transform:none!important;filter:none!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media print{body{background:#fff}.site-header,.promo .promo-cta .btn{display:none}.panel-dark{-webkit-print-color-adjust:exact;print-color-adjust:exact}.card,.callout{break-inside:avoid}a{border:0}html.anim :is(.card,.card-link,.metric,.callout,.panel-dark,blockquote,table,.doc-header,.fos-banner){opacity:1!important;transform:none!important;filter:none!important}}
