:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fbfaf5;--foreground:#211d18;--muted:#6f675d;--muted-2:#91887b;--line:#31271d1a;--hover:#9b7c521f;--card:#fffdf7bd;--yellow:#b68a2c;--yellow-hover:#8a6721;--radius:.375rem;--page:48rem;--ease:cubic-bezier(.2, .8, .2, 1);font-synthesis-weight:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);min-height:100vh;color:var(--foreground);margin:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;background:0 0;border:0;padding:0}::selection{background:#eab30847}.page{width:min(100%, var(--page));min-height:100vh;margin:0 auto;padding:2rem 1rem;position:relative}@media (width>=640px){.page{padding:2rem}}@media (width>=768px){.page{padding:6rem}}.hero{animation:rise .5s var(--ease) both;align-items:flex-start;gap:1rem;margin-bottom:3rem;display:flex}.hero-copy{flex-direction:column;gap:.75rem;min-width:0;display:flex}.title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}h1{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(1.875rem,7vw,2.25rem);font-weight:400;line-height:1.1}.kicker{max-width:34rem;color:var(--muted);margin:0;font-size:.875rem;line-height:1.62}.socials{align-items:center;gap:.5rem;display:flex}.social{color:#9ca3af;transition:color .2s var(--ease), transform .2s var(--ease), opacity .2s var(--ease);place-items:center;display:inline-flex}.social:hover{color:var(--foreground);transform:scale(1.1)}.social svg{display:block}.avatar-wrap{aspect-ratio:1;border-radius:999px;flex:none;width:80px;position:relative}.avatar-wrap:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#000000d6,#52525bd1,#000000d6);animation:3s linear infinite spin;position:absolute;inset:0}.avatar-wrap:after{content:"";border-radius:inherit;background:var(--background);position:absolute;inset:2px}.avatar{z-index:1;border-radius:inherit;background:#111827;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;transform:scale(1.08)}.sections{gap:2.5rem;min-width:0;display:grid}.section{min-width:0;animation:rise .55s var(--ease) both;animation-delay:var(--delay,0s)}.section-title{letter-spacing:-.01em;margin:0 0 .75rem;font-size:.875rem;font-weight:400;line-height:1.25rem}.link-grid{flex-direction:column;gap:.5rem;display:flex}@media (width>=640px){.link-grid.wrap{flex-flow:wrap}}.row-link{border-radius:var(--radius);text-align:left;justify-content:space-between;align-items:center;gap:normal;width:100%;padding:.5rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (width>=640px){.wrap .row-link{width:auto;max-width:100%;padding:.35rem .55rem}.wrap .row-main{flex:0 auto;gap:.35rem}.wrap .row-desc{flex:0 auto;margin-left:.15rem;display:inline}.wrap .arrow{margin-left:.25rem}}.row-link:hover,.row-link:focus-visible{color:#fff;background:#ffffff4d;outline:none}.row-main{flex:1;align-items:center;gap:.5rem;min-width:0;display:inline-flex}.pin{color:var(--yellow);font-size:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.row-link:hover .pin,.row-link:focus-visible .pin{color:oklch(90.5% .182 98.111)}.row-name{letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.875rem;display:block;overflow:hidden}.row-desc{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:.375rem;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.row-link:hover .row-desc,.row-link:focus-visible .row-desc{color:oklch(87.2% .01 258.338)}.arrow{color:#9ca3af;flex:none;margin-left:.5rem;font-size:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.row-link:hover .arrow,.row-link:focus-visible .arrow{color:oklch(87.2% .01 258.338)}.media-card{background:var(--card);border-radius:.5rem;align-items:flex-start;gap:.75rem;width:100%;max-width:100%;padding:.75rem;transition:background-color .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.media-card:hover,.media-card:focus-visible{background:#fffc;outline:none}.media-thumb{aspect-ratio:16/9;border-radius:.25rem;flex:none;width:7.5rem;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.media-overlay{background:#0000001a;transition:background-color .2s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.media-card:hover .media-overlay,.media-card:focus-visible .media-overlay{background:#fff3}.media-copy{flex-direction:column;flex:1;gap:.25rem;min-width:0;padding-block:.25rem;display:flex}.media-title{letter-spacing:-.025em;color:var(--foreground);font-size:.875rem;transition:color .2s cubic-bezier(.4,0,.2,1)}.media-subtitle{color:#9ca3af;font-size:.75rem;line-height:1.35}.media-card:hover .media-title,.media-card:focus-visible .media-title,.media-card:hover .arrow,.media-card:focus-visible .arrow{color:#000}.section-more{color:#9ca3af;width:fit-content;transition:color .2s var(--ease);margin:.15rem .75rem 0;font-size:.75rem;display:inline-flex}.section-more:hover,.section-more:focus-visible{color:var(--foreground);outline:none}.inspired{color:#9ca3af;margin:3rem 0 0;font-size:.75rem}.inspired a{color:inherit;transition:color .2s var(--ease)}.inspired a:hover,.inspired a:focus-visible{color:var(--foreground);outline:none}.blog-layout{animation:rise .5s var(--ease) both;gap:2rem;display:grid}.nav-back{color:var(--muted);transition:color .2s var(--ease), transform .2s var(--ease);align-items:center;gap:.45rem;margin-bottom:2.25rem;font-size:.875rem;display:inline-flex}.nav-back:hover{color:var(--foreground);transform:translate(-2px)}.post-header{margin-bottom:2rem}.eyebrow{color:var(--muted-2);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .7rem;font-size:.75rem}.post-title{letter-spacing:-.03em;margin:0 0 .85rem;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(2.1rem,9vw,3.75rem);font-weight:400;line-height:1}.post-subtitle{max-width:38rem;color:var(--muted);margin:0;font-size:1rem;line-height:1.7}.post-list{gap:.5rem;display:grid}.post-card .row-main{grid-template-columns:minmax(0,13rem) minmax(3rem,1fr);column-gap:1rem;display:grid}.post-card .row-desc{margin-left:0}.post-card time{color:var(--muted-2);white-space:nowrap;margin-left:1.25rem;font-size:.75rem}@media (width<=639px){.post-card .row-main{grid-template-columns:minmax(0,1fr);row-gap:.15rem}.post-card time{margin-left:.75rem}}.article{width:100%;min-width:0;max-width:none}.article>div{min-width:0}.article p,.article li{max-width:52rem;color:var(--muted);font-size:.98rem;line-height:1.78}.article p{margin:0 0 1.1rem}.article h2{letter-spacing:-.025em;max-width:52rem;margin:2rem 0 .65rem;font-size:1rem;font-weight:400}.article ul{margin:0 0 1.1rem;padding-left:1rem}.article li{margin-bottom:.4rem}.article code{color:var(--foreground);background:var(--hover);border-radius:.25rem;padding:.08rem .28rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.footer{color:var(--muted-2);margin-top:3.5rem;font-size:.75rem}.empty-note{color:var(--muted-2);margin:.5rem .75rem;font-size:.875rem}@keyframes spin{to{rotate:360deg}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=639px){.hero{min-height:139px}.media-card{min-height:6.75rem}}.article h3,.article h4{letter-spacing:-.02em;max-width:52rem;margin:1.6rem 0 .55rem;font-size:.98rem;font-weight:400}.article ol{margin:0 0 1.1rem;padding-left:1.25rem}.article a{color:var(--foreground);text-underline-offset:.2em;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.article a:hover{text-decoration-color:currentColor}.article blockquote{border-left:1px solid var(--line);max-width:52rem;color:var(--muted);margin:1.4rem 0;padding-left:1rem}.article pre{border-radius:var(--radius);background:var(--hover);-webkit-overflow-scrolling:touch;max-width:100%;margin:1.4rem 0;padding:1rem;overflow-x:auto}.article pre code{background:0 0;width:max-content;min-width:100%;padding:0;line-height:1.65;display:block}.code-block{border:1px solid var(--line);border-radius:var(--radius);background:#17130f;width:100%;max-width:100%;margin:1.4rem 0;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.code-block-head{color:#fff8e68f;letter-spacing:.02em;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;display:flex}.copy-code{cursor:pointer;color:#fff8e6b3;transition:color .2s var(--ease), background-color .2s var(--ease);border-radius:.25rem}.copy-code:hover,.copy-code:focus-visible{color:#fff5d6;background:#ffffff14;outline:none}.code-block pre{background:0 0;border-radius:0;margin:0}.code-block code{color:#efe2c3;background:0 0;border-radius:0;padding:0;font-size:.86rem}.hljs-comment,.hljs-quote{color:#7f776b;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#f59e7d}.hljs-literal,.hljs-number,.hljs-tag .hljs-attr,.hljs-template-variable,.hljs-variable{color:#f3c969}.hljs-string,.hljs-doctag,.hljs-regexp{color:#a3d9a5}.hljs-title,.hljs-section,.hljs-selector-id{color:#8ec7ff}.hljs-type,.hljs-class .hljs-title,.hljs-built_in{color:#d8b4fe}.hljs-attr,.hljs-attribute,.hljs-name,.hljs-selector-class{color:#93d5ff}.hljs-symbol,.hljs-bullet,.hljs-link{color:#f0abfc}.hljs-deletion{color:#ff9b9b}.hljs-addition{color:#b7f7b7}.article img{border-radius:var(--radius);max-width:100%;height:auto;margin:1.5rem 0}.mermaid-block{margin:1.4rem 0}.mermaid-block>.mermaid-ascii{margin:0}.mermaid-ascii{border:1px solid var(--line);color:var(--foreground);scrollbar-width:thin;background:0 0}.mermaid-ascii code{font-size:clamp(.58rem,1.8vw,.78rem);line-height:1.32}.mermaid-disclosure{display:none}.mermaid-disclosure summary{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);padding:.75rem;font-size:.875rem;list-style:none}.mermaid-disclosure summary::-webkit-details-marker{display:none}.mermaid-disclosure summary span{color:var(--yellow);margin-right:.35rem}.mermaid-disclosure[open] summary{border-bottom-right-radius:0;border-bottom-left-radius:0}.mermaid-disclosure .mermaid-ascii{border-top:0;border-top-left-radius:0;border-top-right-radius:0;margin:0}.mermaid-error{border:1px solid var(--line)}.blog-tools{color:var(--muted-2);justify-content:space-between;margin-top:3.5rem;padding-left:.75rem;font-size:.75rem;display:flex}.blog-tools a{transition:color .2s var(--ease)}.blog-tools a:hover{color:var(--foreground)}.wiki-link{text-decoration-style:dotted}.note-connections{border-top:1px solid var(--line);gap:1.5rem;margin-top:2.75rem;padding-top:1.5rem;display:grid}.note-connections h2{color:var(--muted-2);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .65rem;font-size:.75rem;font-weight:400}.connection-list{gap:.5rem;display:grid}.backlink-item{border-radius:var(--radius);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.backlink-item:hover{color:var(--foreground);background:#ffffff4d}.backlink-item strong{color:var(--foreground);font-weight:400;display:block}.backlink-item small{color:var(--muted-2);margin-top:.2rem;line-height:1.45;display:block}.graph-page{--page:56rem}.graph-wrap{border:1px solid var(--line);border-radius:var(--radius);margin:1rem 0 1.5rem;overflow:hidden}.blog-graph{width:100%;height:auto;display:block}.graph-edge{stroke:var(--line);stroke-width:1.25px;vector-effect:non-scaling-stroke}.graph-node{fill:var(--foreground);transition:r .2s var(--ease), fill .2s var(--ease)}a:hover .graph-node{r:13;fill:var(--yellow)}.graph-label{fill:var(--muted);letter-spacing:-.02em;pointer-events:none;font-size:12px}.graph-index{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.35rem;margin-top:1rem;display:grid}.graph-index a{border-radius:var(--radius);color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .65rem;font-size:.82rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.graph-index a:hover{color:var(--foreground);background:#ffffff4d}.graph-index span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.graph-index span:last-child{color:var(--muted-2);flex:none;font-size:.72rem}.graph-mobile-list{display:none}.blog-shell{align-items:start;gap:2rem;display:grid}.graph-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--background);padding:.75rem}.graph-panel-head{color:var(--muted-2);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.65rem;font-size:.75rem;display:flex}.graph-panel-head a{color:var(--muted);text-transform:none;letter-spacing:0;transition:color .2s var(--ease)}.graph-panel-head a:hover{color:var(--foreground)}.mini-graph{width:100%;height:auto;display:block}.active-node .graph-node{fill:var(--yellow)}@media (width<=639px){.article pre{margin-left:-.25rem;margin-right:-.25rem;padding:.75rem}.code-block{width:calc(100% + .5rem);margin-left:-.25rem;margin-right:-.25rem}.code-block pre{padding:.85rem .75rem}.code-block code{font-size:.78rem}.mermaid-block>.mermaid-ascii{display:none}.mermaid-disclosure{margin:1.4rem 0;display:block}.mermaid-ascii code{font-size:clamp(.5rem,2.35vw,.66rem);line-height:1.25}.graph-wrap,.graph-index{display:none}.graph-mobile-list{gap:.65rem;margin-top:.75rem;display:grid}.graph-mobile-list article{border:1px solid var(--line);border-radius:var(--radius);padding:.75rem}.graph-mobile-title{color:var(--foreground);margin-bottom:.5rem;font-size:.92rem;display:inline-flex}.graph-mobile-list div{gap:.35rem;display:grid}.graph-mobile-list div a,.graph-mobile-list p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.mini-graph{display:none}.graph-panel{padding:.65rem .75rem}.graph-panel-head{margin-bottom:0}}@media (width>=900px){.page:has(.blog-shell){--page:70rem}}@media (width>=1100px){.blog-shell:has(.graph-panel){grid-template-columns:minmax(0,42rem) 18rem}.graph-panel{align-self:start;position:sticky;top:2rem;overflow:hidden}}