@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--color-primary:#fff;--color-secondary:#a8b0bc;--color-tertiary:#1c69d4;--color-neutral:#000;--color-surface:#141619;--color-on-primary:#000;--radius-sm:0px;--radius-md:2px;--radius-lg:4px;--space-sm:8px;--space-md:16px;--space-lg:32px;color:var(--color-primary);background:var(--color-neutral);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,sans-serif;font-size:.98rem;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{background:var(--color-neutral);margin:0}#root{min-height:100svh}h1,h2,h3{color:var(--color-primary);margin:0;font-family:Inter,Segoe UI,sans-serif;font-weight:600}h1,h2{font-size:2.4rem}h3{font-size:1.1rem}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer}.app{background:var(--color-neutral);min-height:100svh;color:var(--color-primary)}.container{width:min(1120px,100% - 64px);margin:0 auto}.site-header{z-index:10;background:var(--color-neutral);border-bottom:1px solid var(--color-secondary);position:sticky;top:0}.header-inner{padding:var(--space-md) 0;justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:.1em;text-transform:uppercase;font-size:1rem;font-weight:600}.nav-links{gap:var(--space-md);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:600;display:flex}.nav-links a{color:var(--color-primary);transition:color .2s}.nav-links a:hover{color:var(--color-tertiary)}.nav-toggle{border:1px solid var(--color-secondary);background:var(--color-surface);border-radius:var(--radius-md);letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);padding:8px 12px;font-family:inherit;font-size:.72rem;font-weight:600;display:none}.section{padding:calc(var(--space-lg) * 1.5) 0;border-bottom:1px solid var(--color-secondary)}.section:last-of-type{border-bottom:none}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-secondary);margin:0 0 var(--space-sm);font-size:.72rem;font-weight:600}.section-header{margin-bottom:var(--space-lg);max-width:620px}.section-header h2{margin:0 0 var(--space-sm);font-weight:600}.section-subtitle{color:var(--color-secondary);margin:0}.hero-section{gap:calc(var(--space-lg) * 1.5);border-bottom:1px solid var(--color-secondary);padding-top:calc(var(--space-lg) * 2);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.hero-title{letter-spacing:-.02em;margin:0 0 var(--space-sm);font-size:clamp(2.8rem,5vw,5rem);font-weight:700}.hero-role{margin:0 0 var(--space-md);font-size:1.3rem}.hero-position{margin:-8px 0 var(--space-md);color:var(--color-secondary)}.hero-summary{margin:0 0 var(--space-lg);max-width:520px;color:var(--color-primary)}.hero-actions{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.hero-location{color:var(--color-secondary)}.hero-panel{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-secondary);padding:calc(var(--space-lg) * 1.5);transition:transform .25s,border-color .25s}.hero-panel:hover{border-color:var(--color-tertiary);transform:translateY(-4px)}.hero-panel-inner{gap:var(--space-sm);display:grid}.hero-panel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-secondary);font-size:.72rem;font-weight:600}.hero-panel-name{font-size:1.6rem;font-weight:600}.hero-panel-media{border-radius:var(--radius-lg);border:1px solid var(--color-secondary);background:var(--color-surface);width:160px;height:160px;overflow:hidden}.hero-panel-media img{object-fit:cover;width:100%;height:100%;display:block}.hero-panel-detail{color:var(--color-secondary)}.hero-panel-links{gap:var(--space-sm);flex-wrap:wrap;display:flex}.hero-panel-tag{border:1px solid var(--color-secondary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.1em;padding:4px 8px;font-size:.72rem;font-weight:600;transition:border-color .2s,color .2s}.hero-panel-tag:hover{border-color:var(--color-tertiary);color:var(--color-tertiary)}.btn{border-radius:var(--radius-md);letter-spacing:.1em;text-transform:uppercase;border:1px solid #0000;justify-content:center;align-items:center;padding:12px 20px;font-size:.75rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000040}.btn-primary{background:var(--color-tertiary);color:var(--color-on-primary)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-secondary);background:0 0}.stack{gap:var(--space-md);display:grid}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-secondary);padding:24px;transition:transform .25s,border-color .25s}.card:hover{border-color:var(--color-tertiary);transform:translateY(-4px)}.experience-header,.education-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.experience-card h3,.education-card h3,.project-card h3,.skill-group h3{margin:0 0 4px;font-weight:600}.experience-company,.education-school,.experience-duration,.education-duration{color:var(--color-secondary);margin:0;font-size:.9rem}.experience-list{color:var(--color-primary);gap:8px;margin:0;padding-left:18px;display:grid}.filters{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.filter-btn{border-radius:var(--radius-sm);border:1px solid var(--color-secondary);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);background:0 0;padding:8px 14px;font-family:inherit;font-size:.72rem;font-weight:600;transition:border-color .2s,color .2s}.filter-btn:hover{border-color:var(--color-tertiary);color:var(--color-tertiary)}.filter-btn.is-active{background:var(--color-primary);color:var(--color-on-primary)}.projects-grid{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.project-card{gap:var(--space-md);display:grid}.project-image{border-radius:var(--radius-md);border:1px solid var(--color-secondary);transition:border-color .25s;overflow:hidden}.project-image img{width:100%;transition:transform .35s;display:block}.project-card:hover .project-image{border-color:var(--color-tertiary)}.project-card:hover .project-image img{transform:scale(1.02)}.project-body p{margin:0 0 var(--space-md);color:var(--color-secondary)}.project-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--color-secondary);border-radius:var(--radius-sm);letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;font-size:.75rem;font-weight:600;transition:border-color .2s,color .2s}.tag:hover{border-color:var(--color-tertiary);color:var(--color-tertiary)}.project-links{gap:var(--space-md);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600;display:flex}.project-links a{transition:color .2s}.project-links a:hover{color:var(--color-tertiary)}.skills-grid{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.skill-list{flex-wrap:wrap;gap:8px;display:flex}.skill-badge{border-radius:var(--radius-sm);border:1px solid var(--color-secondary);letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);padding:6px 10px;font-size:.72rem;font-weight:600;transition:border-color .2s,color .2s}.skill-badge:hover{border-color:var(--color-tertiary);color:var(--color-tertiary)}.contact-section{background:var(--color-surface);border-top:1px solid var(--color-secondary);padding:calc(var(--space-lg) * 1.5) 0}.contact-inner{justify-content:space-between;align-items:center;gap:var(--space-lg);width:min(1120px,100% - 64px);margin:0 auto;display:flex}.contact-actions{gap:var(--space-md);flex-direction:column;align-items:flex-start;display:flex}.contact-links{gap:var(--space-md);text-transform:uppercase;letter-spacing:.1em;color:var(--color-secondary);font-size:.72rem;font-weight:600;display:flex}.contact-links a{transition:color .2s}.contact-links a:hover{color:var(--color-tertiary)}@media (width<=1024px){.container{width:min(100% - 40px,900px)}.hero-section{grid-template-columns:1fr}.projects-grid,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-inner{flex-direction:column;align-items:flex-start;width:min(100% - 40px,900px)}}@media (width<=820px){.nav-links{background:var(--color-surface);border:1px solid var(--color-secondary);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:16px;display:none;position:absolute;top:64px;right:32px}.nav-links.is-open{display:flex}.nav-toggle{display:inline-flex}}@media (width<=640px){.container{width:min(100% - 24px,580px)}.projects-grid,.skills-grid{grid-template-columns:1fr}.section{padding:calc(var(--space-lg) * 1.1) 0}}