@charset "UTF-8";:root{color-scheme:light dark;--color-paper:#ffffff;--color-paper-alt:#f6f8fa;--color-paper-sunken:#eaeef2;--color-card:#ffffff;--color-ink:#0d1117;--color-ink-muted:#57606a;--color-ink-faint:#8d96a0;--color-rule:rgba(31, 35, 40, 0.12);--color-rule-strong:rgba(31, 35, 40, 0.24);--color-signal:#0066cc;--color-signal-hover:#0052a3;--color-signal-wash:rgba(0, 102, 204, 0.10);--color-signal-ink:#ffffff;--color-focus:#0066cc;--color-shadow:rgba(31, 35, 40, 0.08);--color-shadow-hover:rgba(31, 35, 40, 0.12);--color-glow:rgba(0, 102, 204, 0.10);--color-success:#2da44e;--color-danger:#cf222e;--color-warning:#bf8700;--font-display:"Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-sans:"Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Monaco,"Cascadia Code",Consolas,monospace;--font-outlier:"JetBrains Mono","SF Mono",Monaco,"Cascadia Code",Consolas,monospace;--text-display:clamp(2.5rem, 5.5vw, 4.25rem);--text-display-s:clamp(1.85rem, 4vw, 2.75rem);--text-section:clamp(1.4rem, 2.75vw, 2.0rem);--text-title:1.4rem;--text-lead:1.15rem;--text-body:1.0rem;--text-sm:0.875rem;--text-xs:0.75rem;--space-2xs:0.25rem;--space-xs:0.5rem;--space-sm:1.0rem;--space-md:1.5rem;--space-lg:2.0rem;--space-xl:3.0rem;--space-2xl:4.0rem;--space-3xl:6.0rem;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-pill:100px;--rule-hair:1px;--max-width:1200px;--max-width-narrow:800px;--gutter:var(--space-md);--nav-height:undefined;--dur-micro:120ms;--dur-short:200ms;--dur-medium:320ms;--ease-standard:cubic-bezier(0.4, 0, 0.2, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in:cubic-bezier(0.4, 0, 1, 1);--transition:var(--dur-short) var(--ease-standard);--shadow:color-mix(in srgb, var(--color-ink) 8%, transparent);--shadow-hover:color-mix(in srgb, var(--color-ink) 14%, transparent);--glow:var(--color-signal-wash);--bg:var(--color-paper);--bg-alt:var(--color-paper-alt);--card:var(--color-card);--primary:var(--color-ink);--secondary:var(--color-ink-muted);--tertiary:var(--color-ink-faint);--muted:var(--color-ink-faint);--accent:var(--color-signal);--accent-hover:var(--color-signal-hover);--border:var(--color-rule);--border-radius:var(--radius-md);--border-radius-sm:var(--radius-sm);--tabs-bg:var(--color-paper-alt);--tabs-item-bg-active:var(--color-card);--tabs-text:var(--color-ink-muted);--tabs-text-active:var(--color-signal);--tabs-radius:var(--radius-pill);--icon-size-feature:3.5rem;--step-number-size:40px;--step-number-bg:var(--color-signal);--step-number-color:var(--color-signal-ink);--step-number-font-size:20px;--step-number-font-weight:700;--step-gap:var(--space-lg);--shadow:rgba(31, 35, 40, 0.08);--shadow-hover:rgba(31, 35, 40, 0.12);--glow:rgba(0, 102, 204, 0.1)}@media (prefers-color-scheme:dark){:root{--color-paper:#000000;--color-paper-alt:#0a0a0a;--color-paper-sunken:#050505;--color-card:#0a0a0a;--color-ink:#f0f4f8;--color-ink-muted:#8c9ba5;--color-ink-faint:#8c9ba5;--color-rule:rgba(255, 255, 255, 0.08);--color-rule-strong:rgba(255, 255, 255, 0.16);--color-signal:#818cf8;--color-signal-hover:#a5b4fc;--color-signal-wash:rgba(129, 140, 248, 0.15);--color-signal-ink:#000000;--color-focus:#818cf8;--color-shadow:rgba(0, 0, 0, 0.60);--color-shadow-hover:rgba(129, 140, 248, 0.20);--color-glow:rgba(129, 140, 248, 0.10);--color-success:#3fb950;--color-danger:#f85149;--color-warning:#d29922;--shadow:rgba(0, 0, 0, 0.4);--shadow-hover:rgba(64, 169, 255, 0.2);--glow:rgba(64, 169, 255, 0.1);--tabs-item-bg-active:#21262d}}[data-theme=light]{--color-paper:#ffffff;--color-paper-alt:#f6f8fa;--color-paper-sunken:#eaeef2;--color-card:#ffffff;--color-ink:#0d1117;--color-ink-muted:#57606a;--color-ink-faint:#8d96a0;--color-rule:rgba(31, 35, 40, 0.12);--color-rule-strong:rgba(31, 35, 40, 0.24);--color-signal:#0066cc;--color-signal-hover:#0052a3;--color-signal-wash:rgba(0, 102, 204, 0.10);--color-signal-ink:#ffffff;--color-focus:#0066cc;--color-shadow:rgba(31, 35, 40, 0.08);--color-shadow-hover:rgba(31, 35, 40, 0.12);--color-glow:rgba(0, 102, 204, 0.10);--color-success:#2da44e;--color-danger:#cf222e;--color-warning:#bf8700;--shadow:rgba(31, 35, 40, 0.08);--shadow-hover:rgba(31, 35, 40, 0.12);--glow:rgba(0, 102, 204, 0.1)}[data-theme=dark]{--color-paper:#000000;--color-paper-alt:#0a0a0a;--color-paper-sunken:#050505;--color-card:#0a0a0a;--color-ink:#f0f4f8;--color-ink-muted:#8c9ba5;--color-ink-faint:#8c9ba5;--color-rule:rgba(255, 255, 255, 0.08);--color-rule-strong:rgba(255, 255, 255, 0.16);--color-signal:#818cf8;--color-signal-hover:#a5b4fc;--color-signal-wash:rgba(129, 140, 248, 0.15);--color-signal-ink:#000000;--color-focus:#818cf8;--color-shadow:rgba(0, 0, 0, 0.60);--color-shadow-hover:rgba(129, 140, 248, 0.20);--color-glow:rgba(129, 140, 248, 0.10);--color-success:#3fb950;--color-danger:#f85149;--color-warning:#d29922;--shadow:rgba(0, 0, 0, 0.4);--shadow-hover:rgba(64, 169, 255, 0.2);--glow:rgba(64, 169, 255, 0.1);--tabs-item-bg-active:#21262d}*,::after,::before{margin:0;padding:0;box-sizing:border-box}.hidden,[hidden]{display:none!important}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--font-sans);color:var(--primary);background-color:var(--bg);line-height:1.6;overflow-x:clip}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--primary);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:break-word;min-width:0}a{color:var(--accent);text-decoration:none;transition:color var(--dur-micro) var(--ease-standard)}a:hover{color:var(--accent-hover)}p{margin-bottom:var(--space-md);text-wrap:pretty}canvas,iframe,img,video{max-width:100%;height:auto;display:block}.interactive-demo-focus:focus-visible,:focus-visible{outline:2px solid var(--focus,var(--accent))!important;outline-offset:3px!important;transition:none!important}.btn:disabled,:disabled,[disabled],button:disabled,input:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}blockquote{font-size:clamp(1.8rem, 4.5vw, 3.25rem);margin:var(--space-lg) 0;padding-left:var(--space-md);border-left:2px solid var(--accent);font-weight:700;color:var(--primary);line-height:1.25;letter-spacing:-.02em;font-style:italic}.brand-statement{font-size:var(--text-section);line-height:1.35;font-weight:600;color:var(--primary);padding-left:var(--space-md);border-left:2px solid var(--accent);margin:var(--space-xl) 0;max-width:48ch;font-style:normal}.brand-statement cite{display:block;font-size:var(--text-sm);font-weight:400;color:var(--secondary);font-family:var(--font-mono);margin-top:var(--space-xs);font-style:normal}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.8rem 1.75rem;border-radius:100px;font-weight:600;font-size:.95rem;cursor:pointer;border:none;text-decoration:none;white-space:nowrap;user-select:none;transition:transform var(--dur-micro) var(--ease-standard),background-color var(--dur-short) var(--ease-standard),border-color var(--dur-short) var(--ease-standard),color var(--dur-short) var(--ease-standard)}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--color-signal-ink);box-shadow:0 4px 12px var(--glow)}.btn-primary:hover{background:var(--accent-hover);color:var(--color-signal-ink);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:0 0;color:var(--primary);border:none}.btn-secondary:hover{background:var(--bg-alt);color:var(--accent);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-outline{background:0 0;color:var(--primary);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-outline:active{transform:translateY(0)}.btn-ghost{background:0 0;color:var(--secondary);border:none}.btn-ghost:hover{background:var(--bg-alt);color:var(--primary)}.btn-ghost:active{transform:translateY(0)}.btn-liquid-glass{background:color-mix(in srgb,var(--color-paper) 70%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 0 color-mix(in srgb,var(--primary) 25%,transparent),0 8px 24px var(--shadow)}.btn-liquid-glass:hover{background:color-mix(in srgb,var(--color-paper) 85%,transparent);border-color:var(--accent);color:var(--accent);box-shadow:inset 0 1px 0 0 color-mix(in srgb,var(--accent) 35%,transparent),0 12px 28px var(--glow)}.btn-liquid-glass:active{transform:translateY(1px)}.liquid-glass-card{background:color-mix(in srgb,var(--color-paper) 70%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:var(--border-radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 0 color-mix(in srgb,var(--primary) 22%,transparent),0 12px 32px var(--shadow);padding:var(--space-xl);transition:border-color var(--dur-micro) var(--ease-standard)}.liquid-glass-card:hover{border-color:var(--accent)}.liquid-glass-pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-paper) 70%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 0 color-mix(in srgb,var(--primary) 22%,transparent);font-family:var(--font-mono);font-size:var(--text-xs)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:.85rem}.btn-lg{padding:var(--space-sm) var(--space-lg);font-size:1.1rem}code{font-family:var(--font-mono);font-size:.9em;font-variant-numeric:tabular-nums;background:var(--bg-alt);padding:.2em .4em;border-radius:var(--border-radius-sm);color:var(--accent)}pre{font-family:var(--font-mono);font-size:.9em;background:var(--paper-sunken);color:var(--primary);border:1px solid var(--border);border-radius:var(--border-radius-sm);padding:var(--space-md);overflow-x:auto;margin-bottom:var(--space-md);line-height:1.5;position:relative}pre code{background:0 0;padding:0;color:var(--primary);font-size:1em}.highlight{background:var(--bg-alt);border-radius:var(--border-radius);margin-bottom:var(--space-md)}.highlight pre{margin-bottom:0;background:0 0;border:none}.highlight .c{color:var(--tertiary);font-style:italic}.highlight .k{color:var(--color-danger);font-weight:600}.highlight .o{color:var(--secondary)}.highlight .c1,.highlight .cm,.highlight .cs{color:var(--tertiary);font-style:italic}.highlight .cp{color:var(--tertiary);font-weight:600}.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt,.highlight .ne,.highlight .ow{color:var(--color-danger);font-weight:600}.highlight .il,.highlight .m,.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:var(--color-signal);font-variant-numeric:tabular-nums}.highlight .nt,.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .se,.highlight .sh,.highlight .si,.highlight .sr,.highlight .ss,.highlight .sx{color:var(--color-success)}.highlight .bp,.highlight .na,.highlight .nb,.highlight .nc,.highlight .nd,.highlight .nf,.highlight .nl,.highlight .no{color:var(--accent)}.highlight .nc,.highlight .nf{font-weight:600}.highlight .ni,.highlight .nn{color:var(--primary)}.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi{color:var(--color-warning)}.text-center{text-align:center}.text-muted{color:var(--tertiary)}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.container-narrow{max-width:var(--max-width-narrow);margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}@media (max-width:640px){.section{padding:var(--space-2xl) 0}}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-2xl)}.section-title{font-size:2.5rem;margin-bottom:var(--space-xs);color:var(--primary);font-weight:700}.section-subtitle{font-size:1.15rem;color:var(--secondary)}.section-actions{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl)}.nav{position:fixed;top:0;left:0;right:0;border-bottom:1px solid var(--border);z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-paper) 85%,transparent)}@media (prefers-color-scheme:dark){.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt,.highlight .ow{color:var(--color-danger)}.highlight .il,.highlight .m,.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:var(--color-signal)}.highlight .nt,.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .se,.highlight .sh,.highlight .si,.highlight .sr,.highlight .ss,.highlight .sx{color:var(--color-success)}.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi{color:var(--color-warning)}.highlight .ne{color:var(--color-danger)}.nav{background:color-mix(in srgb,var(--color-paper) 85%,transparent)}}.nav-container{max-width:var(--max-width);margin:0 auto;padding:.75rem var(--space-md);display:flex;justify-content:space-between;align-items:center;height:72px}.nav-brand-group{display:flex;align-items:center;gap:var(--space-md)}.nav-meta-status{font-size:var(--text-xs);color:var(--secondary);padding-left:var(--space-md);border-left:1px solid var(--border);font-family:var(--font-sans)}@media (max-width:960px){.nav-meta-status{display:none}}.nav-brand{font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:var(--primary);text-decoration:none}.nav-brand:hover{text-decoration:none;color:var(--accent)}.nav-links{display:flex;gap:var(--space-lg);list-style:none;align-items:center;margin:0;padding:0}.nav-link{color:var(--secondary);font-weight:500;font-size:.95rem;text-decoration:none;transition:color var(--dur-micro) var(--ease-standard)}.nav-link.active,.nav-link:hover{color:var(--accent);text-decoration:none}.nav-social{display:flex;gap:var(--space-sm);list-style:none;margin:0 0 0 var(--space-md);padding:0 0 0 var(--space-md);border-left:1px solid var(--border)}.nav-social a{color:var(--secondary);transition:color var(--dur-micro) var(--ease-standard)}.nav-social a:hover{color:var(--accent)}.nav-toggle{display:none;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;padding:var(--space-xs);color:var(--primary);transition:color var(--dur-micro) var(--ease-standard);-webkit-tap-highlight-color:transparent}.nav-toggle .material-symbols-outlined{font-size:30px!important;font-weight:300}.nav-toggle.active{color:var(--accent)!important}@media (max-width:768px){.nav-container{height:60px}.nav-toggle{display:flex}.nav-links{position:fixed;top:60px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:var(--space-lg);flex-direction:column;max-height:0;overflow:hidden;opacity:0;transition:max-height var(--dur-medium) var(--ease-standard),opacity var(--dur-short) var(--ease-standard);z-index:1001}.nav-links.active,.nav-links.open{max-height:80vh;opacity:1}.nav-social{border:none;margin:var(--space-md) 0 0 0;padding:var(--space-md) 0 0 0;border-top:1px solid var(--border);width:100%;justify-content:center}}.hero{padding-top:calc(72px + var(--space-3xl));padding-bottom:var(--space-3xl);text-align:center}.hero-img{width:160px;height:160px;border-radius:50%;margin:0 auto var(--space-lg);object-fit:cover;border:4px solid var(--card);box-shadow:0 10px 40px var(--shadow)}.hero-title{font-size:3.5rem;margin-bottom:var(--space-xs);letter-spacing:-.03em;font-weight:700;color:var(--primary)}.hero-subtitle{color:var(--secondary);font-size:1.25rem;font-weight:400;margin-bottom:var(--space-md)}.hero-bio{font-size:1.1rem;color:var(--secondary);max-width:650px;margin:0 auto}@media (max-width:768px){.hero{padding-top:calc(60px + var(--space-xl))}.hero-title{font-size:2.5rem}.hero-img{width:130px;height:130px}}.tech-tag{background:var(--bg-alt);color:var(--secondary);padding:.3rem .8rem;border-radius:100px;font-size:.8rem;font-weight:500;border:1px solid var(--border);display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-sans);text-decoration:none;transition:border-color var(--dur-micro) var(--ease-standard),color var(--dur-micro) var(--ease-standard)}.tech-tag:hover{border-color:var(--accent);color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--space-xl);margin-top:var(--space-xl)}@media (max-width:640px){.card-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}}.card-grid-item{background:var(--card);color:var(--primary);border:1px solid var(--border);border-radius:var(--border-radius);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform var(--dur-micro) var(--ease-standard),border-color var(--dur-short) var(--ease-standard)}.card-grid-item:hover{transform:translateY(-4px);box-shadow:0 12px 30px var(--shadow-hover);border-color:var(--accent)}.card-grid-item .card-image{width:100%;height:200px;background:var(--bg-alt);color:var(--primary);overflow:hidden}.card-grid-item .card-image img{width:100%;height:100%;object-fit:cover}.card-grid-item .card-content{padding:var(--space-lg);flex-grow:1;display:flex;flex-direction:column}.card-grid-item .card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-sm)}.card-grid-item .card-title{font-size:1.4rem;margin:0;color:var(--primary);font-weight:700}.card-grid-item .card-meta{font-size:.85rem;color:var(--tertiary);font-weight:500;font-family:var(--font-mono)}.card-grid-item .card-body{font-size:.95rem;color:var(--secondary);margin-bottom:var(--space-lg);line-height:1.6}.card-grid-item .card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:auto;padding-bottom:var(--space-md)}.card-grid-item .card-footer{display:flex;gap:var(--space-md);margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--border)}.card-grid-item .card-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;color:var(--secondary);text-decoration:none;transition:color var(--dur-micro) var(--ease-standard)}.card-grid-item .card-link:hover{color:var(--accent)}.card-list{display:grid;gap:var(--space-lg);margin-top:var(--space-xl)}.card-list-item{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--space-xl);background:var(--card);color:var(--primary);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--space-lg);transition:transform var(--dur-micro) var(--ease-standard),border-color var(--dur-short) var(--ease-standard)}.card-list-item:hover{border-color:var(--accent);box-shadow:0 8px 24px var(--shadow-hover);transform:translateY(-2px)}.card-list-item .card-image{width:200px;height:200px;border-radius:var(--border-radius-sm);overflow:hidden;background:var(--bg-alt);color:var(--primary);box-shadow:0 4px 12px var(--shadow)}.card-list-item .card-image img{width:100%;height:100%;object-fit:cover}.card-list-item .card-details{display:flex;flex-direction:column;gap:var(--space-sm)}.card-list-item .card-title{font-size:1.5rem;margin:0;color:var(--primary);font-weight:700}.card-list-item .card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-xs)}.card-list-item .card-info-group{margin-top:var(--space-sm)}.card-list-item .info-label{font-weight:600;color:var(--secondary);margin:0 0 var(--space-xs) 0;font-size:.875rem}.card-list-item .info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.card-list-item .info-list li a{color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.9375rem;min-height:44px}.card-list-item .info-list li a:hover{text-decoration:underline}.card-list-item .info-meta{color:var(--tertiary);font-size:.875rem}.card-list-item .info-item{font-size:.9rem;color:var(--secondary);display:flex;align-items:center;gap:var(--space-xs)}@media (max-width:768px){.card-list-item{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.card-list-item .card-image{width:100%;height:auto;aspect-ratio:16/9}}.tabs{display:inline-flex;position:relative;background-color:var(--tabs-bg);border-radius:var(--tabs-radius);padding:var(--space-2xs);user-select:none;border:1px solid var(--border);width:fit-content}.tabs .tab-item{position:relative;flex:1;text-align:center;z-index:1;padding:.6rem 1.25rem;border-radius:var(--tabs-radius);color:var(--tabs-text);font-size:.9rem;font-weight:600;cursor:pointer;transition:color var(--dur-micro) var(--ease-standard);white-space:nowrap}.tabs .tab-item:hover{color:var(--primary)}.tabs .tab-item:active{transform:scale(.98)}.tabs .tab-item.active{color:var(--tabs-text-active)}.tabs .tabs-indicator{position:absolute;top:var(--space-2xs);bottom:var(--space-2xs);left:0;z-index:0;background-color:var(--tabs-item-bg-active);border-radius:var(--tabs-radius);box-shadow:0 1px 3px var(--shadow),0 1px 2px var(--shadow);pointer-events:none;transition:transform var(--dur-short) var(--ease-standard),opacity var(--dur-short) var(--ease-standard)}.filter-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}@media (max-width:640px){.filter-controls{justify-content:flex-start;gap:var(--space-xs);overflow-x:auto;padding-bottom:var(--space-xs);scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-controls::-webkit-scrollbar{display:none}.filter-controls .filter-btn{white-space:nowrap;min-height:44px;padding:var(--space-xs) var(--space-md);flex-shrink:0}}.filter-btn{padding:var(--space-xs) 1.25rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:100px;color:var(--secondary);font-weight:500;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-standard),border-color var(--dur-micro) var(--ease-standard),color var(--dur-micro) var(--ease-standard);font-size:.9rem;font-family:var(--font-mono)}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn:active{transform:scale(.98)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:var(--color-signal-ink)}.badge{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-xs);display:inline-block;font-family:var(--font-sans)}.badge-win{background-color:var(--glow);color:var(--accent);border:1px solid var(--glow)}.badge-loss{background-color:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger);border:1px solid color-mix(in srgb,var(--color-danger) 20%,transparent)}.badge-draw{background-color:color-mix(in srgb,var(--muted) 15%,transparent);color:var(--muted);border:1px solid color-mix(in srgb,var(--muted) 20%,transparent)}.tooltip-container{position:relative;display:inline-flex;align-items:center;cursor:pointer;margin-left:var(--space-2xs);vertical-align:middle;line-height:1}.tooltip-container .info-icon{font-size:.95rem!important;color:var(--tertiary);transition:color var(--dur-micro) var(--ease-standard);user-select:none;outline:0}.tooltip-container:focus-within .info-icon,.tooltip-container:hover .info-icon{color:var(--accent)}.tooltip-container .tooltip-text{visibility:hidden;width:240px;background-color:var(--card);color:var(--primary);text-align:left;border:1px solid var(--border);border-radius:var(--border-radius-sm);padding:var(--space-xs) var(--space-sm);position:absolute;z-index:100;bottom:130%;left:50%;transform:translateX(-50%);opacity:0;box-shadow:0 4px 16px var(--shadow);font-size:.75rem;font-weight:400;line-height:1.4;pointer-events:none;white-space:normal;transition:opacity var(--dur-short) var(--ease-standard),visibility var(--dur-short) var(--ease-standard)}.tooltip-container .tooltip-text::after{content:"";position:absolute;top:100%;left:50%;margin-left:calc(-1 * var(--space-2xs));border-width:var(--space-2xs);border-style:solid;border-color:var(--border) transparent transparent transparent}.tooltip-container:focus-within .tooltip-text,.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.card-grid-item.has-tooltips{overflow:visible!important}.footer{border-top:1px solid var(--border);padding:var(--space-3xl) 0;margin-top:var(--space-3xl);text-align:center;background:var(--bg-alt);color:var(--primary)}.footer-social{display:flex;justify-content:center;gap:var(--space-xl);list-style:none;margin:0 0 var(--space-xl) 0;padding:0;font-size:1.75rem}.footer-social a{color:var(--secondary);transition:transform var(--dur-micro) var(--ease-standard),color var(--dur-short) var(--ease-standard)}.footer-social a:hover{color:var(--accent);transform:scale(1.1)}.material-symbols-outlined{font-size:1.2em!important;vertical-align:middle;line-height:1}.studio-body{background-color:var(--bg);color:var(--primary);min-height:100vh}.studio-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.studio-nav{position:sticky;top:0;z-index:1000;background-color:color-mix(in srgb,var(--color-paper) 85%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);height:64px}.studio-nav-inner{display:flex;justify-content:space-between;align-items:center;height:64px}.studio-wordmark{font-weight:700;font-size:1.15rem;letter-spacing:-.02em;color:var(--primary);text-decoration:none}.studio-wordmark:hover{color:var(--accent)}.studio-nav-center{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--secondary)}@media (max-width:768px){.studio-container{padding:0 var(--space-md)}.studio-nav-center{display:none}}.studio-nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:0 0;border:1px solid var(--border);border-radius:var(--border-radius-sm);color:var(--primary);cursor:pointer;padding:0;transition:border-color var(--dur-micro) var(--ease-standard),color var(--dur-micro) var(--ease-standard),background-color var(--dur-micro) var(--ease-standard)}.studio-nav-toggle .material-symbols-outlined{font-size:1.5rem!important}.studio-nav-toggle:hover{border-color:var(--accent);color:var(--accent)}.studio-nav-toggle.active,.studio-nav-toggle.open{border-color:var(--accent);color:var(--accent);background-color:var(--bg-alt)}.studio-nav-toggle.active .menu-icon-open,.studio-nav-toggle.open .menu-icon-open{display:none!important}.studio-nav-toggle.active .menu-icon-close,.studio-nav-toggle.open .menu-icon-close{display:block!important}.studio-nav-links{display:flex;gap:var(--space-md);align-items:center}.studio-link{font-size:var(--text-xs);font-weight:500;color:var(--secondary);text-decoration:none;transition:color var(--dur-micro) var(--ease-standard)}.studio-link:hover{color:var(--primary)}@media (max-width:768px){.studio-nav-toggle{display:flex}.studio-nav-links{position:fixed;top:64px;left:0;right:0;background-color:color-mix(in srgb,var(--color-paper) 98%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:var(--space-md) var(--space-lg);flex-direction:column;align-items:stretch;gap:var(--space-2xs);max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height var(--dur-medium) var(--ease-standard),opacity var(--dur-short) var(--ease-standard);z-index:1001}.studio-nav-links.active,.studio-nav-links.open{max-height:calc(100vh - 64px);opacity:1;pointer-events:auto;overflow-y:auto;box-shadow:0 16px 32px var(--shadow)}.studio-nav-links .studio-link{display:flex;align-items:center;min-height:48px;padding:0 var(--space-sm);border-radius:var(--border-radius-sm);font-size:1.05rem;font-weight:600;color:var(--primary);text-decoration:none;border:1px solid transparent}.studio-nav-links .studio-link:focus-visible,.studio-nav-links .studio-link:hover{background-color:var(--bg-alt);border-color:var(--border);color:var(--accent)}}.studio-stage{padding-top:var(--space-2xl);padding-bottom:var(--space-3xl)}@media (max-width:768px){.studio-stage{padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}}.studio-hero{margin-bottom:var(--space-3xl)}.studio-hero .studio-pill-row{display:inline-flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md)}.studio-hero .studio-location{font-size:var(--text-sm);color:var(--secondary)}.studio-hero .studio-headline{font-size:clamp(2.15rem, 6.5vw, 4.75rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--primary);margin-bottom:var(--space-lg);text-wrap:balance}.studio-hero .studio-bio{font-size:clamp(1.15rem, 2.2vw, 1.35rem);line-height:1.6;color:var(--secondary);max-width:58ch;margin-bottom:var(--space-xl);text-wrap:pretty}.studio-hero .studio-cta-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}@media (max-width:480px){.studio-hero .studio-cta-row{flex-direction:column;align-items:stretch;width:100%}.studio-hero .studio-cta-row .btn{width:100%;text-align:center;justify-content:center;min-height:48px}}.studio-section{padding-top:var(--space-2xl);margin-bottom:var(--space-3xl);border-top:1px solid var(--border)}.studio-section-header,.studio-section:last-of-type{margin-bottom:var(--space-xl)}.studio-section-header .studio-section-title{font-size:clamp(1.6rem, 3vw, 2.25rem);font-weight:700;letter-spacing:-.02em;color:var(--primary);margin:0}.studio-section-footer{margin-top:var(--space-xl)}.studio-artifact-list{display:flex;flex-direction:column}.studio-artifact-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--space-xl);padding:var(--space-xl) 0;border-top:1px solid var(--border);transition:border-color var(--dur-micro) var(--ease-standard)}.studio-artifact-row:first-child{border-top:none;padding-top:0}@media (max-width:768px){.studio-artifact-row{grid-template-columns:minmax(0,1fr);gap:var(--space-xs);padding:var(--space-lg) 0}}.studio-artifact-row .artifact-meta{display:flex;flex-direction:column;gap:var(--space-2xs);align-items:flex-start}.studio-artifact-row .artifact-tag{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--accent)}.studio-artifact-row .artifact-badge{font-family:var(--font-mono);font-size:.7rem;color:var(--secondary)}.studio-artifact-row .artifact-content{display:flex;flex-direction:column;gap:var(--space-xs)}.studio-artifact-row .artifact-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md)}.studio-artifact-row .artifact-name{font-size:1.6rem;font-weight:700;color:var(--primary);margin:0;letter-spacing:-.02em;transition:color var(--dur-micro) var(--ease-standard)}.studio-artifact-row:hover .artifact-name{color:var(--accent)}.studio-artifact-row .artifact-external-link{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--secondary);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2xs);white-space:nowrap;transition:color var(--dur-micro) var(--ease-standard)}.studio-artifact-row .artifact-external-link:hover{color:var(--accent)}.studio-artifact-row .artifact-summary{font-size:1.05rem;line-height:1.65;color:var(--secondary);margin:0;text-wrap:pretty}.studio-artifact-row .artifact-cli-pill{display:inline-block;align-self:flex-start;max-width:100%;overflow-x:auto;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--primary);margin-top:var(--space-2xs)}.studio-artifact-row .artifact-cli-pill code{background:0 0;padding:0;color:inherit;white-space:nowrap}.studio-philosophy-stream{display:flex;flex-direction:column}.philosophy-stance{padding:var(--space-lg) 0;border-top:1px solid var(--border)}.philosophy-stance:first-child{border-top:none;padding-top:0}.philosophy-stance .stance-title{font-size:1.4rem;font-weight:700;color:var(--primary);margin-bottom:var(--space-xs);letter-spacing:-.01em}.philosophy-stance .stance-body{font-size:1.1rem;line-height:1.7;color:var(--secondary);margin:0;max-width:65ch;text-wrap:pretty}.studio-talks-ledger{display:flex;flex-direction:column}.talk-ledger-row{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:var(--space-xl);align-items:center;padding:var(--space-md) 0;border-top:1px solid var(--border)}.talk-ledger-row:first-child{border-top:none;padding-top:0}@media (max-width:768px){.talk-ledger-row{grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}}.talk-ledger-row .talk-ledger-meta{display:flex;flex-direction:column;gap:var(--space-2xs)}.talk-ledger-row .talk-year{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--accent)}.talk-ledger-row .talk-city{font-size:var(--text-xs);color:var(--secondary)}.talk-ledger-row .talk-ledger-info{display:flex;flex-direction:column;gap:var(--space-2xs)}.talk-ledger-row .talk-title{font-size:1.1rem;font-weight:600;color:var(--primary);text-decoration:none;transition:color var(--dur-micro) var(--ease-standard)}.talk-ledger-row .talk-title:hover{color:var(--accent)}.talk-ledger-row .talk-event{font-size:.85rem;color:var(--secondary)}.talk-ledger-row .talk-ledger-actions{display:flex;gap:var(--space-xs);white-space:nowrap}.studio-bio-content .studio-bio-paragraph{font-size:1.2rem;line-height:1.7;color:var(--secondary);max-width:65ch;margin-bottom:var(--space-lg);text-wrap:pretty}.studio-bio-content .studio-bio-paragraph a{color:var(--primary);text-decoration:underline;text-underline-offset:4px}.studio-bio-content .studio-bio-paragraph a:hover{color:var(--accent)}.studio-bio-content .studio-bio-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.studio-footer{border-top:1px solid var(--border);padding:var(--space-xl) 0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--secondary)}.studio-footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}@media (max-width:640px){.studio-footer-inner{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}