@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";
:root{--surface:#fcf9f1;--surface-container-lowest:#f7f1e5;--surface-container-low:#f1ebde;--surface-container:#e8e0d2;--ink:#0f0f10;--ink-soft:#0f0f10e6;--ink-faint:#0f0f10ad;--ghost-line:#0f0f101f;--ghost-line-strong:#0f0f1038;--accent:#b8471e;--accent-deep:#8a3414;--accent-wash:#b8471e14;--accent-line:#b8471e59;--motion-fast:.18s;--motion-base:.36s;--ease-standard:cubic-bezier(.22, 1, .36, 1);--font-sans:"Inter", sans-serif;--font-display:"Inter", sans-serif;--font-mono:"Space Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}body{background:repeating-linear-gradient(90deg, transparent 0, transparent 119px, #0f0f1009 119px, #0f0f1009 120px), var(--surface);min-height:100vh;color:var(--ink);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0;line-height:1.5;overflow-x:hidden}::selection{background:var(--accent);color:var(--surface)}a{color:inherit;text-decoration:none}button,input,textarea,select{color:inherit;font:inherit}img{max-width:100%}code{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.76rem;display:inline-block}h1,h2,h3,h4,p,ul,ol,dl,dd,dt{margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.05em;line-height:.96}h1{font-size:clamp(3rem,8vw,6rem);font-weight:800}h2{font-size:clamp(2.2rem,5vw,4.5rem);font-weight:700}h3{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{width:min(1280px,100% - 2rem);margin:0 auto;padding:1rem 0 4.5rem}.section{background:var(--surface-container-lowest);position:relative;overflow:hidden}.section--tight{padding:1.4rem}.section__heading{align-items:start;gap:.9rem 2.5rem;margin-bottom:2.2rem;display:grid}.section__heading h1,.section__heading h2{max-width:14ch}.eyebrow,.micro-note,.micro-card__topline{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.section__heading>.eyebrow{border-left:2px solid var(--accent);background:var(--accent-wash);width:fit-content;color:var(--accent-deep);padding:.38rem .55rem;display:inline-flex}.eyebrow{color:var(--accent)}.lead{max-width:66ch;color:var(--ink);font-size:1rem;line-height:1.74}.lead--compact{max-width:58ch;font-size:.94rem;line-height:1.68}.section__actions{flex-wrap:wrap;gap:.75rem;display:flex}.button{border:1px solid var(--ink);cursor:pointer;min-height:3rem;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;background:0 0;justify-content:center;align-items:center;padding:.85rem 1.25rem;font-size:.74rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.button--secondary{border-color:var(--ghost-line-strong);transition:color var(--motion-fast) ease, border-color var(--motion-fast) ease}.button--secondary:after{color:var(--accent);content:"→";transition:transform var(--motion-fast) var(--ease-standard);margin-left:.6rem}.button--secondary:hover{border-color:var(--accent);color:var(--accent-deep)}.button--secondary:hover:after{transform:translate(5px)}.ghost-link{color:var(--ink);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;transition:color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-standard);padding-bottom:.35rem;font-size:.86rem;font-weight:500;position:relative}.ghost-link:after{background:var(--accent);content:"";transform-origin:0;height:1px;transition:transform var(--motion-fast) var(--ease-standard);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.ghost-link:hover,.ghost-link.is-active{color:var(--accent);transform:translateY(-1px)}.ghost-link:hover:after,.ghost-link.is-active:after{transform:scaleX(1)}.inline-svg-asset,.inline-svg-asset svg{display:block}.inline-svg-asset{line-height:0}.inline-svg-asset svg{width:100%;height:auto}.home-topbar{grid-template-columns:auto 1fr;align-items:center;gap:.9rem;display:grid}.home-topbar__brand{align-items:center;gap:.55rem;min-width:0;display:inline-flex}.home-topbar__nav{scrollbar-width:none;justify-content:flex-end;align-items:center;gap:.9rem;min-width:0;display:flex;overflow-x:auto}.home-topbar__nav::-webkit-scrollbar{display:none}.home-topbar__name{white-space:nowrap;transition:color var(--motion-base) var(--ease-standard);font-size:1rem;font-weight:600}.home-topbar__badge{width:1.6rem;color:var(--ink);transition:transform var(--motion-base) var(--ease-standard);flex:none}.home-topbar__brand:hover .home-topbar__badge{transform:rotate(-6deg)}.home-topbar__brand:hover .home-topbar__name{color:var(--accent)}.site-header{padding-top:1.4rem;padding-bottom:.8rem}.tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.tag-list span{border:1px solid var(--ghost-line);background:var(--surface);color:var(--ink);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;padding:.48rem .7rem;font-size:.7rem;display:inline-flex}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.micro-card{background:var(--surface);gap:.8rem;padding:1.2rem;display:grid}.micro-card p,.micro-card code{color:var(--ink)}.micro-card__topline{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.micro-card__status{background:var(--surface-container-low);padding:.24rem .52rem}.micro-card__status--mapped{background:var(--surface-container)}.micro-card__preview{border:1px solid var(--ghost-line);background:var(--surface-container-low);min-height:112px;position:relative}.micro-card__preview-ring,.micro-card__preview-bar,.micro-card__preview-node{border:2px solid var(--ink);position:absolute}.micro-card__preview-ring{border-radius:50%;width:42px;height:42px;top:50%;left:24%;transform:translateY(-50%)}.micro-card__preview-bar{width:38%;top:50%;left:38%;transform:translateY(-50%)}.micro-card__preview-node{background:var(--ink);border-radius:50%;width:18px;height:18px;top:50%;right:16%;transform:translateY(-50%)}.scroll-rail{z-index:40;color:var(--ink);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .5rem;font-size:1.1rem;line-height:1;display:flex;position:fixed;top:50%;right:.5rem;transform:translateY(-50%)}.scroll-rail__row{width:1.6ch;height:1.2em;color:inherit;cursor:pointer;font:inherit;opacity:.55;transition:opacity var(--motion-fast) ease, transform var(--motion-fast) ease, color var(--motion-fast) ease;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.scroll-rail__row:hover,.scroll-rail__row:focus-visible{color:var(--accent);opacity:1;transform:scale(1.4)}.scroll-rail__row:focus-visible{outline:none}.scroll-rail__row[data-state=active]{opacity:1;transform:scale(1.45)}.blog-index{flex-direction:column;gap:2.4rem;display:flex}.blog-index__list{gap:1.2rem;display:grid}.blog-index__empty{color:var(--ink-faint);padding:2rem 0}.blog-card{border:1px solid var(--ghost-line);background:var(--surface-container-low);transition:background var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard)}.blog-card:hover{border-color:var(--ghost-line-strong);background:var(--surface-container)}.blog-card__link{flex-direction:column;gap:.8rem;padding:1.6rem 1.8rem;display:flex}.blog-card__head{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.blog-card__index{color:var(--accent);font-family:var(--font-mono);letter-spacing:.14em;font-size:.72rem}.blog-card__title{letter-spacing:-.01em;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.25}.blog-card__excerpt{color:var(--ink-soft);line-height:1.55}.blog-post{flex-direction:column;gap:2.4rem;width:100%;max-width:72ch;margin:0 auto;display:flex}.blog-post__header{border-bottom:1px solid var(--ghost-line);flex-direction:column;gap:1rem;padding-bottom:1.8rem;display:flex}.blog-post__title{letter-spacing:-.02em;font-size:clamp(2rem,4.2vw,3rem);line-height:1.12}.blog-post__excerpt{max-width:62ch;color:var(--ink-soft)}.blog-post__meta{flex-wrap:wrap;gap:1.2rem;display:flex}.blog-post__cover{border:1px solid var(--ghost-line);margin-top:1rem;overflow:hidden}.blog-post__cover img{width:100%;height:auto;display:block}.blog-post__footer{border-top:1px solid var(--ghost-line);flex-direction:column;gap:1.4rem;margin-top:2rem;padding-top:1.6rem;display:flex}.blog-post__nav{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.blog-post__nav-link{border:1px solid var(--ghost-line);background:var(--surface-container-low);transition:background var(--motion-base) var(--ease-standard);flex-direction:column;gap:.4rem;padding:1rem 1.2rem;display:flex}.blog-post__nav-link:hover{background:var(--surface-container)}.blog-post__nav-link--right{text-align:right}.blog-prose{max-width:68ch;color:var(--ink);font-size:1.0625rem;line-height:1.7}.blog-prose>*+*{margin-top:1.1rem}.blog-prose h2,.blog-prose h3,.blog-prose h4{letter-spacing:-.01em;margin-top:2.2rem;margin-bottom:.6rem;line-height:1.25}.blog-prose h2{border-bottom:1px solid var(--accent-line);padding-bottom:.3rem;font-size:1.6rem}.blog-prose h3{font-size:1.25rem}.blog-prose h4{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:1.05rem}.blog-prose a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);text-underline-offset:3px;text-decoration-thickness:1px}.blog-prose a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.blog-prose ul,.blog-prose ol{padding-left:1.4rem}.blog-prose li{margin:.3rem 0}.blog-prose li>input[type=checkbox]{accent-color:var(--ink);margin-right:.5rem}.blog-prose blockquote{border-left:2px solid var(--ink);color:var(--ink-soft);margin:1.4rem 0;padding:.4rem 0 .4rem 1rem;font-style:italic}.blog-prose hr{border:0;border-top:1px solid var(--ghost-line);margin:2rem 0}.blog-prose img{width:100%;height:auto}.blog-prose :not(pre)>code{border:1px solid var(--ghost-line);background:var(--surface-container-low);font-family:var(--font-mono);padding:.1rem .35rem;font-size:.88em}.blog-prose pre{color:#e8e3d4;font-family:var(--font-mono);border:1px solid #2a2a32;margin:1.4rem 0;padding:1.1rem 1.2rem;font-size:.88rem;line-height:1.6;overflow-x:auto}.blog-prose pre code{color:inherit;background:0 0;border:0;padding:0;font-family:inherit;display:grid}.blog-prose pre code [data-line]{padding:0 .25rem}.blog-prose figure[data-rehype-pretty-code-figure]{margin:1.4rem 0}.blog-prose [data-rehype-pretty-code-title]{border:1px solid var(--ghost-line);background:var(--surface-container-low);color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:0;padding:.4rem .8rem;font-size:.75rem}.blog-prose [data-rehype-pretty-code-title]+pre{margin-top:0}.blog-prose table{border-collapse:collapse;width:100%;margin:1.4rem 0;font-size:.95rem}.blog-prose th,.blog-prose td{border:1px solid var(--ghost-line);text-align:left;vertical-align:top;padding:.6rem .8rem}.blog-prose thead th{background:var(--surface-container-low);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.blog-prose tbody tr:nth-child(2n){background:var(--surface-container-low)}.blog-callout{border:1px solid var(--ghost-line);border-left:3px solid var(--ink);background:var(--surface-container-low);margin:1.6rem 0;padding:1rem 1.2rem}.blog-callout--info{border-left-color:#2b4c7e}.blog-callout--warn{border-left-color:var(--accent)}.blog-callout--success{border-left-color:#2e5f38}.blog-callout__title{color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem;font-size:.78rem}.blog-callout__body>*+*{margin-top:.6rem}.blog-callout__body>:first-child{margin-top:0}.blog-figure{flex-direction:column;gap:.5rem;margin:1.6rem 0;display:flex}.blog-figure__caption,.blog-mermaid__caption{color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.04em;font-size:.78rem}.blog-mermaid{border:1px solid var(--ghost-line);background:var(--surface);flex-direction:column;gap:.8rem;margin:1.8rem 0;padding:1.2rem;display:flex;overflow-x:auto}.blog-mermaid__svg{justify-content:center;width:100%;display:flex}.blog-mermaid__svg svg{width:100%;max-width:100%;height:auto}.blog-mermaid__svg svg text,.blog-mermaid__svg svg .nodeLabel,.blog-mermaid__svg svg .edgeLabel{fill:var(--ink)!important;font-family:var(--font-mono)!important}.blog-mermaid__svg svg .node rect,.blog-mermaid__svg svg .node polygon,.blog-mermaid__svg svg .cluster rect,.blog-mermaid__svg svg .node circle,.blog-mermaid__svg svg .node ellipse{fill:var(--surface)!important;stroke:var(--ink)!important;stroke-width:1px!important}.blog-mermaid__svg svg .node rect,.blog-mermaid__svg svg .cluster rect{rx:0!important;ry:0!important}.blog-mermaid__svg svg .edgePath path,.blog-mermaid__svg svg .flowchart-link{stroke:var(--ink)!important;stroke-width:1.2px!important}.blog-mermaid__svg svg .arrowheadPath,.blog-mermaid__svg svg .marker{fill:var(--ink)!important;stroke:var(--ink)!important}.blog-mermaid__placeholder{color:var(--ink-faint);font-family:var(--font-mono);text-align:center;padding:2rem 0;font-size:.8rem}.blog-prose pre.blog-mermaid__error,pre.blog-mermaid__error{background:var(--surface-container-low);color:#b32d2d;font-family:var(--font-mono);white-space:pre-wrap;border:1px solid #b32d2d;margin:0;padding:.8rem;font-size:.8rem;overflow-x:auto}.blog-mermaid__caption{text-align:center}@media (min-width:900px){.section__heading{grid-template-columns:minmax(0,1.45fr) minmax(260px,.9fr)}.section__heading .eyebrow{grid-column:1/-1}}@media (max-width:900px){.scroll-rail{display:none}}@media (max-width:720px){html{scroll-behavior:auto}.shell{width:min(100% - 1rem,100%);padding-top:.75rem}.home-topbar{gap:.5rem}.home-topbar__nav{gap:.6rem}.home-topbar__nav .ghost-link{letter-spacing:.08em;font-size:.78rem}}@media (max-width:640px){.home-topbar__name{display:none}.blog-post__nav{grid-template-columns:1fr}.blog-post__nav-link--right{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}