:root{color-scheme:light;--color-bg:#f6f7f2;--color-surface:#fffefa;--color-text:#111615;--color-text-muted:#5f6865;--color-border:#d8ddd4;--color-accent:#0f766e;--color-accent-hover:#0b5f59;--color-accent-warm:#b8752a;--color-code-bg:#edf1e9;--color-focus:#2563eb;--color-success:#2f6b4f;--font-sans:Geist, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--layout-page:1120px;--layout-wide:1280px;--layout-reading:740px;--gutter:48px;--header-height:72px;--radius-sm:4px;--radius-md:8px;--shadow-subtle:0 12px 30px #17161514;--motion-base:.18s;--ease-standard:cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg:#111512;--color-surface:#1b211d;--color-text:#f4f0e7;--color-text-muted:#b4bdae;--color-border:#343c35;--color-accent:#7dd3c7;--color-accent-hover:#a7f3d0;--color-accent-warm:#e2a65c;--color-code-bg:#0d110f;--color-focus:#93c5fd;--color-success:#7cc69c}}:root[data-theme=dark]{color-scheme:dark;--color-bg:#111512;--color-surface:#1b211d;--color-text:#f4f0e7;--color-text-muted:#b4bdae;--color-border:#343c35;--color-accent:#7dd3c7;--color-accent-hover:#a7f3d0;--color-accent-warm:#e2a65c;--color-code-bg:#0d110f;--color-focus:#93c5fd;--color-success:#7cc69c}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.7}body:before{content:"";pointer-events:none;background:linear-gradient(to right, transparent calc(100% - 1px), color-mix(in srgb, var(--color-border) 36%, transparent) 1px), linear-gradient(to bottom, transparent calc(100% - 1px), color-mix(in srgb, var(--color-border) 26%, transparent) 1px);background-size:72px 72px;position:fixed;inset:0;mask-image:linear-gradient(#0000002e,#0000 480px)}a{color:inherit;text-decoration-color:color-mix(in srgb, var(--color-accent) 55%, transparent);text-underline-offset:.2em;transition:color var(--motion-base) var(--ease-standard), text-decoration-color var(--motion-base) var(--ease-standard);text-decoration-thickness:1px}a:hover{color:var(--color-accent-hover);text-decoration-color:currentColor}img,svg{max-width:100%}button,input,textarea{font:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{background:color-mix(in srgb, var(--color-accent) 24%, transparent)}.skip-link{z-index:100;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-sm);padding:8px 12px;position:fixed;top:12px;left:12px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.site-shell{flex-direction:column;min-height:100vh;display:flex}.container{width:min(100% - (var(--gutter) * 2), var(--layout-page));margin-inline:auto}.wide-container{width:min(100% - (var(--gutter) * 2), var(--layout-wide));margin-inline:auto}.reading-container{width:min(100% - (var(--gutter) * 2), var(--layout-reading));margin-inline:auto}.page-section{border-top:1px solid var(--color-border);padding-block:96px}.eyebrow{color:var(--color-accent);text-transform:uppercase;margin:0 0 16px;font-size:13px;font-weight:700;line-height:1.4}.section-heading{max-width:780px;margin:0;font-size:34px;line-height:1.14}.section-copy{max-width:720px;color:var(--color-text-muted);margin:16px 0 0;font-size:18px}.cluster{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tag{border:1px solid var(--color-border);min-height:28px;color:var(--color-text-muted);border-radius:999px;align-items:center;padding:2px 9px;font-size:13px;line-height:1.3;display:inline-flex}.meta{color:var(--color-text-muted);font-size:14px;line-height:1.5}.arrow-link{color:var(--color-accent);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.arrow-link span{transition:transform var(--motion-base) var(--ease-standard)}.arrow-link:hover span{transform:translate(3px)}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px;display:grid}.content-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 90%, transparent);min-height:100%;transition:transform var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard);flex-direction:column;gap:18px;padding:24px;text-decoration:none;display:flex}.content-card:hover{border-color:color-mix(in srgb, var(--color-accent) 44%, var(--color-border));transform:translateY(-2px)}.visual-panel{aspect-ratio:3/2;border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 16%, transparent), transparent 42%), linear-gradient(to bottom, color-mix(in srgb, var(--color-surface) 76%, var(--color-bg)), var(--color-bg));min-height:168px;position:relative;overflow:hidden}.visual-panel img{object-fit:cover;width:100%;height:100%;display:block}.visual-panel.has-image:before,.visual-panel.has-image:after{content:none}.visual-panel:before,.visual-panel:after{content:"";border:1px solid color-mix(in srgb, var(--color-accent) 50%, var(--color-border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-surface) 84%, transparent);position:absolute}.visual-panel:before{width:42%;height:38%;top:18%;left:12%}.visual-panel:after{width:34%;height:28%;bottom:18%;right:12%}.visual-line{background:var(--color-accent);height:1px;position:absolute;top:50%;left:30%;right:30%}.prose{color:var(--color-text);font-size:18px;line-height:1.75}.prose>*{margin-block:0 1.2em}.prose h2,.prose h3{margin-top:2.2em;line-height:1.2}.prose h2{font-size:28px}.prose h3{font-size:22px}.prose p,.prose li{color:color-mix(in srgb, var(--color-text) 88%, var(--color-text-muted))}.prose pre{border-radius:var(--radius-md);background:var(--color-code-bg);font-family:var(--font-mono);padding:18px;font-size:14px;line-height:1.65;overflow-x:auto}.prose code{font-family:var(--font-mono);font-size:.9em}.prose :not(pre)>code{border-radius:var(--radius-sm);background:var(--color-code-bg);padding:.08em .28em}.prose blockquote{border-left:3px solid var(--color-accent);color:var(--color-text-muted);margin-left:0;padding-left:20px}.prose figure{margin:2.2em 0}.prose img{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;height:auto;display:block}.prose figcaption{color:var(--color-text-muted);margin-top:10px;font-size:14px;line-height:1.55}.prose .project-screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:2.2em 0;display:grid}.prose .project-screenshot-grid figure{margin:0}.prose .project-screenshot-grid img{aspect-ratio:16/9;object-fit:cover;object-position:top left}.text-center{text-align:center}.text-center img{width:auto;max-height:520px}.prose table{border-collapse:collapse;width:100%;font-size:15px}.prose th,.prose td{border-bottom:1px solid var(--color-border);text-align:left;padding:10px 12px}@media (width<=900px){:root{--gutter:24px}.card-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){:root{--gutter:20px}body{font-size:16px}.page-section{padding-block:64px}.section-heading{font-size:28px}.card-grid,.prose .project-screenshot-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.logo[data-astro-cid-f7espo7c]{color:var(--color-text);align-items:center;font-size:20px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.logo[data-astro-cid-f7espo7c]:after{content:"";background:var(--color-accent);border-radius:50%;width:7px;height:7px;margin-left:6px}.logo-compact[data-astro-cid-f7espo7c]{border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:center;width:32px;height:32px}.logo-compact[data-astro-cid-f7espo7c]:after{display:none}.theme-toggle[data-astro-cid-l6lhmie6]{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--color-text);cursor:pointer;background:0 0;place-items:center;display:inline-grid}.theme-toggle[data-astro-cid-l6lhmie6] svg[data-astro-cid-l6lhmie6]{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;grid-area:1/1;width:18px;height:18px}:root[data-theme=dark] .theme-toggle[data-astro-cid-l6lhmie6] .sun[data-astro-cid-l6lhmie6],:root:not([data-theme=dark]) .theme-toggle[data-astro-cid-l6lhmie6] .moon[data-astro-cid-l6lhmie6]{opacity:0}.brand-icon[data-astro-cid-l6zidspz]{flex:none;width:18px;height:18px}.site-header[data-astro-cid-fzpbxy5g]{z-index:10;min-height:var(--header-height);border-bottom:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);background:color-mix(in srgb, var(--color-bg) 88%, transparent);backdrop-filter:blur(16px);position:sticky;top:0}.header-inner[data-astro-cid-fzpbxy5g]{min-height:var(--header-height);grid-template-columns:1fr auto auto;align-items:center;gap:24px;display:grid}.site-nav[data-astro-cid-fzpbxy5g]{align-items:center;gap:22px;display:flex}.site-nav[data-astro-cid-fzpbxy5g] a[data-astro-cid-fzpbxy5g]{color:var(--color-text-muted);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.site-nav[data-astro-cid-fzpbxy5g] a[data-astro-cid-fzpbxy5g]:hover{color:var(--color-text)}@media (width<=640px){.header-inner[data-astro-cid-fzpbxy5g]{grid-template-columns:1fr auto;gap:12px;padding-block:14px}.site-nav[data-astro-cid-fzpbxy5g]{order:3;grid-column:1/-1;gap:16px;padding-bottom:2px;overflow-x:auto}}.site-footer[data-astro-cid-nns7i3if]{border-top:1px solid var(--color-border);margin-top:auto;padding-block:56px 28px}.footer-grid[data-astro-cid-nns7i3if]{grid-template-columns:minmax(0,1fr) auto auto;gap:48px;display:grid}.footer-brand[data-astro-cid-nns7i3if]{color:var(--color-text);margin-bottom:12px;font-weight:700;text-decoration:none;display:inline-flex}.footer-grid[data-astro-cid-nns7i3if] p[data-astro-cid-nns7i3if]{max-width:420px;color:var(--color-text-muted);margin:0;font-size:15px}nav[data-astro-cid-nns7i3if]{align-content:start;gap:8px;display:grid}nav[data-astro-cid-nns7i3if] a[data-astro-cid-nns7i3if]{color:var(--color-text-muted);align-items:center;gap:8px;font-size:14px;text-decoration:none;display:inline-flex}.footer-bottom[data-astro-cid-nns7i3if]{border-top:1px solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;gap:20px;margin-top:48px;padding-top:20px;font-size:13px;display:flex}@media (width<=760px){.footer-grid[data-astro-cid-nns7i3if],.footer-bottom[data-astro-cid-nns7i3if]{flex-direction:column;grid-template-columns:1fr}}