@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&display=swap";:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08090c;--bg-alt: #0d0f14;--surface: rgba(255,255,255,.03);--border: rgba(255,255,255,.07);--border-hi: rgba(255,255,255,.12);--blue: #3b82f6;--blue-soft: #60a5fa;--blue-dim: rgba(59,130,246,.1);--blue-glow: rgba(59,130,246,.18);--text-1: #f0f2f5;--text-2: #8b95a6;--text-3: #49566a;--serif: "Instrument Serif", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--nav: 68px;--section: 112px;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--ease: cubic-bezier(.22,1,.36,1)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-1);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:1120px;margin:0 auto;padding:0 32px}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.fade-in.visible{opacity:1;transform:translateY(0)}.navbar{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav);transition:background .3s,border-color .3s;border-bottom:1px solid transparent}.navbar.scrolled{background:#08090ceb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:var(--border)}.nav-inner{max-width:1120px;margin:0 auto;padding:0 32px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--sans);font-size:.9375rem;font-weight:600;color:var(--text-1);letter-spacing:-.01em}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{font-size:.875rem;font-weight:400;color:var(--text-2);padding:6px 14px;border-radius:8px;transition:color .2s,background .2s}.nav-link:hover{color:var(--text-1);background:var(--surface)}.nav-cta{margin-left:12px;font-size:.875rem!important;padding:8px 20px!important}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:22px;height:1.5px;background:var(--text-2);border-radius:2px}.btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--sans);font-size:.9375rem;font-weight:500;padding:11px 24px;border-radius:var(--r-sm);border:none;cursor:pointer;transition:all .25s var(--ease);white-space:nowrap}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#2563eb;box-shadow:0 0 28px var(--blue-glow);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-1);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-hi);background:var(--surface);transform:translateY(-1px)}.btn-icon{background:var(--surface);border:1px solid var(--border);color:var(--text-2);padding:11px;border-radius:var(--r-sm)}.btn-icon svg{width:17px;height:17px;display:block}.btn-icon:hover{color:var(--text-1);border-color:var(--border-hi);transform:translateY(-1px)}.section{padding:var(--section) 0}.section-alt{background:var(--bg-alt)}.sec-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}.sec-title{font-family:var(--serif);font-size:clamp(2rem,4vw,2.75rem);font-weight:400;font-style:italic;color:var(--text-1);letter-spacing:-.01em;line-height:1.15;margin-bottom:56px}.hero{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;padding:calc(var(--nav) + 56px) 0 80px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:52px 52px;opacity:.45;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 40%,black,transparent);mask-image:radial-gradient(ellipse 70% 80% at 50% 40%,black,transparent)}.hero-glow{position:absolute;border-radius:50%;filter:blur(140px);pointer-events:none}.g1{width:640px;height:420px;top:-120px;left:-180px;background:#3b82f617}.g2{width:480px;height:320px;bottom:-80px;right:-120px;background:#4f46e50f}.hero-container{position:relative;z-index:1;display:grid;grid-template-columns:1fr 340px;gap:80px;align-items:center;animation:rise .8s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-bottom:28px}.eyebrow-pulse{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 0 var(--blue-glow);animation:ping 2.4s ease-in-out infinite}@keyframes ping{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 7px #3b82f600}}.hero-name{font-family:var(--serif);font-size:clamp(3rem,5.5vw,4.5rem);font-weight:400;color:var(--text-1);letter-spacing:-.02em;line-height:1.08;margin-bottom:18px}.hero-role{font-size:1.0625rem;font-weight:400;color:var(--text-2);margin-bottom:24px;line-height:1.5}.hero-desc{font-size:.9875rem;color:var(--text-2);max-width:520px;line-height:1.8;margin-bottom:36px}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:48px}.hero-metrics{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.metric-item{display:flex;flex-direction:column;align-items:center;padding:16px 22px;gap:3px;border-right:1px solid var(--border)}.metric-item:last-child{border-right:none}.metric-num{font-size:1.375rem;font-weight:600;color:var(--text-1);line-height:1}.metric-lbl{font-size:.7rem;font-weight:500;color:var(--text-3);text-align:center;white-space:nowrap;letter-spacing:.03em}.hero-right{display:flex;justify-content:center}.photo-wrapper{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative}.photo-halo{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:26px;background:linear-gradient(145deg,rgba(59,130,246,.15) 0%,transparent 60%);z-index:0}.photo-card{position:relative;z-index:1;width:300px;height:370px;border-radius:20px;overflow:hidden;border:1px solid var(--border);background:var(--bg-alt);box-shadow:0 40px 80px #0000008c,inset 0 1px #ffffff0d}.photo-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.photo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0f172a,#1a2640)}.photo-initials{font-family:var(--serif);font-size:5rem;font-style:italic;color:var(--blue);opacity:.5}.photo-status{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:8px 18px;font-size:.8125rem;font-weight:500;color:var(--text-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e99;animation:ping 2.4s ease-in-out infinite}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.about-lead{font-size:1.125rem;font-weight:400;color:var(--text-1);line-height:1.7;margin-bottom:20px}.about-p{font-size:.9625rem;color:var(--text-2);line-height:1.8;margin-bottom:16px}.about-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.pill{font-size:.8125rem;font-weight:500;color:var(--blue-soft);background:var(--blue-dim);border:1px solid rgba(96,165,250,.18);padding:5px 14px;border-radius:100px}.about-cards-col{display:flex;flex-direction:column;gap:12px}.about-card{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:22px;transition:border-color .25s,transform .25s}.about-card:hover{border-color:var(--border-hi);transform:translate(4px)}.about-card-icon{font-size:1.1rem;color:var(--blue-soft);margin-top:2px;flex-shrink:0}.about-card-title{font-size:.9375rem;font-weight:600;color:var(--text-1);margin-bottom:5px}.about-card-desc{font-size:.875rem;color:var(--text-2);line-height:1.65}.exp-list{display:flex;flex-direction:column;gap:28px}.exp-card{display:flex;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s}.exp-card:hover{border-color:var(--border-hi);box-shadow:0 20px 56px #00000059;transform:translateY(-2px)}.exp-sidebar{width:4px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:28px 0}.exp-marker{width:4px;height:28px;border-radius:2px;flex-shrink:0}.exp-line{flex:1;width:1px;background:var(--border);margin-top:8px}.exp-body{flex:1;padding:28px 32px}.exp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;flex-wrap:wrap}.exp-company-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.exp-company{font-size:1.0625rem;font-weight:600;color:var(--text-1)}.exp-badge{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.22);padding:3px 10px;border-radius:100px}.exp-role{font-size:.9rem;font-weight:400;color:var(--text-2)}.exp-head-right{text-align:right;flex-shrink:0}.exp-period{display:block;font-size:.875rem;font-weight:500;color:var(--text-2);margin-bottom:3px}.exp-loc{font-size:.8125rem;color:var(--text-3)}.exp-blist{display:flex;flex-direction:column;gap:11px;margin-bottom:22px}.exp-blist li{display:flex;gap:12px;font-size:.9375rem;color:var(--text-2);line-height:1.65}.exp-bdot{flex-shrink:0;width:5px;height:5px;border-radius:50%;margin-top:10px}.exp-tags{display:flex;flex-wrap:wrap;gap:7px}.exp-tag{font-size:.75rem;font-weight:500;color:var(--text-3);background:#ffffff0a;border:1px solid var(--border);padding:4px 12px;border-radius:100px;transition:color .2s,border-color .2s}.exp-tag:hover{color:var(--text-1);border-color:var(--border-hi)}.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.proj-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:14px;transition:border-color .3s,transform .3s,box-shadow .3s}.proj-card:hover{border-color:var(--border-hi);transform:translateY(-4px);box-shadow:0 24px 60px #0006}.proj-org{font-size:.8rem;font-weight:600;letter-spacing:.04em}.proj-title{font-family:var(--serif);font-size:1.2rem;font-weight:400;font-style:italic;color:var(--text-1);line-height:1.3}.proj-desc{font-size:.9rem;color:var(--text-2);line-height:1.75;flex:1}.proj-outcomes{display:flex;flex-wrap:wrap;gap:7px}.proj-outcome{font-size:.75rem;font-weight:600;color:var(--blue-soft);background:var(--blue-dim);border:1px solid rgba(96,165,250,.2);padding:4px 12px;border-radius:100px}.proj-stack{display:flex;flex-wrap:wrap;gap:6px}.proj-tech{font-size:.75rem;color:var(--text-3);background:#ffffff0a;border:1px solid var(--border);padding:3px 10px;border-radius:100px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:22px;transition:border-color .25s,transform .25s}.skill-card:hover{border-color:var(--border-hi);transform:translateY(-2px)}.skill-cat{font-size:.8125rem;font-weight:600;color:var(--text-1);margin-bottom:14px;letter-spacing:.01em}.skill-items{display:flex;flex-wrap:wrap;gap:7px}.skill-item{font-size:.8rem;font-weight:400;color:var(--text-2);background:#ffffff0a;border:1px solid var(--border);padding:4px 12px;border-radius:8px;transition:color .2s,border-color .2s,background .2s}.skill-item:hover{color:var(--text-1);border-color:#3b82f659;background:var(--blue-dim)}.contact-sub{font-size:1rem;color:var(--text-2);max-width:480px;line-height:1.75;margin-top:-36px;margin-bottom:48px}.contact-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.contact-card{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:26px;transition:border-color .25s,transform .25s,box-shadow .25s}.contact-card:hover{border-color:var(--border-hi);transform:translateY(-3px);box-shadow:0 12px 36px #0000004d}.contact-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.contact-value{font-size:.9375rem;font-weight:500;color:var(--text-1)}.footer{border-top:1px solid var(--border);padding:24px 32px;background:var(--bg)}.footer-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.footer-name{font-size:.9375rem;font-weight:600;color:var(--text-1)}.footer-copy{font-size:.875rem;color:var(--text-3)}.footer-stack{font-size:.8125rem;color:var(--text-3)}@media (max-width: 960px){:root{--section: 80px}.hero-container{grid-template-columns:1fr;gap:48px}.hero-right{order:-1}.photo-card{width:240px;height:296px}.about-layout{grid-template-columns:1fr;gap:40px}.proj-grid{grid-template-columns:1fr}.skills-grid,.contact-row{grid-template-columns:repeat(2,1fr)}.hero-metrics{flex-wrap:wrap}}@media (max-width: 640px){:root{--section: 64px}.container{padding:0 20px}.nav-links{position:fixed;top:var(--nav);left:0;right:0;background:#08090cf7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:stretch;padding:20px;gap:8px;border-bottom:1px solid var(--border);display:none}.nav-links.open,.hamburger{display:flex}.skills-grid{grid-template-columns:1fr}.hero-name{font-size:2.75rem}.exp-head{flex-direction:column}.exp-head-right{text-align:left}.footer-inner{flex-direction:column;text-align:center;gap:6px}.metric-item{padding:14px}.photo-card{width:220px;height:270px}}.cursor-glow{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none;z-index:0;transition:opacity .3s;will-change:left,top}.typing-role{display:inline-flex;align-items:center;gap:2px;color:var(--text-2)}.typing-cursor{display:inline-block;color:var(--blue);font-weight:300;animation:blink .75s step-end infinite;margin-left:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}