:root{--bg:#0f1115;--bg-alt:#14171c;--surface:#181b21;--text:#eceef2;--text-muted:#9aa1ad;--border:#2a2e36;--accent:#b5a8d5;--accent-strong:#cbc2e4;--accent-soft:#28253a;--on-accent:#16141f;--shadow:0 1px 2px #0000004d,0 8px 24px #00000040;--font-sans:Arial,Helvetica,sans-serif;--font-display:Arial,Helvetica,sans-serif;--font-mono:Arial,Helvetica,sans-serif;--radius:14px;--radius-sm:8px;--nav-h:64px;--gutter:clamp(16px,4vw,32px);color-scheme:dark}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;scroll-padding-top:calc(var(--nav-h) + 16px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1115;background:var(--bg);color:#eceef2;color:var(--text);font-family:Arial,Helvetica,sans-serif;font-family:var(--font-sans);font-size:16px;line-height:1.6;margin:0;overflow-x:hidden}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-family:var(--font-display);letter-spacing:-.02em;line-height:1.15;margin:0}p{margin:0}iframe,img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}:focus-visible{border-radius:4px;outline:2px solid #b5a8d5;outline:2px solid var(--accent);outline-offset:3px}.container{margin:0 auto;max-width:1120px;padding:0 clamp(16px,4vw,32px);padding:0 var(--gutter);width:100%}.container.narrow{max-width:820px}.skip-link{background:#b5a8d5;background:var(--accent);border-radius:8px;border-radius:var(--radius-sm);color:#16141f;color:var(--on-accent);left:16px;padding:8px 14px;position:absolute;top:-48px;z-index:100}.skip-link:focus{top:12px}.site-header{backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);background:color-mix(in srgb,#0f1115 85%,#0000);background:color-mix(in srgb,var(--bg) 85%,#0000);border-bottom:1px solid #2a2e36;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.nav{gap:24px;height:64px;height:var(--nav-h)}.brand,.nav{align-items:center;display:flex}.brand{font-family:Arial,Helvetica,sans-serif;font-family:var(--font-display);font-weight:600;gap:10px;margin-right:auto}.brand-mark{background:#eceef2;background:var(--text);border-radius:9px;color:#0f1115;color:var(--bg);display:grid;font-size:14px;height:34px;letter-spacing:.02em;place-items:center;width:34px}.nav-links{display:flex;gap:4px;list-style:none;margin:0;padding:0}.nav-links a{border-radius:999px;color:#9aa1ad;color:var(--text-muted);display:block;font-size:14px;padding:6px 12px;transition:color .15s,background-color .15s}.nav-links a.is-active,.nav-links a:hover{color:#eceef2;color:var(--text)}.nav-links a.is-active{background:#181b21;background:var(--surface);box-shadow:inset 0 0 0 1px #2a2e36;box-shadow:inset 0 0 0 1px var(--border)}.nav-actions{align-items:center;display:flex;gap:6px}.icon-button{background:#181b21;background:var(--surface);border:1px solid #2a2e36;border:1px solid var(--border);border-radius:10px;color:#eceef2;color:var(--text);cursor:pointer;display:inline-grid;height:38px;place-items:center;transition:border-color .15s,color .15s;width:38px}.icon-button:hover{border-color:#b5a8d5;border-color:var(--accent);color:#b5a8d5;color:var(--accent)}.nav-toggle{display:none}@media (max-width:900px){.nav-toggle{display:inline-grid}.nav-links{background:#0f1115;background:var(--bg);border-bottom:1px solid #2a2e36;border-bottom:1px solid var(--border);box-shadow:0 1px 2px #0000004d,0 8px 24px #00000040;box-shadow:var(--shadow);display:none;flex-direction:column;gap:2px;left:0;padding:12px clamp(16px,4vw,32px) 20px;padding:12px var(--gutter) 20px;position:absolute;right:0;top:64px;top:var(--nav-h)}.nav-links.is-open{display:flex}.nav-links a{border-radius:8px;border-radius:var(--radius-sm);font-size:16px;padding:12px 14px}}@media (max-width:420px){.brand-name{display:none}}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button{align-items:center;background:#181b21;background:var(--surface);border:1px solid #2a2e36;border:1px solid var(--border);border-radius:10px;color:#eceef2;color:var(--text);display:inline-flex;font-size:15px;font-weight:500;gap:8px;min-height:44px;padding:10px 18px;transition:border-color .15s,transform .15s,background-color .15s}.button:hover{border-color:#9aa1ad;border-color:var(--text-muted);transform:translateY(-1px)}.button-primary{background:#b5a8d5;background:var(--accent);border-color:#b5a8d5;border-color:var(--accent);color:#16141f;color:var(--on-accent)}.button-primary:hover{background:#cbc2e4;background:var(--accent-strong);border-color:#cbc2e4;border-color:var(--accent-strong)}.text-link{align-items:center;color:#b5a8d5;color:var(--accent);display:inline-flex;font-weight:500;gap:6px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.card{background:#181b21;background:var(--surface);border:1px solid #2a2e36;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius)}.pill{border:1px solid #2a2e36;border:1px solid var(--border);border-radius:999px;color:#9aa1ad;color:var(--text-muted);display:inline-block;font-family:Arial,Helvetica,sans-serif;font-family:var(--font-mono);font-size:12px;padding:3px 10px}.pill-accent{background:#28253a;background:var(--accent-soft);border-color:#0000;color:#b5a8d5;color:var(--accent)}.meta{color:#9aa1ad;color:var(--text-muted);font-family:Arial,Helvetica,sans-serif;font-family:var(--font-mono);font-size:13px}.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.tags li{background:#14171c;background:var(--bg-alt);border:1px solid #2a2e36;border:1px solid var(--border);border-radius:6px;color:#eceef2;color:var(--text);font-size:13px;padding:4px 10px}.bullets{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.bullets li{color:#9aa1ad;color:var(--text-muted);padding-left:20px;position:relative}.bullets li:before{background:#b5a8d5;background:var(--accent);border-radius:2px;content:"";height:7px;left:2px;position:absolute;top:.7em;width:7px}.site-footer{border-top:1px solid #2a2e36;border-top:1px solid var(--border);color:#9aa1ad;color:var(--text-muted);font-size:14px;padding:28px 0}.footer-inner{align-items:center;justify-content:space-between}.footer-inner,.footer-links{display:flex;gap:16px}.footer-links a:hover{color:#b5a8d5;color:var(--accent)}.section{padding:clamp(64px,9vw,104px) 0}.section-alt{background:var(--bg-alt);border-bottom:1px solid var(--border);border-top:1px solid var(--border)}.section-heading{margin-bottom:36px;max-width:640px}.section-heading h2{font-size:clamp(28px,4vw,40px)}.hero{background:var(--bg);padding:clamp(48px,8vw,96px) 0 clamp(48px,7vw,80px)}.avatar{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:50%;box-shadow:var(--shadow);color:var(--accent);display:grid;font-family:var(--font-display);font-size:clamp(34px,4vw,44px);font-weight:600;margin-bottom:24px;overflow:hidden;place-items:center;width:clamp(104px,12vw,136px)}.avatar img{height:100%;object-fit:cover;width:100%}.hero h1{font-size:clamp(44px,7.5vw,80px);letter-spacing:-.035em}.hero-role{font-size:clamp(18px,2.2vw,22px);font-weight:500;margin-top:14px}.hero-summary{color:var(--text-muted);font-size:17px;margin:16px 0 28px;max-width:560px}.edu-list{border-top:1px solid var(--border);list-style:none;margin:0;padding:0}.edu-list li{align-items:baseline;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding:18px 0}.edu-list h3{font-size:19px}.edu-school{margin-top:4px}.edu-school,.edu-when{color:var(--text-muted)}.edu-when{font-size:15px}.timeline{grid-gap:24px;display:grid;gap:24px;list-style:none;margin:0;padding:0}.timeline-item{grid-gap:24px;display:grid;gap:24px;grid-template-columns:200px minmax(0,1fr)}.timeline-when{display:flex;flex-direction:column;gap:4px;padding-top:26px}.muted{opacity:.85}.job-card{padding:24px 26px}.job-card h3{font-size:21px}.job-company{color:var(--accent);font-weight:500;margin:4px 0 18px}.job-card .tags{margin-top:20px}@media (max-width:760px){.timeline-item{gap:8px;grid-template-columns:1fr}.timeline-when{flex-direction:row;flex-wrap:wrap;gap:4px 14px;padding-top:0}}.project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.project-cover{aspect-ratio:16/10;background:var(--bg-alt);border-bottom:1px solid var(--border);overflow:hidden}.project-cover img{height:100%;object-fit:cover;object-position:top center;transition:transform .4s;width:100%}.project-card:hover .project-cover img{transform:scale(1.03)}.project-body{display:flex;flex:1 1;flex-direction:column;padding:20px 22px 22px}.project-card h3{font-size:22px}.project-card h3 a:hover{color:var(--accent)}.project-subtitle{color:var(--text-muted);font-size:14px;margin-top:2px}.project-summary{color:var(--text-muted);font-size:15px;margin:12px 0 16px}.project-actions{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:20px}@media (max-width:960px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.project-grid{grid-template-columns:1fr}}.case-header{background:var(--bg);padding:clamp(32px,6vw,64px) 0 0}.back-link{font-size:15px;margin-bottom:28px}.case-header h1{font-size:clamp(38px,6.5vw,64px);letter-spacing:-.035em}.case-subtitle{color:var(--accent);font-size:clamp(18px,2.2vw,22px);font-weight:500;margin-top:8px}.case-writeup,.writeup-placeholder{margin:16px 0 20px;max-width:680px}.case-writeup p{font-size:18px;line-height:1.7}.case-writeup p+p{margin-top:1em}.case-header .tags{margin-bottom:24px}.case-hero{background:var(--bg-alt);border:1px solid var(--border);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;margin:clamp(32px,5vw,48px) 0 0;max-height:560px;overflow:hidden}.case-hero img{height:100%;max-height:560px;object-fit:cover;object-position:top center;width:100%}.case-section{padding:clamp(40px,6vw,72px) 0 0}.case-section:last-child{padding-bottom:clamp(56px,8vw,96px)}.case-h2{font-size:clamp(26px,3.5vw,34px);margin-bottom:24px}.writeup-placeholder{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);padding:20px}.steps{grid-gap:clamp(36px,6vw,64px);display:grid;gap:clamp(36px,6vw,64px);list-style:none;margin:0;padding:0}.step{grid-gap:clamp(24px,4vw,48px);align-items:center;display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.step:nth-child(2n) .step-media{order:2}.step-media{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;overflow:hidden}.step-media img{height:auto;width:100%}.step-portrait .step-media{justify-self:center;max-width:300px}.step-num{color:var(--accent);display:block;font-family:var(--font-mono);font-size:13px;margin-bottom:8px}.step-copy h3{font-size:22px;margin-bottom:10px}.step-copy p{color:var(--text-muted)}@media (max-width:800px){.step{grid-template-columns:1fr}.step:nth-child(2n) .step-media{order:0}}.demo-frame{aspect-ratio:16/9;background:#000;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.demo-frame iframe,.demo-poster{border:0;height:100%;width:100%}.demo-poster{background:#000;cursor:pointer;display:block;padding:0;position:relative}.demo-poster img{height:100%;object-fit:cover;opacity:.7;transition:opacity .2s;width:100%}.demo-poster:hover img{opacity:.55}.demo-play{background:#fff;border-radius:50%;color:#111;display:grid;height:72px;inset:0;margin:auto;padding-left:4px;place-items:center;position:absolute;width:72px}.demo-label{bottom:18px;color:#fff;font-weight:500;left:0;position:absolute;right:0}.compare{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.compare figure{margin:0}.compare video{background:#000;border:1px solid var(--border);border-radius:var(--radius);width:100%}.compare figcaption{color:var(--text-muted);font-family:var(--font-mono);font-size:13px;margin-top:10px}@media (max-width:720px){.compare{grid-template-columns:1fr}}.pubs{grid-gap:16px;display:grid;gap:16px;list-style:none;margin:0;padding:0}.pubs .card{padding:22px 24px}.pubs h3{font-size:19px;line-height:1.3;margin:12px 0 8px}.pubs p{color:var(--text-muted);margin-bottom:12px}
/*# sourceMappingURL=main.2e118313.css.map*/