@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#080810;--bg-secondary:#0f0f1a;--bg-card:#13131f;--bg-card-hover:#1a1a2e;--bg-nav:#080810d9;--text-primary:#eeeef5;--text-secondary:#7878a0;--text-muted:#44445a;--accent:#5b8dee;--accent-hover:#7aa5f5;--accent-warm:#e07b54;--accent-warm-bg:#e07b5412;--accent-mint:#6ee7b7;--accent-violet:#8b5cf6;--border:#1a1a2e;--border-active:#2a2a4e;--border-accent:#5b8dee4d;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 24px #00000080;--shadow-glow:0 0 20px #5b8dee26;--shadow-warm:0 0 16px #e07b5433;--font-display:"DM Serif Display", Georgia, serif;--font-body:"IBM Plex Mono", "Courier New", monospace;--text-hero-name:clamp(3.5rem, 8vw, 7rem);--text-hero-title:clamp(1.1rem, 2.5vw, 1.5rem);--text-hero-tagline:clamp(.95rem, 2vw, 1.2rem);--text-h1:clamp(2.5rem, 5vw, 4rem);--text-h2:clamp(1.6rem, 3vw, 2.2rem);--text-h3:clamp(1.2rem, 2vw, 1.5rem);--text-metric:clamp(2.8rem, 6vw, 4.5rem);--text-metric-unit:.9rem;--text-body:1rem;--text-sm:.875rem;--text-xs:.75rem;--text-nav:.85rem;--leading-tight:1.15;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-hero:-.02em;--tracking-label:.12em;--tracking-nav:.08em;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-bold:600;--weight-metric:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--max-width:1100px;--max-width-narrow:680px;--nav-height:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px}[data-theme=light]{--bg-primary:#f5f5fc;--bg-secondary:#eeeef8;--bg-card:#fff;--bg-card-hover:#f0f0ff;--bg-nav:#f5f5fce0;--text-primary:#0f0f1a;--text-secondary:#4a4a6a;--text-muted:#8a8aaa;--accent:#3d6fd4;--accent-hover:#5585e8;--accent-warm:#c96840;--accent-warm-bg:#c9684012;--accent-mint:#2db08a;--accent-violet:#7040d4;--border:#d8d8f0;--border-active:#b8b8e0;--border-accent:#3d6fd44d;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 24px #0000001f;--shadow-glow:0 0 20px #3d6fd41f;--shadow-warm:0 0 16px #c9684026}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-active);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-family:var(--font-body);letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:.75rem;display:flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle-track{background:var(--border-active);width:28px;height:16px;transition:background var(--transition-fast);border-radius:999px;flex-shrink:0;position:relative}[data-theme=light] .theme-toggle-track{background:var(--accent)}.theme-toggle-thumb{width:12px;height:12px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}[data-theme=light] .theme-toggle-thumb{transform:translate(12px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#5b8dee80;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--leading-tight);color:var(--text-primary);font-weight:400}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}p{font-family:var(--font-body);font-weight:var(--weight-light);color:var(--text-primary);line-height:var(--leading-relaxed)}.container{max-width:var(--max-width);padding:0 var(--space-8);margin:0 auto}.container-narrow{max-width:var(--max-width-narrow);padding:0 var(--space-8);margin:0 auto}.section{padding:var(--space-20) 0;position:relative}.section-alt{background:var(--bg-secondary)}.navbar{z-index:100;height:var(--nav-height);background:var(--bg-nav);-webkit-backdrop-filter:blur(12px)saturate(150%);transition:border-color var(--transition-normal);border-bottom:1px solid #0000;align-items:center;display:flex;position:sticky;top:0}.navbar.scrolled{border-bottom-color:var(--border)}.navbar-inner{max-width:var(--max-width);padding:0 var(--space-8);justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}.navbar-brand{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;font-weight:400;text-decoration:none}.navbar-brand:hover{color:var(--text-primary)}.navbar-links{align-items:center;gap:var(--space-8);list-style:none;display:flex}.navbar-links a{font-family:var(--font-body);font-size:var(--text-nav);font-weight:var(--weight-regular);color:var(--text-secondary);letter-spacing:var(--tracking-nav);transition:color var(--transition-fast);padding-bottom:2px;text-decoration:none;position:relative}.navbar-links a:after{content:"";background:var(--accent);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:-2px;left:0}.navbar-links a:hover,.navbar-links a.active{color:var(--text-primary)}.navbar-links a.active:after{width:100%}.navbar-hamburger{cursor:pointer;padding:var(--space-2);background:0 0;border:none;flex-direction:column;gap:5px;display:none}.navbar-hamburger span{background:var(--text-primary);width:22px;height:2px;transition:transform var(--transition-normal), opacity var(--transition-fast);transform-origin:50%;display:block}.navbar-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0}.navbar-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--bg-primary);z-index:99;justify-content:center;align-items:center;gap:var(--space-8);flex-direction:column;display:none;position:fixed;inset:0}.mobile-menu.open{display:flex}.mobile-menu a{font-family:var(--font-display);color:var(--text-primary);opacity:0;font-size:1.5rem;text-decoration:none;transform:translateY(20px)}.hero{grid-template-columns:1fr 1fr;align-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.hero-canvas{z-index:0;position:absolute;inset:0}.hero-canvas-fallback{background:radial-gradient(at 60%,#5b8dee1f 0%,#0000 60%),radial-gradient(at 20% 80%,#8b5cf614 0%,#0000 50%);position:absolute;inset:0}.hero-content{z-index:1;padding:var(--space-32) var(--space-16) var(--space-20) max(var(--space-16), calc((100vw - var(--max-width)) / 2));background:linear-gradient(to right, var(--bg-primary) 55%, transparent 100%);width:100%;position:relative}.hero-name{font-family:var(--font-display);font-size:var(--text-hero-name);color:var(--text-primary);font-weight:400;line-height:var(--leading-tight);letter-spacing:var(--tracking-hero);margin-bottom:var(--space-4);text-shadow:0 2px 20px #000c}.hero-name .char{display:inline-block}.hero-title{font-family:var(--font-body);font-size:var(--text-hero-title);font-weight:var(--weight-light);color:var(--text-secondary);margin-bottom:var(--space-6);letter-spacing:.04em}.hero-tagline-wrap{min-height:2em;margin-bottom:var(--space-10);align-items:center;display:flex}.hero-tagline{font-family:var(--font-body);font-size:var(--text-hero-tagline);font-weight:var(--weight-regular);color:var(--accent)}.hero-cursor{background:var(--accent);vertical-align:middle;width:2px;height:1.1em;margin-left:2px;animation:.7s step-end infinite blink;display:inline-block}.hero-cta{gap:var(--space-4);margin-bottom:var(--space-16);flex-wrap:wrap;display:flex}.hero-scroll{bottom:var(--space-8);align-items:center;gap:var(--space-2);color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;flex-direction:column;animation:2s ease-in-out infinite bounce;display:flex;position:absolute;left:50%;transform:translate(-50%)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.08em;cursor:pointer;transition:all var(--transition-normal);border:none;padding:12px 28px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-hover);color:var(--bg-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1.5px solid var(--border-active);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{color:var(--accent);background:0 0;padding:8px 16px}.btn-ghost:hover{text-underline-offset:3px;text-decoration:underline}.section-heading{font-family:var(--font-display);font-size:var(--text-h1);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:400;overflow:hidden}.section-line{background:var(--accent);width:48px;height:2px;margin-bottom:var(--space-12);transform-origin:0}.about-grid{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:start;display:grid}.about-bio p{font-size:var(--text-body);font-weight:var(--weight-light);color:var(--text-primary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.about-links{gap:var(--space-4);flex-direction:column;display:flex}.about-link{align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);transition:all var(--transition-normal);text-decoration:none;display:flex}.about-link:hover{border-color:var(--border-accent);color:var(--accent);box-shadow:var(--shadow-glow)}.location-badge{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--text-secondary);letter-spacing:var(--tracking-label);text-transform:uppercase;background:var(--bg-card);border:1px solid var(--border);padding:var(--space-1) var(--space-4);margin-bottom:var(--space-6);border-radius:999px;display:inline-flex}.experience-timeline{padding-left:var(--space-8);position:relative}.experience-timeline:before{content:"";background:var(--border-active);width:2px;position:absolute;top:8px;bottom:8px;left:0}.experience-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-8) var(--space-8) var(--space-8) 36px;margin-bottom:var(--space-8);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);opacity:0;position:relative;transform:translate(-20px)}.experience-card.visible{opacity:1;transform:translate(0)}.experience-card:before{content:"";background:var(--accent);border:2px solid var(--bg-primary);border-radius:50%;width:12px;height:12px;position:absolute;top:28px;left:-8px}.experience-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow)}.experience-impact{font-family:var(--font-display);font-size:var(--text-h3);color:var(--text-secondary);margin-bottom:var(--space-4);font-style:italic}.experience-role{font-family:var(--font-display);font-size:var(--text-h2);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:400}.experience-meta{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-light);color:var(--text-secondary);margin-bottom:var(--space-6)}.metrics-row{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.metric-badge{background:var(--accent-warm-bg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);text-align:center;border:1px solid #e07b5433;min-width:80px}.metric-number{font-family:var(--font-body);font-size:var(--text-metric);font-weight:var(--weight-metric);color:var(--accent-warm);margin-bottom:2px;line-height:1;display:block}.metric-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--text-secondary);letter-spacing:var(--tracking-label);text-transform:uppercase;display:block}.experience-bullets{padding:0;list-style:none}.experience-bullets li{padding-left:var(--space-6);margin-bottom:var(--space-3);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-light);color:var(--text-primary);line-height:var(--leading-normal);position:relative}.experience-bullets li:before{content:"";background:var(--accent);opacity:.6;border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.bento-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:left;transition:border-color var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal);position:relative;overflow:hidden}.bento-card:hover{border-color:var(--card-color);transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.bento-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,0) var(--mouse-y,0), var(--card-color), transparent 40%);opacity:0;pointer-events:none;z-index:0;mix-blend-mode:screen;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}[data-theme=light] .bento-card:before{mix-blend-mode:overlay}.bento-card:hover:before{opacity:.15}.bento-card-content{z-index:1;position:relative}.bento-title{font-family:var(--font-display);font-size:var(--text-h4);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:400}.bento-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);min-height:48px;line-height:1.6}.bento-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.bento-tag{font-family:var(--font-body);letter-spacing:var(--tracking-label);background:var(--bg-secondary);color:var(--card-color);border:1px solid var(--border);transition:all var(--transition-fast);border-radius:999px;padding:4px 10px;font-size:.75rem}.bento-card:hover .bento-tag{border-color:var(--card-color);background:0 0}.contact-links{gap:var(--space-4);flex-direction:column;max-width:480px;margin:0 auto;display:flex}.contact-link{align-items:center;gap:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);transition:all var(--transition-normal);text-decoration:none;display:flex}.contact-link:hover{border-color:var(--border-accent);color:var(--accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.contact-link-icon{border-radius:var(--radius-sm);background:var(--bg-secondary);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.footer{border-top:1px solid var(--border);padding:var(--space-8) 0;text-align:center}.footer p{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-light)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse-dot{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}@media (width<=768px){.container,.container-narrow{padding:0 var(--space-6)}.section{padding:var(--space-12) 0}.navbar-links{display:none}.navbar-hamburger{display:flex}.hero{grid-template-columns:1fr}.hero-content{padding:120px var(--space-6) var(--space-12);background:linear-gradient(#080810e0 80%,#08081000 100%)}.about-grid{gap:var(--space-10);grid-template-columns:1fr}.experience-timeline{padding-left:var(--space-6)}.experience-card{padding:var(--space-6)}.metrics-row{gap:var(--space-3)}.metric-number{font-size:clamp(1.8rem,8vw,2.5rem)}#contact .container>div{gap:var(--space-10)!important;grid-template-columns:1fr!important}}@media (width<=480px){.hero-cta{flex-direction:column}.btn{justify-content:center;width:100%}}