:root{--surface:#fafafa;--surface-raised:#f2f3f1;--surface-card:#fff;--surface-hover:#f7f8f6;--nav-bg:#fafafae6;--text:#181a18;--muted:#525852;--muted-light:#505550;--line:#e1e3de;--line-subtle:#eeefeb;--accent:#1e6b38;--accent-hover:#154c27;--accent-soft:#e8f5ec;--accent-contrast:#fff;--obsidian:#7c3aed;--obsidian-soft:#f3e8ff;--obsidian-border:#d8b4fe;--badge-active-bg:#e6f6ec;--badge-active-text:#114e27;--badge-active-border:#9ae6b4;--badge-ai-bg:#eff6ff;--badge-ai-text:#173b9e;--badge-ai-border:#93c5fd;--badge-web-bg:#fdf2f8;--badge-web-text:#7e1687;--badge-web-border:#f5d0fe;--badge-utility-bg:#f3f4f6;--badge-utility-text:#2c333f;--badge-utility-border:#d1d5db;--content:72rem;--nav-content:68rem;--radius:.5rem;--radius-sm:.35rem;--radius-lg:.85rem;--radius-xl:1.15rem;--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:Charter, "Bitstream Charter", "Iowan Old Style", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace}[data-theme=dark]{--surface:#111311;--surface-raised:#181b18;--surface-card:#1d211d;--surface-hover:#262c26;--nav-bg:#111311e6;--text:#f2f4f2;--muted:#b0b8b0;--muted-light:#a4aca4;--line:#2c312c;--line-subtle:#222622;--accent:#34d399;--accent-hover:#10b981;--accent-soft:#122619;--accent-contrast:#07170a;--obsidian:#a78bfa;--obsidian-soft:#2e1065;--obsidian-border:#6b21a8;--badge-active-bg:#10331b;--badge-active-text:#68d391;--badge-active-border:#1e5e33;--badge-ai-bg:#14244d;--badge-ai-text:#a5caff;--badge-ai-border:#234794;--badge-web-bg:#400b44;--badge-web-text:#f5a3ff;--badge-web-border:#72197a;--badge-utility-bg:#222731;--badge-utility-text:#e2e8f0;--badge-utility-border:#3d4757}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface);color:var(--text);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;transition:background-color .2s,color .2s;overflow-x:clip}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.skip-link{z-index:1000;background:var(--text);color:var(--surface);border-radius:var(--radius-sm);padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:1.25rem}.skip-link:focus{outline:2px solid var(--accent);top:1rem}.container{width:min(calc(100% - 2.5rem), var(--content));margin-inline:auto}.home-hero{max-width:56rem;padding-block:5rem 3.5rem}.home-hero h1{font-family:var(--font-serif);letter-spacing:-.035em;color:var(--text);margin:0;font-size:clamp(2.2rem,5.5vw,4.25rem);line-height:1.1}.home-hero p.hero-lead{max-width:44rem;color:var(--muted);margin:1.4rem 0 0;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.6}.btn-group{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:2rem;display:flex}.btn-primary{border-radius:var(--radius);background:var(--accent);min-height:2.75rem;color:var(--accent-contrast);border:1px solid var(--accent);align-items:center;padding-inline:1.35rem;font-size:.95rem;font-weight:650;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.btn-primary:hover{background:var(--accent-hover);color:var(--accent-contrast);transform:translateY(-1px)}.btn-secondary{border-radius:var(--radius);background:var(--surface-card);min-height:2.75rem;color:var(--text);border:1px solid var(--line);align-items:center;padding-inline:1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--text);background:var(--surface-raised);transform:translateY(-1px)}.home-section{border-top:1px solid var(--line);padding-block:4rem}.section-header{margin-bottom:2.5rem}.section-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:inline-flex}.section-title{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--text);margin:0;font-size:clamp(1.75rem,3.2vw,2.35rem);line-height:1.2}.section-desc{max-width:44rem;color:var(--muted);margin:.5rem 0 0;font-size:1rem;line-height:1.55}.badge{font-family:var(--font-mono);letter-spacing:.05em;border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.badge-active{background:var(--badge-active-bg);color:var(--badge-active-text);border:1px solid var(--badge-active-border)}.badge-ai{background:var(--badge-ai-bg);color:var(--badge-ai-text);border:1px solid var(--badge-ai-border)}.badge-web{background:var(--badge-web-bg);color:var(--badge-web-text);border:1px solid var(--badge-web-border)}.badge-utility{background:var(--badge-utility-bg);color:var(--badge-utility-text);border:1px solid var(--badge-utility-border)}.badge-medium{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent)}.badge-obsidian{background:var(--obsidian-soft);color:var(--obsidian);border:1px solid var(--obsidian-border)}.editorial-layout{grid-template-columns:1.3fr 1fr;align-items:stretch;gap:2rem;display:grid}.lead-article{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.lead-article:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #0000000d}.lead-thumb-wrapper{aspect-ratio:16/9;background:var(--surface-raised);border-bottom:1px solid var(--line);width:100%;overflow:hidden}.lead-thumb{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.lead-article:hover .lead-thumb{transform:scale(1.02)}.lead-content{flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.6rem;display:flex}.lead-meta-row{align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.lead-title{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--text);margin:0 0 .75rem;font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.25}.lead-title a{text-decoration:none}.lead-title a:hover{color:var(--accent)}.lead-summary{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.companion-list{flex-direction:column;gap:1.5rem;display:flex}.companion-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.5rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.companion-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #0000000d}.companion-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text);margin:0 0 .5rem;font-size:1.2rem;line-height:1.25}.companion-title a{text-decoration:none}.companion-title a:hover{color:var(--accent)}.companion-summary{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.showcase-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.showcase-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-lg);color:inherit;flex-direction:column;gap:1.25rem;padding:2rem;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.showcase-card:hover{border-color:var(--obsidian);transform:translateY(-2px);box-shadow:0 6px 20px #0000000d}[data-theme=dark] .showcase-card:hover{box-shadow:0 6px 20px #0000004d}.showcase-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.showcase-title-row{align-items:center;gap:.6rem;display:flex}.showcase-icon{font-size:1.25rem;line-height:1}.showcase-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.35rem}.showcase-badges{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.showcase-desc{color:var(--muted);max-width:52rem;margin:0;font-size:.95rem;line-height:1.6}.showcase-highlights{flex-wrap:wrap;gap:.5rem;display:flex}.showcase-tag{background:var(--surface-raised);border:1px solid var(--line-subtle);color:var(--muted);border-radius:9999px;align-items:center;padding:.25rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.showcase-footer{border-top:1px solid var(--line-subtle);flex-wrap:wrap;align-items:center;gap:.85rem;padding-top:1rem;display:flex}.btn-obsidian{color:#fff;border-radius:var(--radius);background:#6d28d9;border:1px solid #6d28d9;align-items:center;min-height:2.75rem;padding-inline:1.25rem;font-size:.92rem;font-weight:650;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.btn-obsidian:hover{color:#fff;background:#5b21b6;transform:translateY(-1px)}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.75rem;display:grid}.card-thumb-wrapper{aspect-ratio:16/9;background:var(--surface-raised);border-bottom:1px solid var(--line);width:100%;overflow:hidden}.card-thumb{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.medium-card:hover .card-thumb{transform:scale(1.03)}.card-content{flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.4rem;display:flex}.card-meta{font-family:var(--font-mono);color:var(--muted-light);margin-bottom:.5rem;font-size:.8rem;display:block}.card-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text);margin:0 0 .65rem;font-size:1.3rem;line-height:1.25}.card-title a{text-decoration:none}.card-title a:hover{color:var(--accent)}.card-summary{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.card-action{border-top:1px solid var(--line-subtle);color:var(--accent);justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1rem;font-size:.88rem;font-weight:650;display:flex}.card-action a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.project-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;padding:1.5rem;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.project-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #0000000d}.project-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.project-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.2rem;font-weight:700}.project-desc{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.project-meta-row{color:var(--muted-light);font-size:.8rem;font-family:var(--font-mono);align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.lang-indicator{align-items:center;gap:.35rem;display:inline-flex}.lang-dot{background:var(--accent);border-radius:50%;width:.55rem;height:.55rem}.project-footer{border-top:1px solid var(--line-subtle);color:var(--accent);justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1rem;font-size:.88rem;font-weight:650;display:flex}.medium-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.medium-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #0000000d}@media (width<=60rem){.editorial-layout{grid-template-columns:1fr;gap:1.5rem}}@media (width<=48rem){.container{width:min(calc(100% - 1.5rem), var(--content))}.home-hero{padding-block:3.5rem 2.5rem}.home-hero h1{font-size:clamp(2rem,7.5vw,2.75rem)}.home-hero p.hero-lead{font-size:1.05rem}.btn-group{grid-template-columns:1fr 1fr;gap:.65rem;width:100%;display:grid}.btn-primary,.btn-secondary{justify-content:center;padding-inline:.75rem;font-size:.9rem}.showcase-card{gap:1rem;padding:1.25rem}.showcase-desc{font-size:.92rem}.showcase-highlights{gap:.4rem}.showcase-tag{padding:.2rem .55rem;font-size:.78rem}.showcase-footer{flex-direction:column;align-items:stretch}.showcase-footer .btn-obsidian,.showcase-footer .btn-secondary{justify-content:center;width:100%}.home-section{padding-block:3rem}.cards-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=25rem){.btn-group{grid-template-columns:1fr}}@keyframes heroFadeIn{0%{opacity:.85;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}[data-animate-item]{animation:.45s cubic-bezier(.16,1,.3,1) both heroFadeIn}[data-animate-item]:first-child{animation-delay:30ms}[data-animate-item]:nth-child(2){animation-delay:80ms}[data-animate-item]:nth-child(3){animation-delay:.14s}@keyframes cardReveal{0%{transform:translateY(14px)}to{transform:translateY(0)}}.reveal-in{animation:.45s cubic-bezier(.16,1,.3,1) both cardReveal}@media (prefers-reduced-motion:reduce){[data-animate-item],.reveal-in{animation:none!important}}