:root{--c-bg: #F8F7F3;--c-surface: #FFFFFF;--c-border: #E2E0DA;--c-text: #18181A;--c-secondary: #5E5C58;--c-muted: #9C9A95;--c-accent: #d9801a;--c-accent-alt: #EEF2FF;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius: 5px}[data-theme=dark]{--c-bg: #101012;--c-surface: #18181C;--c-border: #2A2A2E;--c-text: #EEECEA;--c-secondary: #cac8c3;--c-muted: #5C5A58;--c-accent: #d9801a;--c-accent-alt: #40261a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--c-bg);color:var(--c-text);font-size:var(--text-base);line-height:1.65;transition:background .2s,color .2s}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}ul,ol{list-style:none}.wrap{width:100%;max-width:960px;margin:0 auto;padding:0 var(--space-8)}.wrap--wide{max-width:1300px}h1{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.12}h2{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.025em;line-height:1.2}h3{font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em}h4{font-size:var(--text-base);font-weight:600}.mono{font-family:var(--font-mono);font-size:.85em}hr{border:none;border-top:1px solid var(--c-border);margin:var(--space-16) 0}.site-header{position:sticky;top:0;z-index:50;background:var(--c-bg);border-bottom:1px solid var(--c-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:56px}.site-header__name{font-size:var(--text-base);font-weight:700;color:var(--c-text);letter-spacing:-.01em}.site-header__nav{display:flex;align-items:center;gap:var(--space-6)}.site-header__link{font-size:var(--text-sm);color:var(--c-secondary);transition:color .15s}.site-header__link:hover{color:var(--c-text)}.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--c-border);background:transparent;color:var(--c-secondary);transition:border-color .15s,color .15s}.theme-btn:hover{border-color:var(--c-muted);color:var(--c-text)}.hero{padding:var(--space-24) 0 var(--space-20)}.hero__location{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--c-muted);margin-bottom:var(--space-5)}.hero__heading{margin-bottom:var(--space-6)}.hero__heading .accent{color:var(--c-accent)}.hero__body{font-size:var(--text-xl);color:var(--c-secondary);line-height:1.65;max-width:64ch;margin-bottom:var(--space-8)}.hero__actions{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.55rem 1.1rem;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius);border:1px solid transparent;transition:all .15s}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}.btn--primary:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.btn--ghost{background:transparent;color:var(--c-secondary);border-color:var(--c-border)}.btn--ghost:hover{border-color:var(--c-muted);color:var(--c-text)}.section{padding:var(--space-16) 0}.section__heading{margin-bottom:var(--space-10)}.work-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);border-bottom:1px solid var(--c-border)}.work-tab{background:transparent;border:none;padding:var(--space-3) 0;font-size:var(--text-sm);font-weight:500;color:var(--c-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.work-tab:hover{color:var(--c-text)}.work-tab.is-active{color:var(--c-text);border-bottom-color:var(--c-text)}.work-tab+.work-tab{margin-left:var(--space-5)}.work-entry__category{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}.work-entry__title{margin-bottom:var(--space-5)}.work-entry__desc{color:var(--c-secondary);line-height:1.7;margin-bottom:var(--space-6);max-width:72ch}.work-entry__block{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}@media (max-width: 640px){.work-entry__block{grid-template-columns:1fr}}.work-entry__item-label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--c-muted);margin-bottom:var(--space-2)}.work-entry__item-text{font-size:var(--text-sm);color:var(--c-secondary);line-height:1.6}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}@media (max-width: 640px){.flow-steps{grid-template-columns:1fr 1fr}}.flow-step{padding:var(--space-4) var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface)}.flow-step__num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-accent);margin-bottom:var(--space-2)}.flow-step__name{font-size:var(--text-sm);font-weight:600;color:var(--c-text);margin-bottom:var(--space-1)}.flow-step__desc{font-size:.78rem;color:var(--c-muted);line-height:1.4}.work-entry__tools{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-5);border-top:1px solid var(--c-border)}.tool-pill{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-secondary);border:1px solid var(--c-border);border-radius:var(--radius);padding:.2rem .55rem;background:var(--c-surface)}.exp-list{display:flex;flex-direction:column}.exp-item{display:grid;grid-template-columns:180px 1fr;gap:var(--space-8);padding:var(--space-8) 0;border-top:1px solid var(--c-border)}.exp-item:last-child{border-bottom:1px solid var(--c-border)}@media (max-width: 640px){.exp-item{grid-template-columns:1fr;gap:var(--space-3)}}.exp-item__meta{padding-top:.15rem}.exp-item__period{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-muted);display:block;margin-bottom:var(--space-1)}.exp-item__company{font-size:var(--text-sm);font-weight:600;color:var(--c-secondary)}.exp-item__role{font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;margin-bottom:var(--space-3)}.exp-item__desc{font-size:var(--text-base);color:var(--c-secondary);line-height:1.65;margin-bottom:var(--space-4)}.exp-achievements{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.exp-achievement{display:flex;gap:var(--space-3);align-items:flex-start}.exp-achievement:before{content:"—";color:var(--c-muted);flex-shrink:0;font-size:var(--text-sm);margin-top:.1em}.exp-achievement__text{font-size:var(--text-sm);color:var(--c-secondary);line-height:1.6}.exp-tools{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10) var(--space-12)}@media (max-width: 640px){.skills-grid{grid-template-columns:1fr;gap:var(--space-8)}}.skill-group__heading{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-muted);margin-bottom:var(--space-4);font-family:var(--font-mono)}.skill-list{display:flex;flex-direction:column;gap:var(--space-3)}.skill-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.skill-item__name{font-size:var(--text-sm);color:var(--c-text)}.skill-item__level{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-muted);white-space:nowrap}.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10)}@media (max-width: 640px){.edu-grid{grid-template-columns:1fr;gap:var(--space-8)}}.edu-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--c-muted);margin-bottom:var(--space-3)}.edu-title{margin-bottom:var(--space-1)}.edu-institution{font-size:var(--text-sm);color:var(--c-accent);font-weight:600;margin-bottom:var(--space-1)}.edu-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-muted);margin-bottom:var(--space-4)}.edu-body{font-size:var(--text-sm);color:var(--c-secondary);line-height:1.65}.contact-section{padding:var(--space-16) 0 var(--space-12);border-top:1px solid var(--c-border)}.contact-intro{font-size:var(--text-lg);color:var(--c-secondary);max-width:52ch;margin-bottom:var(--space-10);line-height:1.6}.contact-row{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-10)}.contact-item__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--c-muted);margin-bottom:var(--space-1)}.contact-item__value{font-size:var(--text-sm);font-weight:600;color:var(--c-text);transition:color .15s}.contact-item__value:hover{color:var(--c-accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--c-border)}.footer-copy{font-size:var(--text-xs);color:var(--c-muted)}.footer-links{display:flex;gap:var(--space-5)}.footer-link{font-size:var(--text-xs);color:var(--c-muted);transition:color .15s}.footer-link:hover{color:var(--c-text)}.nav-links-desktop{display:flex;align-items:center;gap:var(--space-6)}@media (max-width: 600px){.nav-links-desktop{display:none}h1{font-size:var(--text-3xl)}.hero{padding:var(--space-16) 0 var(--space-12)}.section{padding:var(--space-12) 0}}.proj-list{display:flex;flex-direction:column}.proj-item{padding:var(--space-10) 0;border-top:1px solid var(--c-border)}.proj-item:last-child{border-bottom:1px solid var(--c-border)}.proj-item__title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-3)}.proj-item__desc{font-size:var(--text-base);color:var(--c-secondary);line-height:1.65;max-width:72ch;margin-bottom:var(--space-5)}.proj-item__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5);margin-bottom:var(--space-8)}.proj-item__links{display:flex;gap:var(--space-3)}.proj-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius);padding:.3rem .75rem;transition:border-color .15s,color .15s}.proj-link:hover{border-color:var(--c-muted);color:var(--c-accent)}.proj-item__img-wrap{border-radius:8px;overflow:hidden;border:1px solid var(--c-border);background:var(--c-surface)}.proj-item__img{width:100%;height:auto;display:block}.icon-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--c-border);color:var(--c-secondary);transition:border-color .15s,color .15s}.icon-link:hover{border-color:var(--c-muted);color:var(--c-text)}