@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Variable.woff2) format("woff2");font-weight:300 500;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.woff2) format("woff2");font-weight:500;font-display:swap}:root{--surface: #111111;--surface-deep: #0d0d0d;--ink: #fefefe;--ink-soft: #999999;--muted: #808080;--rule: #555555;--rule-faint: #222222;--surface-hover: #2b2b2b;--surface-raised: #1c1c1c;--icon: var(--ink);--logo-invert: 0;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--surface: #f6f5f2;--surface-deep: #edebe6;--ink: #1a1917;--ink-soft: #66645f;--muted: #5a5853;--rule: #d3d0ca;--rule-faint: #e6e3dd;--surface-hover: #ecebe6;--surface-raised: #f0eeea;--icon: var(--ink);--logo-invert: 1;color-scheme:light}}:root[data-theme=light]{--surface: #f6f5f2;--surface-deep: #edebe6;--ink: #1a1917;--ink-soft: #66645f;--muted: #5a5853;--rule: #d3d0ca;--rule-faint: #e6e3dd;--surface-hover: #ecebe6;--surface-raised: #f0eeea;--icon: var(--ink);--logo-invert: 1;color-scheme:light}:root{--ease-out: cubic-bezier(.22, 1, .36, 1);--dur: .24s;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, Menlo, monospace;--font-ui: "Inter", system-ui, sans-serif;--space-5: 5px;--space-10: 10px;--space-15: 15px;--space-30: 30px;--space-50: 50px;--space-60: 60px;--space-100: 100px;--space-150: 150px;--sidebar-width: clamp(232px, 18vw, 280px);--gutter: 20px;--content: 960px;--prose: 640px;--hairline: 1px;--icon-size: 18px}@media(min-resolution:2dppx){:root{--hairline: .5px}}*,*:before,*:after{box-sizing:border-box}html{background:var(--surface);color:var(--ink);-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:1px solid var(--ink);outline-offset:3px}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p,figure,blockquote{margin:0}img{max-width:100%;height:auto;display:block}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}::selection{background:var(--ink);color:var(--surface)}.shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.main{display:grid;align-content:start;grid-template-columns:minmax(32px,2fr) minmax(0,var(--content)) minmax(32px,3fr);padding-block:var(--space-60) var(--space-100);min-width:0}.main>*{grid-column:2;min-width:0}.main--note{--prose: 560px;grid-template-columns:minmax(24px,1fr) minmax(0,var(--prose)) minmax(24px,1fr)}.toc-rail{display:none;grid-column:1;grid-row:1 / span 10;justify-self:end;align-self:start;position:sticky;top:var(--space-60);width:168px;margin-right:40px}.toc-rail__list{list-style:none;padding:0;display:grid;gap:6px;font-family:var(--font-sans);font-size:13px;line-height:20px}.toc-rail a{display:block;color:var(--muted);text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .3s var(--ease-out)}.toc-rail a:hover,.toc-rail a[aria-current]{color:var(--ink)}@media(min-width:1240px){.toc-rail{display:block}.toc-tabs{display:none}}.toc-tabs{position:sticky;top:var(--header-h, 0px);z-index:5;margin:0 calc(-1 * var(--gutter)) var(--space-30);padding:0 var(--gutter);background:var(--surface);border-bottom:1px solid var(--rule-faint)}.toc-tabs__list{list-style:none;display:flex;gap:20px;padding:12px 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}.toc-tabs__list::-webkit-scrollbar{display:none}.toc-tabs a{flex:none;display:block;white-space:nowrap;font-size:14px;line-height:1.4;color:var(--muted);text-decoration:none;transition:color .3s var(--ease-out)}.toc-tabs a:hover,.toc-tabs a[aria-current]{color:var(--ink)}.toc-tabs li{flex:none}.toc-tabs__list:after{content:"";flex:0 0 calc(100% - 56px)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--rule-faint)}.brand{padding:var(--space-60) var(--space-30) 0 40px;display:flex;flex-direction:column;gap:var(--space-10)}.brand__name{font-size:15px;line-height:1.1}.brand__tagline{font-size:14px;line-height:1.1;font-weight:300;color:var(--muted)}.nav{margin-top:auto;padding:var(--space-60) var(--space-30) var(--space-60) 40px;display:flex;flex-direction:column}.nav a{font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.01em;width:fit-content}.nav a:hover,.brand__name:hover{color:var(--ink-soft)}[aria-current=page]{color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.sidebar__links{margin-top:auto;font-family:var(--font-ui);font-weight:500;font-size:14px;line-height:1.6}.sidebar__links li>*{display:block;padding:var(--space-10) var(--space-30) var(--space-10) 40px;border-top:1px solid var(--rule-faint);color:var(--muted)}.sidebar__links li:first-child>*{color:var(--ink)}.sidebar__links a:hover{color:var(--ink)}.menu-toggle{display:none}.pagehead{display:flex;flex-direction:column;gap:20px;padding-bottom:var(--space-100)}.pagehead--tight{padding-bottom:var(--space-60)}.pagehead__top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-10)}.pagehead__title{font-size:15px;line-height:1.6;font-weight:400;display:flex;gap:var(--space-10)}.pagehead__title .sep,.pagehead__title .crumb{color:var(--muted)}.pagehead__title a:hover{color:var(--ink-soft)}.theme-toggle{--light: 0;all:unset;cursor:pointer;position:relative;color:var(--ink);display:inline-grid;place-items:center;width:32px;height:32px;margin:-6px -8px -6px 0;border-radius:999px;transition:color .3s var(--ease-out)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .theme-toggle{--light: 1}}:root[data-theme=light] .theme-toggle{--light: 1}.theme-toggle:after{content:"";position:absolute;inset:-6px}.theme-toggle:hover{color:var(--ink-soft)}.theme-toggle:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.theme-toggle__icons{display:grid;transition:transform .4s var(--ease-out)}.theme-toggle:hover .theme-toggle__icons{transform:rotate(15deg)}.theme-toggle svg{grid-area:1 / 1;width:16px;height:16px;transition:transform .5s var(--ease-out),opacity .3s var(--ease-out)}.theme-toggle__sun{opacity:calc(1 - var(--light));transform:rotate(calc(var(--light) * 90deg)) scale(calc(1 - var(--light) * .5))}.theme-toggle__moon{opacity:var(--light);transform:rotate(calc((var(--light) - 1) * 90deg)) scale(calc(.5 + var(--light) * .5))}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:var(--ease-out)}.lead{max-width:65ch;font-size:14px;line-height:1.6;font-weight:300;color:var(--muted);display:flex;flex-direction:column;gap:.75em}.pagehead__bar{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-30);flex-wrap:wrap}.index{font-family:var(--font-mono);font-size:14px;line-height:2}.index li{border-top:var(--hairline) solid var(--rule)}.index--closed li:last-child{border-bottom:var(--hairline) solid var(--rule)}.index__row{display:flex;align-items:center;gap:var(--space-10);padding:10px var(--space-15);min-height:48px}.index svg{width:var(--icon-size);height:var(--icon-size);flex:none;color:var(--icon)}.index__label{color:var(--ink);min-width:0}.index__desc,.index__tag,.index__date{color:var(--muted)}.index__date{width:90px;flex:none;font-variant-numeric:tabular-nums}.index__tag{margin-left:auto;padding-left:var(--space-15);flex:none}a.index__row{transition:background-color var(--dur) var(--ease-out)}a.index__row:after{content:"→";margin-left:auto;padding:0 var(--space-5) 0 var(--space-15);flex:none;font:300 20px/1 var(--font-sans);color:var(--ink);opacity:0;transform:translate(-8px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}a.index__row:has(.index__tag):after{margin-left:0}a.index__row:hover,a.index__row:focus-visible{background-color:var(--surface-hover)}a.index__row:hover:after,a.index__row:focus-visible:after{opacity:1;transform:none}a.index__row:hover :is(.index__desc,.index__tag,.index__date){color:var(--ink-soft)}a.index__row:active{background-color:var(--rule-faint)}.article{max-width:var(--prose)}.article__meta{font-family:var(--font-mono);font-size:14px;line-height:2;color:var(--muted)}.article__meta a:hover{color:var(--ink)}.article__title{font-size:clamp(28px,3.4vw,38px);line-height:1.12;font-weight:500;letter-spacing:-.02em;text-wrap:balance;padding:10px 0 30px}.article__cover{border:1px solid var(--rule-faint);aspect-ratio:2 / 1;object-fit:cover;width:100%;margin-bottom:var(--space-30)}.tldr{margin-bottom:var(--space-30);font-family:var(--font-mono);font-size:14px;line-height:24px}.tldr__label{color:var(--muted);padding-bottom:var(--space-5);line-height:2}.tldr ol{counter-reset:tldr;border-bottom:var(--hairline) solid var(--rule)}.tldr li{counter-increment:tldr;display:flex;gap:var(--space-15);padding:8px 0;border-top:var(--hairline) solid var(--rule)}.tldr li:before{content:counter(tldr,decimal-leading-zero);color:var(--muted);width:24px;flex:none}.tldr a{color:inherit;text-decoration:none}.tldr a:after{content:" ↓";color:var(--muted)}.tldr a:hover,.tldr a:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.prose{font-size:16px;line-height:1.65;font-weight:400}.prose>*+*{margin-top:16px}.prose h2,.prose h3{line-height:1.25;font-weight:500;text-wrap:balance;color:var(--ink)}.prose h2{font-size:28px;line-height:1.15;letter-spacing:-.025em;margin-top:36px}.prose h3{font-size:20px;letter-spacing:-.015em;margin-top:44px}.prose>h2{margin-top:72px}.prose .collapsible{border-top:1px solid var(--rule-faint)}.prose .collapsible:not(:has(~.collapsible)){border-bottom:1px solid var(--rule-faint)}.prose .collapsible~.collapsible{margin-top:0}.collapsible__summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-15);padding:14px 0}.collapsible__summary::-webkit-details-marker{display:none}.collapsible__summary h3{margin:0!important;font-size:18px}.collapsible__summary:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--ink-soft)}.collapsible__summary:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.collapsible__hint{flex:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.collapsible__hint:after{content:" +"}.collapsible[open] .collapsible__hint:after{content:" −"}.collapsible__close,.collapsible[open] .collapsible__open{display:none}.collapsible[open] .collapsible__close{display:inline}.collapsible__body{padding-bottom:var(--space-30)}.collapsible__body>*+*{margin-top:16px}.prose h2,.prose h3{scroll-margin-top:24px}@media(max-width:1239px){.prose h2,.prose h3{scroll-margin-top:calc(var(--header-h, 0px) + 64px)}}.prose>h2:first-child,.prose>h3:first-child{margin-top:0}.prose h2+*{margin-top:18px}.prose h3+*{margin-top:10px}.prose strong{font-weight:500}.prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--ink-soft)}.prose a:hover{text-decoration-color:var(--ink)}.prose ul,.prose ol{padding-left:1.2em}.prose ul{list-style:square}.prose ol{list-style:decimal}.prose li+li{margin-top:6px}.prose li::marker{color:var(--muted)}.prose blockquote{padding:2px 0 2px 18px;border-left:1px solid var(--ink);font-size:18px;line-height:1.5;font-weight:400}.prose code{font-family:var(--font-mono);font-size:.85em}.prose pre{background:var(--surface-deep);border:1px solid var(--rule-faint);padding:var(--space-15);overflow-x:auto;font-size:14px;line-height:1.6}.prose img{border:1px solid var(--rule-faint)}.prose hr{border:0;border-top:var(--hairline) solid var(--rule)}.note-nav{margin-top:var(--space-60)}.note-nav .index__date{width:70px}.subscribe{margin-top:var(--space-60);max-width:var(--prose);display:flex;flex-direction:column;gap:var(--space-10)}.subscribe__title{font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.01em}.subscribe__lead{font-size:14px;line-height:1.6;font-weight:300;color:var(--muted);max-width:65ch}.subscribe__form{margin-top:var(--space-10);font-family:var(--font-mono);font-size:14px;line-height:2}.subscribe__label{display:block;color:var(--muted);padding-bottom:var(--space-5)}.subscribe__row{display:flex}.subscribe__input,.subscribe__button{font:inherit;min-height:48px;margin:0;border-radius:0;-webkit-appearance:none;appearance:none;border:var(--hairline) solid var(--rule)}.subscribe__input{flex:1 1 auto;min-width:0;padding:10px var(--space-15);color:var(--ink);background:transparent;transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out)}.subscribe__input::placeholder{color:var(--muted);opacity:1}.subscribe__input:hover{background-color:var(--surface-hover)}.subscribe__input:focus-visible{outline:1px solid var(--ink);outline-offset:0;border-color:var(--ink)}.subscribe__input[aria-invalid=true]{border-color:var(--ink)}.subscribe__button{flex:none;padding:10px var(--space-30);margin-left:calc(var(--hairline) * -1);cursor:pointer;border-color:var(--ink);background:var(--ink);color:var(--surface);transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.subscribe__button:hover{background:transparent;color:var(--ink)}.subscribe__button:active{background:var(--surface-hover);color:var(--ink)}.subscribe__button:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.subscribe__status:empty{display:none}.subscribe__status{padding-top:var(--space-10);color:var(--ink)}.subscribe__status[data-kind=error]:before{content:"× "}.lead a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.lead a:hover{color:var(--ink)}.project__facts{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:var(--space-5) var(--space-30);font-family:var(--font-mono);font-size:14px;line-height:2}.project__facts dt{color:var(--muted)}.project__facts dd{margin:0;min-width:0;overflow-wrap:anywhere}.project__link{display:inline-flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--ink-soft)}.project__link:hover{text-decoration-color:var(--ink)}.project__link svg{width:14px;height:14px;flex:none;transition:transform .24s ease-out}.project__link:hover svg{transform:translate(2px,-2px)}@media(prefers-reduced-motion:reduce){.project__link svg{transition:none}}.project__title{font-size:clamp(30px,4vw,44px);line-height:1.1;font-weight:500;letter-spacing:-.02em}.project__summary{font-size:17px;line-height:1.7;font-weight:300;max-width:var(--prose)}.project__images{display:flex;flex-direction:column;gap:var(--space-10);max-width:var(--prose)}.project__images img{border:1px solid var(--rule-faint);width:100%}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-10)}.tile{display:flex;flex-direction:column;border:1px solid var(--rule-faint);min-width:0;transition:background-color var(--dur) var(--ease-out)}.tile__media img{transition:transform .4s var(--ease-out)}.tile__media img.logo--mono{filter:invert(var(--logo-invert))}a.tile:hover,a.tile:focus-visible{background-color:var(--surface-raised)}a.tile:hover .tile__media img{transform:scale(1.06)}a.tile .tile__caption{position:relative}a.tile .tile__caption:after{content:"";position:absolute;right:var(--space-30);bottom:var(--space-30);width:18px;height:18px;background-color:var(--ink-soft);opacity:0;transform:translate(-4px,4px);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center / contain no-repeat;transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}a.tile:hover .tile__caption:after,a.tile:focus-visible .tile__caption:after{opacity:1;transform:none}.tile--wide{grid-column:span 2}.tile__media{height:320px;display:grid;place-items:center;border-bottom:1px solid var(--rule-faint)}.tile__media img{width:60px;height:60px;object-fit:contain}.tile__caption{padding:20px var(--space-30);display:flex;flex-direction:column;gap:var(--space-5)}.tile__title{font-family:var(--font-ui);font-weight:500;font-size:16px;line-height:1.4}.tile__category{font-family:var(--font-mono);font-size:14px;line-height:2;color:var(--muted)}.work-section{padding-top:var(--space-60)}.pagehead+.work-section{padding-top:0}.work-section .index__label{white-space:nowrap;flex:none}.work-section .index__desc{flex:1 1 auto;min-width:0}.work-section__label{font:400 14px/2 var(--font-mono);color:var(--muted);padding-bottom:var(--space-10)}.work-lead{max-width:62ch;font-size:16px;gap:12px;color:var(--ink)}.work-lead p+p{color:var(--muted)}.work-head{display:flex;flex-direction:column;gap:20px}.work-title{font-size:clamp(28px,3.4vw,38px);line-height:1.12;font-weight:500;letter-spacing:-.02em;text-wrap:balance}.work-step{align-items:baseline}.work-step .index__label{width:180px;flex:none}.work-step__when{width:90px}.work-step__body{flex:1;min-width:0;font-family:var(--font-sans);font-size:15px;line-height:1.55}.work-text{max-width:62ch;font-size:16px;line-height:1.6;font-weight:300;display:flex;flex-direction:column;gap:10px}.work-muted{color:var(--muted)}.work-list{font:400 14px/1.7 var(--font-mono);border-top:var(--hairline) solid var(--rule)}.work-list li{padding:10px var(--space-15);border-bottom:var(--hairline) solid var(--rule)}.work-list li:before{content:"+";color:var(--muted);margin-right:var(--space-10)}.faq{border-top:var(--hairline) solid var(--rule);font-family:var(--font-mono);font-size:14px;line-height:2}.faq__item{border-bottom:var(--hairline) solid var(--rule)}.faq__item summary{cursor:pointer;list-style:none;transition:background-color var(--dur) var(--ease-out)}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";margin-left:auto;color:var(--muted);padding-right:var(--space-5)}.faq__item[open] summary:after{content:"−"}.faq__item summary:hover{background-color:var(--surface-hover)}.faq__answer{padding:0 var(--space-15) var(--space-15);max-width:62ch;font:300 15px/1.6 var(--font-sans);color:var(--ink)}.home-now{gap:4px}.home-now__label{font:400 14px/1.8 var(--font-mono)}.home-now a{color:var(--ink)}@media(max-width:799px){.work-section .index__label{white-space:normal;flex:1 1 auto}.work-section .index__tag{text-align:right;max-width:45%}.work-step{flex-wrap:wrap}.work-step .index__label{width:auto}.work-step__body{flex-basis:100%;padding-left:0}}@media(max-width:1199px){.brand,.nav,.sidebar__links li>*{padding-left:var(--space-30)}}@media(max-width:799px){:root{--gutter: 24px}.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.main{padding-block:var(--space-30) var(--space-60);grid-template-columns:var(--gutter) minmax(0,1fr) var(--gutter)}.sidebar{position:sticky;top:0;z-index:10;height:auto;border-right:0;border-bottom:1px solid var(--rule-faint);background:var(--surface)}.brand{padding:20px var(--gutter);flex-direction:row;align-items:baseline;justify-content:space-between}.brand__tagline{display:none}.menu-toggle{display:block;position:absolute;right:var(--gutter);top:14px;background:none;border:0;color:var(--ink);font:400 15px/1.6 var(--font-sans);padding:4px 0;cursor:pointer}.nav,.sidebar__links{display:none}.sidebar[data-open]{height:100dvh}.sidebar[data-open] .nav{display:flex;margin-top:0;padding:var(--space-30) var(--gutter)}.sidebar[data-open] .nav a{font-size:34px}.sidebar[data-open] .sidebar__links{display:block}.sidebar__links li>*{padding:14px var(--gutter)}.pagehead{padding-bottom:var(--space-60)}.pagehead__title{font-size:18px}.lead{font-size:17px;line-height:1.5}.index{font-size:15px}.index__row{padding:var(--space-15) 0;align-items:flex-start}.index__row svg{margin-top:6px}.index__desc:not(.index__desc--keep){display:none}.index__date{width:64px}.index__row>time.index__tag{display:none}.tiles{grid-template-columns:minmax(0,1fr)}.tile--wide{grid-column:auto}.tile__media{height:200px}.subscribe__row{flex-direction:column;gap:var(--space-10)}.subscribe__button{margin-left:0}}@media(prefers-reduced-motion:reduce){*,*:after{transition:none!important}a.index__row:after{transform:none}a.tile:hover .tile__media img,.theme-toggle:hover .theme-toggle__icons{transform:none}}@media(hover:none){a.index__row:after{display:none}}