@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--bg: #08090a;--bg-panel: #0f1011;--bg-surface: #191a1b;--bg-elevated: #28282c;--text: #f7f8f8;--text-2: #d0d6e0;--text-3: #8a8f98;--text-4: #62666d;--accent: #5e6ad2;--accent-vivid: #7170ff;--accent-hover: #828fff;--border: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .05);--border-solid: #23252a;--green: #10b981;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 22px;--radius-pill: 9999px;--shadow-sm: rgba(0, 0, 0, .4) 0px 2px 4px;--shadow-md: rgba(0, 0, 0, .2) 0px 0px 0px 1px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,SF Pro Display,-apple-system,system-ui,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv01","ss03";background-color:var(--bg);color:var(--text-2);min-height:100vh;font-size:16px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-vivid);text-decoration:none}a:hover{color:var(--accent-hover)}button,input,textarea,select{font:inherit;font-feature-settings:"cv01","ss03"}.page-shell{position:relative;max-width:1200px;margin:0 auto;padding:24px}.ambient{display:none}.topbar{position:sticky;top:16px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;margin-bottom:32px;background:#0f1011d9;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.brand{font-weight:510;font-size:.88rem;letter-spacing:-.01em;color:var(--text);text-decoration:none;font-feature-settings:"cv01","ss03"}.topbar-actions{display:flex;align-items:center;gap:16px}.topnav{display:flex;flex-wrap:wrap;gap:4px}.topnav a{text-decoration:none;color:var(--text-3);font-size:.875rem;font-weight:510;padding:6px 10px;border-radius:var(--radius-md);transition:color .15s ease,background .15s ease}.topnav a:hover{color:var(--text);background:#ffffff0a}main{display:grid;gap:24px}.panel{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-xl)}.panel-soft{padding:18px 22px;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:28px;padding:48px}.hero h1,.section-heading h2,.contact h2{font-size:clamp(2.5rem,6vw,4rem);font-weight:510;line-height:1;margin:0 0 16px;letter-spacing:-.022em;color:var(--text)}.section-heading h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.022em}.eyebrow,.focus-kicker,.evidence-label,.case-tag,.timeline-company,.stat-label{font-family:Inter,sans-serif;font-feature-settings:"cv01","ss03";text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:510;color:var(--text-4);margin:0 0 12px}.timeline-company{color:var(--accent-vivid);letter-spacing:.05em}.hero-summary,.section-heading p,.timeline-summary,.case-body p,.contact p,.skill-summary{font-size:1.0625rem;line-height:1.65;color:var(--text-3);letter-spacing:-.01em}.lens-copy p{margin:0;color:var(--text-3);line-height:1.6}.header-mode-switch{display:inline-flex;gap:2px;align-items:center;padding:3px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--border-subtle)}.header-mode-button{padding:5px 10px;border-radius:4px;border:0;background:transparent;color:var(--text-3);cursor:pointer;font-family:Inter,sans-serif;font-feature-settings:"cv01","ss03";font-weight:510;font-size:.8rem;letter-spacing:.02em;text-transform:uppercase;transition:color .15s,background .15s}.header-mode-button:hover{color:var(--text-2)}.header-mode-button.is-active{background:#ffffff14;color:var(--text)}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:var(--radius-md);text-decoration:none;font-family:Inter,sans-serif;font-feature-settings:"cv01","ss03";font-weight:510;font-size:.9rem;letter-spacing:-.01em;transition:background .15s ease,color .15s ease,border-color .15s ease;cursor:pointer;border:none}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-vivid);color:#fff}.button-secondary{background:#ffffff0a;border:1px solid var(--border);color:var(--text-2)}.button-secondary:hover{background:#ffffff12;color:var(--text);border-color:#ffffff1f}.hero-meta,.plain-list,.timeline-highlights,.evidence-list,.chip-list{margin:0;padding:0;list-style:none}.hero-meta{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--text-4);font-size:.9rem}.hero-meta li{position:relative}.hero-meta a{color:var(--text-3)}.hero-meta a:hover{color:var(--text)}.hero-meta li:not(:first-child):before{content:"·";position:absolute;left:-12px;color:var(--text-4)}.hero-aside{display:grid;gap:16px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card,.focus-card,.info-card{padding:20px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.stat-value{margin:0 0 8px;font-size:2rem;font-weight:590;font-family:Inter,sans-serif;font-feature-settings:"cv01","ss03";letter-spacing:-.04em;color:var(--text)}.stat-label{margin-bottom:0;color:var(--text-4);letter-spacing:0;text-transform:none;font-size:.875rem}.focus-card p:last-child{margin:0;font-size:1rem;line-height:1.6;color:var(--text-3)}.section{display:grid;gap:20px}.lens-intro{margin-top:-8px}.section-heading{max-width:760px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{padding:7px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-solid);background:transparent;color:var(--text-3);cursor:pointer;font-family:Inter,sans-serif;font-feature-settings:"cv01","ss03";font-size:.875rem;font-weight:510;transition:color .15s,border-color .15s,background .15s}.filter-chip:hover{color:var(--text-2);border-color:#ffffff26}.filter-chip.is-active{background:#5e6ad226;border-color:#7170ff4d;color:var(--accent-vivid)}.skills-grid,.case-study-grid,.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.skill-card,.timeline-card,.case-study,.contact{padding:24px}.skill-card-head{margin-bottom:18px}.skill-title,.timeline-role,.case-title{margin:0 0 8px;font-size:1.35rem;font-weight:590;letter-spacing:-.02em;color:var(--text)}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip-list li{padding:5px 10px;border-radius:var(--radius-pill);background:transparent;border:1px solid var(--border-solid);color:var(--text-3);font-family:Inter,sans-serif;font-feature-settings:"cv01","ss03";font-size:.8rem;font-weight:510}.evidence-list,.timeline-highlights,.plain-list{display:grid;gap:12px}.evidence-list li,.timeline-highlights li,.plain-list li{position:relative;padding-left:18px;line-height:1.7;color:var(--text-3);font-size:.9375rem}.evidence-list li:before,.timeline-highlights li:before,.plain-list li:before{content:"";position:absolute;left:0;top:.75em;width:5px;height:5px;border-radius:50%;background:var(--accent-vivid)}.timeline{display:grid;gap:16px}.timeline-card{display:grid;grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);gap:24px;align-items:start}.timeline-company,.timeline-date,.timeline-location{margin-bottom:10px}.timeline-role{font-size:1.4rem;font-weight:590;color:var(--text);letter-spacing:-.02em}.timeline-date,.timeline-location{margin-top:0;color:var(--text-4);font-size:.875rem}.case-study summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;color:var(--text-2)}.case-study summary::-webkit-details-marker{display:none}.case-impact{color:var(--text-4);font-size:.875rem;text-align:right}.case-body{padding-top:18px;margin-top:18px;border-top:1px solid var(--border-subtle)}.contact{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:20px}.side-project{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:24px;padding:24px;align-items:start}.side-project-title{margin:0 0 12px;font-size:1.5rem;font-weight:590;letter-spacing:-.025em;color:var(--text)}.side-project-summary{margin:0 0 20px;font-size:1rem;line-height:1.65;color:var(--text-3)}.side-project-actions{display:flex;flex-direction:column;gap:10px}.portfolio-case{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;text-decoration:none;color:var(--text-2);border-radius:var(--radius-xl);transition:background .15s ease}.portfolio-case:hover{background:#ffffff05;color:var(--text-2)}.portfolio-case-left{flex:1}.portfolio-case-title{margin:8px 0 2px;font-size:1.3rem;font-weight:590;letter-spacing:-.02em;color:var(--text)}.portfolio-case-sub{margin:0 0 10px;font-style:normal;color:var(--accent-vivid);font-size:.9rem;font-weight:510}.portfolio-case-summary{margin:0;font-size:.9375rem;line-height:1.65;color:var(--text-3)}.portfolio-case-cta{font-family:Inter,sans-serif;font-feature-settings:"cv01","ss03";font-size:.875rem;font-weight:510;color:var(--text-4);white-space:nowrap;flex-shrink:0;padding-top:4px;transition:color .15s}.portfolio-case:hover .portfolio-case-cta{color:var(--accent-vivid)}[hidden]{display:none!important}@media(max-width:900px){.hero,.timeline-card,.contact,.side-project,.skills-grid,.case-study-grid,.compact-grid{grid-template-columns:1fr}.hero h1,.section-heading h2,.contact h2{line-height:1.05}}@media(max-width:640px){.page-shell{padding:16px}.topbar,.hero,.skill-card,.timeline-card,.case-study,.contact,.info-card{padding:18px}.topbar{position:static;border-radius:var(--radius-xl)}.topnav{gap:4px}.topbar-actions{width:100%;flex-direction:column;align-items:flex-start}.stat-grid{grid-template-columns:1fr}.hero-meta li:not(:first-child):before{display:none}.hero{padding:24px}}