@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-latin-600-normal.woff2)format("woff2")}:root{--bg:#0e1116;--bg-raised:#161b22;--border:#21262d;--text:#e2e6ea;--muted:#8b949e;--accent:#4fd1c5;--accent-ink:#0e1116;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--step-0:1.0625rem;--step-1:1.25rem;--step-2:1.5rem;--step-3:2rem;--step-4:2.5rem;--leading-body:1.65;--leading-tight:1.25;--measure:70ch;--gutter:clamp(1.25rem, 4vw, 2.5rem);--stack:1.5rem;--radius:8px;--speed:.12s}@media (prefers-color-scheme:light){:root{--bg:#fff;--bg-raised:#f6f8fa;--border:#d0d7de;--text:#1f2328;--muted:#59636e;--accent:#0f9488;--accent-ink:#fff}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--step-0);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3{line-height:var(--leading-tight);letter-spacing:-.01em;margin:0 0 .5em;font-weight:600}h1{font-size:var(--step-4)}h2{font-size:var(--step-2);margin-top:2em}h3{font-size:var(--step-1);margin-top:1.5em}p{margin:0 0 var(--stack)}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}hr{border:0;border-top:1px solid var(--border);margin:3rem 0}code,kbd,samp{font-family:var(--font-mono);font-size:.9em}img,svg{max-width:100%;height:auto}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.wrap{width:100%;max-width:62rem;padding-inline:var(--gutter);margin-inline:auto}.prose{max-width:var(--measure)}.skip-link{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);z-index:10;padding:.5rem .75rem;position:absolute;top:0;left:-9999px}.skip-link:focus{top:.5rem;left:.5rem}.site-header{border-bottom:1px solid var(--border)}.site-header .wrap{justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.brand{font-family:var(--font-mono);color:var(--text);letter-spacing:-.02em;font-weight:500}.nav{font-family:var(--font-mono);gap:1.25rem;font-size:.9rem;display:flex}.nav a{color:var(--muted)}.nav a:hover,.nav a[aria-current=page]{color:var(--text);text-decoration:none}main{padding-block:clamp(2rem,6vw,4rem)}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:4rem;font-size:.9rem}.site-footer .wrap{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding-block:2rem;display:flex}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--text)}.footer-note{font-family:var(--font-mono);margin-left:auto;font-size:.8rem}.nav a,.site-footer a,.brand{transition:color var(--speed) ease}.hero{padding-block:clamp(1rem,4vw,2.5rem) 0}.hero h1{font-size:clamp(2rem,6vw,2.75rem)}.lede{font-size:var(--step-1);color:var(--text);max-width:60ch}.stats{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;margin:2.5rem 0;padding:0;list-style:none;display:grid;overflow:hidden}.stats li{background:var(--bg);font-family:var(--font-mono);padding:1rem 1.15rem;font-size:.85rem;line-height:1.4}.stats strong{color:var(--accent);font-weight:600}.section-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:lowercase;color:var(--muted);margin:3rem 0 1rem;font-size:.8rem}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:inherit;transition:border-color var(--speed) ease, transform var(--speed) ease;flex-direction:column;gap:.6rem;padding:1.25rem;text-decoration:none;display:flex}a.card:hover{border-color:var(--accent);text-decoration:none}.card h3{color:var(--text);margin:0;font-size:1.1rem}.card p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.card .arrow{color:var(--muted);font-family:var(--font-mono);font-size:.8rem}a.card:hover .arrow{color:var(--accent)}.tags{flex-wrap:wrap;gap:.4rem;margin:.2rem 0 0;padding:0;list-style:none;display:flex}.tags li{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.72rem}.project-head .lede{margin-top:.5rem}.stack-row{margin:1.25rem 0 0}.prose ul{padding-left:1.2rem}.prose li{margin-bottom:.5rem}.callout{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-raised);margin:2rem 0;padding:1.25rem 1.5rem}.callout h2{margin-top:0}.callout>:last-child{margin-bottom:0}.demonstrates{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-raised);margin:2.5rem 0 0;padding:1.25rem 1.5rem}.demonstrates .label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:lowercase;color:var(--muted);margin:0 0 .4rem;font-size:.78rem}.demonstrates p:last-child{margin-bottom:0}.project-links{font-family:var(--font-mono);flex-wrap:wrap;gap:1.25rem;margin-top:2rem;font-size:.9rem;display:flex}.status-pill{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent);vertical-align:middle;border-radius:999px;margin-left:.5rem;padding:.1rem .55rem;font-size:.7rem;display:inline-block}.diagram{margin:1.5rem 0 0}.diagram svg{width:100%;height:auto;display:block}.host-box{fill:none;stroke:var(--border)}.host-label,.node-title,.node-sub,.vpn-label,.vpn-sub,.storage-title,.storage-sub{font-family:var(--font-mono)}.host-label{fill:var(--muted);font-size:12px}.node-box,.storage-box{fill:var(--bg-raised);stroke:var(--border);stroke-width:1px;transition:stroke var(--speed) ease}.node-title,.storage-title{fill:var(--text);font-size:13px}.node-sub,.storage-sub{fill:var(--muted);font-size:10.5px}.node{cursor:pointer}.node:focus{outline:none}.node:hover .node-box,.node:focus-visible .node-box{stroke:var(--accent)}.node.active .node-box{stroke:var(--accent);stroke-width:2px}.vpn-box{fill:none;stroke:var(--accent);stroke-dasharray:4 3;opacity:.85}.vpn-label{fill:var(--accent);font-size:11px}.vpn-sub{fill:var(--muted);font-size:10px}.node-hint{font-family:var(--font-mono);color:var(--muted);margin-top:.85rem;font-size:.8rem}.node-panel{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-raised);min-height:4.5rem;margin-top:1.25rem;padding:1.1rem 1.3rem;display:block}.node-panel h3{margin:0 0 .3rem;font-size:1rem}.node-panel p{color:var(--muted);margin:0}.node-descriptions{gap:1rem;margin-top:1.5rem;display:none}.node-descriptions article h3{margin:0 0 .25rem;font-size:1rem}.node-descriptions article p{color:var(--muted);margin:0}.facts{gap:.75rem 1.5rem;margin:0;display:grid}.fact{border-left:2px solid var(--border);padding-left:1rem}.fact dt{font-family:var(--font-mono);color:var(--muted);margin-bottom:.15rem;font-size:.8rem}.fact dd{margin:0}.fact dd+dd{margin-top:.15rem}