@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{color-scheme:light dark;--bg:#fff;--text:#171717;--muted:#717171;--line:#e8e8e8;--soft:#f7f7f7;--max:760px;--reading:720px;font-family:Inter,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#111;--text:#eee;--muted:#999;--line:#2b2b2b;--soft:#181818}}:root[data-theme=light]{color-scheme:light;--bg:#fff;--text:#171717;--muted:#717171;--line:#e8e8e8;--soft:#f7f7f7}:root[data-theme=dark]{color-scheme:dark;--bg:#111;--text:#eee;--muted:#999;--line:#2b2b2b;--soft:#181818}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:.18em}a:hover{color:var(--muted)}button,input{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.035em;margin-top:0;line-height:1.2}h1{font-size:clamp(2.25rem,6vw,3.5rem)}h2{font-size:1.6rem}h3{font-size:1.15rem}:focus-visible{outline-offset:3px;outline:2px solid}.shell,.header-inner,.footer-inner{width:min(calc(100% - 3rem), var(--max));margin-inline:auto}.skip-link{z-index:100;background:var(--text);color:var(--bg);padding:.5rem .75rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 94%, transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.wordmark{font-size:.95rem;text-decoration:none}.desktop-nav,.header-actions,.site-footer nav{align-items:center;gap:1.25rem;display:flex}.desktop-nav a,.site-footer a{color:var(--muted);font-size:.85rem;text-decoration:none}.desktop-nav a[aria-current=page]{color:var(--text)}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:var(--soft)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.75px;width:18px;height:18px}.theme-toggle .moon,[data-theme=dark] .theme-toggle .sun{display:none}[data-theme=dark] .theme-toggle .moon{display:block}.menu-toggle{display:none}.mobile-nav{width:min(calc(100% - 3rem), var(--max));margin:auto;padding:0 0 1rem}.mobile-nav a{border-top:1px solid var(--line);padding:.55rem 0;text-decoration:none;display:block}.hero h1{max-width:680px;margin-bottom:1.25rem}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:none;margin:0 0 1rem;font-size:.8rem;font-weight:500}.hero-lede{max-width:570px;color:var(--muted);margin:0 0 2rem;font-size:1.1rem}.actions{flex-wrap:wrap;gap:1rem;display:flex}.button{background:0 0;border:0;padding:0;font-size:.9rem}.button.primary{font-weight:600}.section{padding:4rem 0}.section+.section{padding-top:1rem}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:0;padding-bottom:1rem;display:flex}.section-head h2{margin:0}.section-head .eyebrow{display:none}.section-head>a{color:var(--muted);font-size:.85rem;text-decoration:none}.grid,.blog-list{background:0 0;border:0;display:block}.post-card{border-bottom:1px solid var(--line);background:0 0;padding:1.5rem 0}.post-card h3{letter-spacing:-.02em;margin:.35rem 0;font-size:1.15rem}.post-card h3 a{text-decoration:none}.post-card p{color:var(--muted);margin:.4rem 0;font-size:.92rem}.post-meta{color:var(--muted);gap:.45rem;font-size:.75rem;display:flex}.tag-list,.tech-list{flex-wrap:wrap;gap:.65rem;margin:.7rem 0 0;padding:0;list-style:none;display:flex}.tag-list a,.tech-list li{color:var(--muted);border:0;padding:0;font-size:.75rem;text-decoration:none}.project-grid{display:block}.project-card{border:0;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;padding:1.5rem 0}.project-card h2{margin:.35rem 0;font-size:1.25rem}.project-card p{color:var(--muted);margin:.5rem 0;font-size:.92rem}.project-links{gap:1rem;margin-top:1rem;font-size:.85rem;display:flex}.page-head{border-bottom:1px solid var(--line);padding:5rem 0 2.5rem}.page-head h1{margin-bottom:1rem}.page-head p{max-width:600px;color:var(--muted);margin:0}.filters{flex-wrap:wrap;gap:.6rem;margin:2rem 0;display:flex}.filter{border:1px solid var(--line);border-radius:2rem;padding:.25rem .6rem;font-size:.75rem;text-decoration:none}.filter.active{background:var(--text);color:var(--bg)}.blog-list .post-card{padding:1.5rem 0;display:block}.blog-list .post-card>*{grid-column:auto}.article-header{border-bottom:1px solid var(--line);padding:4rem 0 2.5rem}.article-header h1{max-width:720px;margin:.8rem 0 1rem}.breadcrumbs{color:var(--muted);font-size:.75rem}.breadcrumbs ol{flex-wrap:wrap;gap:.4rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.article-layout{width:min(calc(100% - 3rem), var(--reading));margin:auto;padding:2.5rem 0;display:block}.toc{background:var(--soft);margin-bottom:3rem;padding:1rem 1.25rem}.toc h2{margin:0 0 .75rem;font-size:.8rem}.toc ol{columns:2;column-gap:2rem;margin:0;padding-left:1rem}.toc li{break-inside:avoid;margin:.25rem 0}.toc a{color:var(--muted);font-size:.75rem;text-decoration:none}.prose{font-size:1rem}.prose>p:first-child{font-size:1.08rem}.prose h2{margin-top:3rem;font-size:1.65rem}.prose h3{margin-top:2.25rem;font-size:1.25rem}.prose pre{color:#eee;border-radius:4px;padding:1.25rem;font-size:.82rem;position:relative;overflow:auto;background:#171717!important}.prose code:not(pre code){background:var(--soft);padding:.12rem .3rem;font-size:.9em}.prose table{border-collapse:collapse;font-size:.85rem;display:block;overflow:auto}.prose th,.prose td{border:1px solid var(--line);padding:.5rem}.copy-code{color:#ddd;background:#222;border:1px solid #444;padding:.2rem .45rem;font-size:.7rem;position:absolute;top:.6rem;right:.6rem}.share-row{border-top:1px solid var(--line);flex-wrap:wrap;gap:.6rem;margin-top:3rem;padding-top:1.5rem;display:flex}.share-row button,.share-row a{color:var(--muted);background:0 0;border:0;padding:0;font-size:.8rem}.post-nav{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid}.post-nav a{border:1px solid var(--line);padding:1rem;font-size:.8rem;text-decoration:none}.related{width:min(calc(100% - 3rem), var(--reading));margin:4rem auto}.content-page,.search-wrap{max-width:var(--max)}.content-page{padding-top:3rem}.content-page h2{margin-top:2.5rem}.callout{background:var(--soft);margin:2rem 0;padding:1rem}.contact-links{border-top:1px solid var(--line);margin-top:2rem;display:block}.contact-links a{border-bottom:1px solid var(--line);justify-content:space-between;padding:1rem 0;text-decoration:none;display:flex}.search-input{border:1px solid var(--line);background:var(--bg);width:100%;padding:.85rem}.search-results{margin-top:2rem}.site-footer{border-top:1px solid var(--line);margin-top:5rem}.footer-inner{min-height:88px;color:var(--muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}@media (width<=700px){.desktop-nav{display:none}.menu-toggle{display:grid}.hero{padding:5rem 0 4rem}.section{padding:3rem 0}.page-head{padding-top:4rem}.toc ol{columns:1}.post-nav{grid-template-columns:1fr}.footer-inner{flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root,:root[data-theme=light]{--bg:#fdfdfc;--muted:#747474;--line:#e7e7e4;--soft:#f5f5f2}body{text-rendering:optimizelegibility}::selection{background:var(--text);color:var(--bg)}a{transition:color .18s,text-decoration-color .18s}.wordmark{align-items:center;gap:.55rem;display:flex}.wordmark .availability{background:#369461;border-radius:50%;width:5px;height:5px}.desktop-nav a{position:relative}.desktop-nav a[aria-current=page]:after{content:"";background:currentColor;height:1px;position:absolute;bottom:-.45rem;left:0;right:0}.hero{padding:7.5rem 0 6.5rem}.hero h1{letter-spacing:-.048em;margin-bottom:1.4rem;font-weight:600}.button{border-bottom:1px solid var(--line);padding-bottom:.15rem;text-decoration:none;position:relative}.button:hover{border-color:var(--text);color:var(--text)}.post-card{padding-block:1.65rem;transition:padding-left .2s;position:relative}.post-card:before{content:"";background:var(--text);width:0;height:1px;transition:width .2s;position:absolute;top:2.2rem;left:0}.post-card:hover{padding-left:1rem}.post-card:hover:before{width:.4rem}.project-card{padding-block:1.75rem}.prose{font-size:1.02rem;line-height:1.78}.prose p{margin:1.25em 0}.prose blockquote{border-left:2px solid var(--line);color:var(--muted);margin:2rem 0;padding-left:1.25rem}.site-footer{margin-top:6rem}@media (prefers-reduced-motion:reduce){.post-card:hover{padding-left:0}.post-card:hover:before{width:0}}