:root{--step--1:clamp(.83rem, .79rem + .2vw, .94rem);--step-0:clamp(1rem, .94rem + .31vw, 1.13rem);--step-1:clamp(1.2rem, 1.11rem + .45vw, 1.41rem);--step-2:clamp(1.44rem, 1.31rem + .65vw, 1.76rem);--step-3:clamp(1.73rem, 1.55rem + .92vw, 2.2rem);--step-4:clamp(2.07rem, 1.83rem + 1.27vw, 2.75rem);--step-5:clamp(2.49rem, 2.15rem + 1.74vw, 3.43rem);--step-6:clamp(2.99rem, 2.52rem + 2.36vw, 4.29rem);--step-7:clamp(3.58rem, 2.95rem + 3.18vw, 5.36rem);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:7rem;--content-width:1200px;--reading-width:68ch;--gutter:clamp(1rem, 4vw, 2rem);--radius-sm:4px;--radius-md:10px;--radius-lg:18px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--font-sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--font-display:var(--font-sans);--font-mono:ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace}.theme-a{--bg:#fafaf7;--surface:#fff;--text:#0e0e0e;--text-muted:#5b5b5b;--line:#e7e5df;--line-strong:#cfcdc7;--accent:#1a3cff;--accent-2:#1a3cff;--accent-ink:#0a1ea8;--display:"Inter", "Inter Display", -apple-system, BlinkMacSystemFont, sans-serif}.theme-b{--bg:#0b0b0f;--surface:#14141a;--surface-2:#1c1c25;--text:#f5f5f5;--text-muted:#9c9cab;--line:#ffffff14;--line-strong:#ffffff2e;--accent:#7c5cff;--accent-2:#00e0a8;--display:"Inter", "Inter Display", -apple-system, BlinkMacSystemFont, sans-serif}body.theme-a,body.theme-b{background:var(--bg);color:var(--text)}body.theme-b{overflow-x:hidden}*,:before,:after{box-sizing:border-box}html{text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--font-sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.55}img,svg,video,picture{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin:0 0 var(--space-s);letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.1}p{margin:0 0 var(--space-s);text-wrap:pretty}::selection{background:var(--accent,#39c);color:#fff}:focus-visible{outline:2px solid var(--accent,#39c);outline-offset:3px;border-radius:2px}.container{width:100%;max-width:var(--content-width);padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.myllm-root{--myllm-accent:#7c5cff;--myllm-bg:#14141a;--myllm-fg:#f5f5f5;--myllm-user:#7c5cff;--myllm-assistant:#1c1c25;--myllm-radius:18px}.myllm-root .myllm-launcher{background:linear-gradient(135deg,#7c5cff,#00e0a8);box-shadow:0 10px 30px -8px #7c5cff99;display:none!important}.myllm-root .myllm-panel[hidden]{display:none!important}.myllm-root .myllm-header{background:linear-gradient(135deg,#7c5cff,#00e0a8)}.myllm-root .myllm-input{color:#f5f5f5;background:#0b0b0f;border-color:#ffffff2e}.myllm-root .myllm-form{border-top-color:#ffffff14}.myllm-root .myllm-foot{color:#9c9cab}.myllm-root .myllm-error{color:#ff6e6e;background:#2a1414}.myllm-root .myllm-ok{color:#00e0a8;background:#0f2a1e}.grad{background:linear-gradient(120deg, var(--accent) 0%, var(--accent-2) 100%);color:#0000;background-clip:text}.portrait-frame{border-radius:var(--radius-lg);isolation:isolate;position:relative;overflow:hidden}.portrait-frame img{object-fit:cover;width:100%;height:100%;display:block}.portrait-frame:before{content:"";border-radius:var(--radius-lg);background:radial-gradient(closest-side, color-mix(in oklab, var(--accent) 40%, transparent), transparent 70%);filter:blur(28px);z-index:-1;opacity:.7;pointer-events:none;position:absolute;inset:-16px}.portrait-overlay{background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 35%, transparent) 0%, transparent 35%, transparent 65%, color-mix(in oklab, var(--accent-2) 30%, transparent) 100%);mix-blend-mode:overlay;pointer-events:none;z-index:1;position:absolute;inset:0}.portrait-ring{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-mask-composite:xor;pointer-events:none;z-index:2;opacity:.7;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.bg-glow{background:radial-gradient(closest-side, color-mix(in oklab, var(--accent) 28%, transparent), transparent 70%), radial-gradient(closest-side at 80% 80%, color-mix(in oklab, var(--accent-2) 18%, transparent), transparent 70%);filter:blur(60px);pointer-events:none;z-index:0;opacity:.85;width:1100px;height:900px;position:fixed;inset:-20% -10% auto auto}main,.site-nav,.site-footer{z-index:1;position:relative}.site-nav{z-index:10;background:color-mix(in oklab, var(--bg) 70%, transparent);-webkit-backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-nav-inner{padding-block:var(--space-s);justify-content:space-between;align-items:center;display:flex}.site-nav .brand{font-weight:500;font-family:var(--font-mono);font-size:var(--step--1);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.site-nav .brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:26px;height:26px;color:var(--bg);border-radius:6px;place-items:center;font-weight:700;display:inline-grid}.site-nav nav a{margin-left:var(--space-m);font-size:var(--step--1);color:var(--text-muted);transition:color var(--duration-fast);text-decoration:none}.site-nav nav a:hover,.site-nav nav a[aria-current=page]{color:var(--text)}.site-nav nav a.nav-cta{background:var(--text);color:var(--bg);border-radius:999px;padding:8px 14px;font-weight:500}.site-nav nav a.nav-cta:hover{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff}.menu-toggle{border:1px solid var(--line-strong);border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:none}.menu-toggle:before{content:"";background:var(--text);width:16px;height:2px;box-shadow:0 -5px 0 var(--text), 0 5px 0 var(--text)}.btn{font-weight:500;font-size:var(--step-0);transition:transform var(--duration-fast), background var(--duration-base), color var(--duration-base);border-radius:999px;padding:14px 22px;text-decoration:none;display:inline-block}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;transform:translateY(-1px)}.btn-ghost{color:var(--text);border:1px solid var(--line-strong);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.eyebrow{text-transform:uppercase;font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-m);align-items:center;gap:8px;display:inline-flex}.eyebrow .dot{background:var(--accent-2);width:8px;height:8px;box-shadow:0 0 12px var(--accent-2);border-radius:50%;animation:2.4s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.section-head h2{font-size:var(--step-5);letter-spacing:-.03em;max-width:22ch;margin:0 0 var(--space-m);line-height:1.05}.section-head .lede{color:var(--text-muted);font-size:var(--step-1);max-width:60ch;margin:0}.filter-bar{gap:var(--space-2xs);margin-bottom:var(--space-l);flex-wrap:wrap;display:flex}.filter-bar>.group{gap:var(--space-2xs);padding-right:var(--space-xs);border-right:1px solid var(--line);margin-right:var(--space-xs);flex-wrap:wrap;display:flex}.filter-bar>.group:last-child{border-right:none;margin-right:0;padding-right:0}.filter{border:1px solid var(--line-strong);background:var(--surface);font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted);transition:all var(--duration-fast);white-space:nowrap;border-radius:999px;padding:8px 14px}.filter:hover{border-color:var(--accent);color:var(--text)}.filter[aria-pressed=true]{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.portfolio-grid{gap:var(--space-l);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));display:grid}.portfolio-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base), box-shadow var(--duration-base);text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;flex-direction:column;display:flex;position:relative;overflow:hidden}.portfolio-card:hover,.portfolio-card:focus-visible{border-color:var(--line-strong);box-shadow:0 30px 60px -30px color-mix(in oklab, var(--accent) 40%, transparent);transform:translateY(-4px)}.portfolio-card .card-media{aspect-ratio:16/10;background:linear-gradient(135deg,#1a1a25,#0c0c14);position:relative;overflow:hidden}.portfolio-card .card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out);opacity:.95}.portfolio-card:hover .card-media img,.portfolio-card:focus-visible .card-media img{opacity:1;transform:scale(1.04)}.portfolio-card .card-shine{background:linear-gradient(135deg, transparent 60%, color-mix(in oklab, var(--accent) 20%, transparent) 100%);opacity:0;transition:opacity var(--duration-base);pointer-events:none;position:absolute;inset:0}.portfolio-card:hover .card-shine,.portfolio-card:focus-visible .card-shine{opacity:1}.portfolio-card .card-body{padding:var(--space-m);gap:var(--space-2xs);flex-direction:column;display:flex}.portfolio-card h3{font-size:var(--step-2);letter-spacing:-.02em;margin:0}.portfolio-card .card-sub{color:var(--text-muted);font-size:var(--step--1);margin:0}.portfolio-card .card-tags{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.portfolio-card .card-tags li{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--line);color:var(--text-muted);border-radius:4px;padding:4px 8px;font-size:11px}.portfolio-card[hidden]{display:none!important}.portfolio-grid[data-empty=true] .empty-state{display:block}.empty-state{color:var(--text-muted);padding:var(--space-l) 0;display:none}dialog.portfolio-dialog{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);width:100%;max-width:min(820px,100vw - 2rem);max-height:calc(100dvh - 4rem);padding:0;overflow:hidden;box-shadow:0 40px 80px -20px #0009}dialog.portfolio-dialog::backdrop{background:color-mix(in oklab, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(8px)}dialog.portfolio-dialog[open]{animation:dialog-in var(--duration-base) var(--ease-out)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dialog-inner{grid-template-rows:auto 1fr;max-height:calc(100dvh - 4rem);display:grid}.dialog-head{justify-content:space-between;align-items:start;gap:var(--space-m);padding:var(--space-m) var(--space-l);border-bottom:1px solid var(--line);display:flex}.dialog-head h2{font-size:var(--step-3);letter-spacing:-.025em;margin:0 0 4px}.dialog-head .meta{color:var(--text-muted);font-size:var(--step--1);font-family:var(--font-mono)}.dialog-close{border:1px solid var(--line-strong);width:36px;height:36px;color:var(--text-muted);transition:color var(--duration-fast), border-color var(--duration-fast);border-radius:999px;place-items:center;display:grid}.dialog-close:hover{color:var(--text);border-color:var(--accent)}.dialog-body{padding:var(--space-l);overflow-y:auto}.dialog-body img{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;height:auto;margin-bottom:var(--space-m)}.dialog-body p{color:var(--text-muted);margin:0 0 var(--space-s);line-height:1.65}.dialog-body a{color:var(--accent-2);text-underline-offset:3px}.dialog-body .tags{margin:var(--space-m) 0 0;flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.dialog-body .tags li{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--line);color:var(--text-muted);border-radius:4px;padding:4px 8px;font-size:11px}.site-footer{padding-block:var(--space-l);border-top:1px solid var(--line);margin-top:var(--space-2xl)}.site-footer .container{justify-content:space-between;gap:var(--space-m);color:var(--text-muted);font-size:var(--step--1);flex-wrap:wrap;display:flex}.site-footer a{color:var(--text);text-decoration:none}.site-footer a:hover{color:var(--accent)}@media (width<=720px){.site-nav nav a{margin-left:var(--space-s);font-size:12px}.site-nav nav a.nav-cta{padding:6px 12px}}