:root{--font-display: "Newsreader", Georgia, "Times New Roman", serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--paper: #f7f4ee;--surface: #fffdf8;--surface-2: #f1ede4;--ink: #1c1a16;--ink-soft: #423f38;--muted: #76716a;--faint: #a39d92;--line: #e6e0d4;--line-strong: #d6cfc0;--code-bg: #f0ece2;--code-ink: #2a2620;--accent: var(--ink);--accent-soft: rgba(28, 26, 22, .06);--shadow: 0 1px 2px rgba(40, 34, 22, .04), 0 8px 26px -12px rgba(40, 34, 22, .12);--rhythm: 1;--max: 1060px;color-scheme:light}[data-theme=dark]{--paper: #141310;--surface: #1b1916;--surface-2: #211f1a;--ink: #ece7dd;--ink-soft: #c8c2b5;--muted: #908a7e;--faint: #6c665b;--line: #2a2722;--line-strong: #3b372f;--code-bg: #201d18;--code-ink: #d7d1c4;--accent: var(--ink);--accent-soft: rgba(236, 231, 221, .07);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 30px -14px rgba(0, 0, 0, .6);color-scheme:dark}[data-accent=rust]{--accent: #b35a36;--accent-soft: color-mix(in oklab, #b35a36 12%, transparent)}[data-accent=slate]{--accent: #3a6ea5;--accent-soft: color-mix(in oklab, #3a6ea5 12%, transparent)}[data-accent=green]{--accent: #3f8f5f;--accent-soft: color-mix(in oklab, #3f8f5f 12%, transparent)}[data-theme=dark][data-accent=rust]{--accent: #d77a52}[data-theme=dark][data-accent=slate]{--accent: #6fa4d8}[data-theme=dark][data-accent=green]{--accent: #62b585}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:18px;line-height:1.6;font-feature-settings:"ss01","cv01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .4s ease,color .4s ease}::selection{background:var(--accent);color:var(--surface)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 clamp(20px,5vw,48px)}.topbar{position:sticky;top:0;z-index:40;background:color-mix(in oklab,var(--paper) 86%,transparent);backdrop-filter:saturate(1.1) blur(12px);border-bottom:1px solid var(--line)}.topbar__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:baseline;gap:12px}.brand__name{font-family:var(--font-display);font-weight:560;font-size:20px;letter-spacing:-.01em}.brand__role{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,30px)}.nav a{font-size:14.5px;color:var(--ink-soft);font-weight:500;position:relative;padding:4px 0}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:1.5px;background:var(--accent);transition:right .28s cubic-bezier(.4,0,.1,1)}.nav a:hover{color:var(--ink)}.nav a:hover:after{right:0}.iconbtn{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink-soft);cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease}.iconbtn:hover{color:var(--ink);border-color:var(--ink-soft)}.iconbtn:active{transform:scale(.94)}.theme-toggle .moon,[data-theme=dark] .theme-toggle .sun{display:none}[data-theme=dark] .theme-toggle .moon{display:block}.masthead{padding:clamp(56px,11vw,132px) 0 calc(46px * var(--rhythm));border-bottom:1px solid var(--line)}.masthead__eyebrow{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 26px;display:flex;align-items:center;gap:12px}.masthead__eyebrow:before{content:"";width:26px;height:1px;background:var(--line-strong)}.masthead h1{font-family:var(--font-display);font-weight:420;font-size:clamp(34px,5.4vw,62px);line-height:1.04;letter-spacing:-.018em;margin:0;max-width:17ch;text-wrap:balance}.masthead h1 em{font-style:italic;color:var(--ink-soft)}.masthead__sub{margin:28px 0 0;max-width:56ch;font-size:19px;color:var(--ink-soft);line-height:1.62}.masthead__meta{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px 22px;font-family:var(--font-mono);font-size:12.5px;color:var(--muted)}.masthead__meta span{display:inline-flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:999px;background:var(--accent);flex:none}.section{padding:calc(64px * var(--rhythm)) 0;border-bottom:1px solid var(--line)}.section__grid{display:grid;grid-template-columns:200px 1fr;gap:clamp(24px,5vw,64px)}.section__head{position:sticky;top:92px;align-self:start}.section__num{font-family:var(--font-mono);font-size:12px;color:var(--faint);letter-spacing:.05em}.section__title{font-family:var(--font-display);font-weight:500;font-size:23px;margin:8px 0 12px;letter-spacing:-.01em}.section__note{font-size:13.5px;color:var(--muted);line-height:1.55;max-width:24ch}.section__count{font-family:var(--font-mono);font-size:12px;color:var(--faint);margin-top:14px}.posts{display:flex;flex-direction:column}.post{display:grid;grid-template-columns:92px 1fr;gap:26px;padding:calc(26px * var(--rhythm)) 0;border-top:1px solid var(--line);position:relative}.post:before{content:"";position:absolute;inset:0 -28px;background:var(--accent-soft);border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s ease}.post:hover:before{opacity:1}.posts .post:first-child{border-top:none}.post:hover{border-color:transparent}.post__date{font-family:var(--font-mono);font-size:12px;color:var(--muted);padding-top:7px;letter-spacing:.02em}.post__date span{display:block;color:var(--faint)}.post__body{min-width:0}.post__title{font-family:var(--font-display);font-weight:500;font-size:clamp(21px,2.4vw,26px);line-height:1.18;letter-spacing:-.012em;margin:0;color:var(--ink)}.post:hover .post__title{color:var(--accent)}.post__dek{margin:9px 0 0;color:var(--ink-soft);font-size:16px;line-height:1.55;max-width:62ch}.post__tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;padding:3px 10px}.post__read{font-family:var(--font-mono);font-size:11.5px;color:var(--faint);margin-left:auto}.arrow{display:inline-block;transition:transform .24s ease}.post:hover .arrow{transform:translate(4px)}.til{display:flex;flex-direction:column}.til__item{display:grid;grid-template-columns:92px 1fr;gap:26px;align-items:baseline;padding:calc(15px * var(--rhythm)) 0;border-top:1px dashed var(--line-strong)}.til__item:first-child{border-top:none;padding-top:0}.til__date{font-family:var(--font-mono);font-size:12px;color:var(--faint)}.til__text{font-size:16.5px;color:var(--ink-soft);line-height:1.5}.til__text p{margin:0;display:inline}.til__text code,.post__dek code,.til__text b,.til__text strong{font-family:var(--font-mono);font-size:.86em;background:var(--code-bg);color:var(--code-ink);padding:1px 6px;border-radius:5px;font-weight:500}.til__cat{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.talks{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.talk{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.talk:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-strong)}.talk__thumb{aspect-ratio:16 / 9;position:relative;overflow:hidden;background:repeating-linear-gradient(135deg,var(--surface-2) 0 11px,transparent 11px 22px),var(--code-bg);display:grid;place-items:center}.talk__thumb:after{content:attr(data-label);font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--faint);border:1px solid var(--line-strong);border-radius:999px;padding:4px 12px;background:color-mix(in oklab,var(--surface) 70%,transparent)}.talk__play{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:999px;background:color-mix(in oklab,var(--ink) 88%,transparent);display:grid;place-items:center;transition:transform .25s ease;z-index:2}.talk:hover .talk__play{transform:scale(1.08)}.talk__play:before{content:"";width:0;height:0;margin-left:3px;border-left:13px solid var(--surface);border-top:8px solid transparent;border-bottom:8px solid transparent}.talk__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.talk__venue{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.talk__title{font-family:var(--font-display);font-weight:500;font-size:20px;line-height:1.22;letter-spacing:-.01em}.talk__links{margin-top:auto;padding-top:10px;display:flex;gap:16px;font-family:var(--font-mono);font-size:12.5px}.talk__links a{color:var(--muted);display:inline-flex;align-items:center;gap:6px;transition:color .2s ease}.talk__links a:hover{color:var(--accent)}.talk__links a:after{content:"↗";font-size:11px}.social{display:grid;grid-template-columns:repeat(2,1fr);gap:0 36px}.social__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line);transition:padding .2s ease}.social__row:hover{padding-left:10px}.social__l{display:flex;align-items:baseline;gap:14px}.social__k{font-family:var(--font-mono);font-size:12px;color:var(--faint);width:84px}.social__v{font-size:16.5px;color:var(--ink);font-weight:500}.social__row:hover .social__v{color:var(--accent)}.social__handle{font-family:var(--font-mono);font-size:13px;color:var(--muted)}.foot{padding:46px 0 64px}.foot__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}.foot__c{font-family:var(--font-mono);font-size:12.5px;color:var(--muted)}.foot__links{display:flex;gap:20px;font-family:var(--font-mono);font-size:12.5px}.foot__links a{color:var(--muted);transition:color .2s ease}.foot__links a:hover{color:var(--ink)}.article{padding:clamp(40px,7vw,76px) 0 0}.backlink{font-family:var(--font-mono);font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:8px;transition:color .2s ease,gap .2s ease}.backlink:hover{color:var(--ink);gap:12px}.article__head{max-width:720px;margin:0 auto;padding:36px 0 30px}.article__kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}.article__title{font-family:var(--font-display);font-weight:440;font-size:clamp(32px,5vw,50px);line-height:1.07;letter-spacing:-.02em;margin:0;text-wrap:balance}.article__dek{font-family:var(--font-display);font-style:italic;font-weight:380;font-size:clamp(19px,2.4vw,24px);line-height:1.45;color:var(--ink-soft);margin:22px 0 0;max-width:58ch}.article__meta{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 22px;font-family:var(--font-mono);font-size:12.5px;color:var(--muted)}.article__meta b{color:var(--ink-soft);font-weight:500}.prose{max-width:720px;margin:0 auto;padding:40px 0 64px;font-size:19px;line-height:1.72}.prose>*+*{margin-top:1.35em}.prose p{color:var(--ink-soft)}.prose h2{font-family:var(--font-display);font-weight:520;font-size:28px;line-height:1.2;letter-spacing:-.012em;color:var(--ink);margin-top:2.1em;margin-bottom:.1em}.prose h3{font-family:var(--font-display);font-weight:560;font-size:21px;color:var(--ink);margin-top:1.7em}.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in oklab,var(--accent) 40%,transparent);transition:text-decoration-color .2s ease}.prose a:hover{text-decoration-color:var(--accent)}.prose strong{color:var(--ink);font-weight:600}.prose ul,.prose ol{padding-left:1.3em;color:var(--ink-soft)}.prose li+li{margin-top:.5em}.prose li::marker{color:var(--faint)}.prose code{font-family:var(--font-mono);font-size:.84em;background:var(--code-bg);color:var(--code-ink);padding:2px 6px;border-radius:5px}.prose pre{background:var(--code-bg);border:1px solid var(--line);border-radius:12px;padding:20px 22px;overflow-x:auto;font-family:var(--font-mono);font-size:14.5px;line-height:1.7}.prose pre code{background:none;padding:0;font-size:inherit;color:var(--code-ink)}.prose blockquote{margin:1.6em 0;padding:4px 0 4px 26px;border-left:2px solid var(--accent);font-family:var(--font-display);font-style:italic;font-size:22px;line-height:1.5;color:var(--ink-soft)}.prose figure{margin:2em 0}.prose figure .ph{aspect-ratio:16 / 8;border-radius:12px;border:1px solid var(--line);background:repeating-linear-gradient(135deg,var(--surface-2) 0 12px,transparent 12px 24px),var(--code-bg);display:grid;place-items:center}.prose figure .ph span{font-family:var(--font-mono);font-size:12px;color:var(--faint);border:1px solid var(--line-strong);border-radius:999px;padding:5px 14px;background:color-mix(in oklab,var(--surface) 70%,transparent)}.prose figcaption{font-family:var(--font-mono);font-size:12.5px;color:var(--muted);text-align:center;margin-top:12px}.prose hr{border:none;border-top:1px solid var(--line);margin:2.6em 0}.prose table{width:100%;border-collapse:collapse;font-size:16px}.prose th{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:left;padding:8px 12px;border-bottom:1px solid var(--line-strong)}.prose td{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ink-soft)}.prose tr:last-child td{border-bottom:none}.callout{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:18px 22px;font-size:16.5px;color:var(--ink-soft)}.callout b{font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}.article__foot{max-width:720px;margin:0 auto;padding:30px 0 0;border-top:1px solid var(--line)}.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:60;transition:width .1s linear}@media (max-width: 860px){.section__grid{grid-template-columns:1fr;gap:8px}.section__head{position:static;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:22px}.section__title{margin:0}.section__note{display:none}.section__count{margin:0}.talks,.social{grid-template-columns:1fr}}@media (max-width: 560px){body{font-size:17px}.post{grid-template-columns:1fr;gap:8px}.post__date{padding-top:0}.til__item{grid-template-columns:1fr;gap:4px}.nav .nav__link{display:none}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}