:root{--color-bg:#faf8f4;--color-bg-raised:#fff;--color-text:#1c1a17;--color-text-light:#6b6459;--color-border:#e4dfd5;--color-border-strong:#cfc8ba;--color-accent:#a8432b;--color-accent-hover:#8a3620;--color-tag-bg:#f1ece2;--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:6rem;--radius-sm:.1875rem;--radius:.25rem;--radius-pill:999px;--max-width:1320px;--measure:66ch;--ease:cubic-bezier(.4, 0, .2, 1);font-size:16px}@media (prefers-color-scheme:dark){:root{--color-bg:#17140f;--color-bg-raised:#1f1b15;--color-text:#f0ece4;--color-text-light:#a39a8c;--color-border:#332c22;--color-border-strong:#463c2f;--color-accent:#e0896b;--color-accent-hover:#eba98f;--color-tag-bg:#241f18}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);overflow-wrap:break-word;word-break:normal;line-height:1.6}h1,h2,h3{font-family:var(--font-serif);color:var(--color-text);text-wrap:balance;font-weight:600;line-height:1.2}p{max-width:var(--measure)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-underline-offset:.15em;text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{cursor:pointer;font-family:inherit}ul{list-style:none}img{max-width:100%;display:block}.layout{flex-direction:column;min-height:100vh;display:flex}.nav{padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border);background-color:var(--color-bg);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav-brand a{font-family:var(--font-serif);letter-spacing:.01em;color:var(--color-text);white-space:nowrap;font-size:1.0625rem;font-weight:600}.nav-brand a:hover{color:var(--color-accent);text-decoration:none}.nav-links{gap:var(--space-lg);margin-left:var(--space-2xl);flex-wrap:wrap;flex:1;display:flex}.nav-links a{font-family:var(--font-sans);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-light);white-space:nowrap;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--color-text);border-bottom:1px solid var(--color-accent);text-decoration:none}.language-toggle{padding:var(--space-3xs) var(--space-sm);border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;transition:border-color .2s var(--ease), color .2s var(--ease);background-color:#0000;font-weight:600}.language-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.main{max-width:var(--max-width);width:100%;padding:var(--space-xl) var(--space-xl) var(--space-3xl);flex:1;margin:0 auto}.footer{border-top:1px solid var(--color-border);padding:var(--space-lg) var(--space-xl);text-align:center;color:var(--color-text-light);font-size:var(--text-xs);background-color:var(--color-bg);letter-spacing:.02em}.hero{padding:var(--space-xl) 0 var(--space-2xl);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2xl);text-align:left}.hero-content{max-width:42rem}.hero-content h1{font-size:clamp(2.1rem, 4.5vw, var(--text-3xl));letter-spacing:-.01em;margin-bottom:var(--space-sm)}.hero .tagline{font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:var(--text-lg);color:var(--color-accent);margin-bottom:var(--space-lg);line-height:1.4}.hero .intro{font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text-light);max-width:var(--measure);line-height:1.7}.projects h2,.about-intro h2,.contact h2{font-size:var(--text-xl);margin-bottom:var(--space-2xl);padding-top:var(--space-md);position:relative}.projects h2:before,.about-intro h2:before,.contact h2:before{content:"";background-color:var(--color-accent);width:2.5rem;height:2px;margin-bottom:var(--space-md);display:block}.experience h3,.education h3{margin-bottom:var(--space-lg);color:var(--color-text-light);font-weight:600;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-xs)}.projects-grid{gap:var(--space-lg);counter-reset:project;grid-template-columns:1fr;display:grid}@media (width>=640px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr)}}.project-card{counter-increment:project;border:1px solid var(--color-border);background-color:var(--color-bg-raised);padding:var(--space-lg) var(--space-md) var(--space-md);border-radius:var(--radius-sm);transition:border-color .2s var(--ease), transform .2s var(--ease);flex-direction:column;display:flex}.project-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.project-card:before{content:counter(project, decimal-leading-zero);font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-light);letter-spacing:.04em;margin-bottom:var(--space-sm);display:block}.project-card h3{font-size:var(--text-lg);margin-bottom:var(--space-sm);line-height:1.25}.project-meta{gap:var(--space-2xs);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.project-meta span{border:1px solid var(--color-border);border-radius:var(--radius-pill);background-color:var(--color-tag-bg);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-light);letter-spacing:.02em;padding:.2em .6em;line-height:1.5;display:inline-block}.project-meta .status{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border));color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.project-card .stack{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-light);margin-bottom:var(--space-md);line-height:1.6}.project-card .summary{margin-bottom:var(--space-sm);font-size:var(--text-base);color:var(--color-text)}.project-card .detail{margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--color-text-light);line-height:1.65}.project-link{padding-top:var(--space-md);align-items:center;gap:var(--space-3xs);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-accent);align-self:flex-start;margin-top:auto;font-weight:600;text-decoration:none;display:inline-flex}.project-link:after{content:"→";transition:transform .2s var(--ease)}.project-link:hover{color:var(--color-accent-hover);text-underline-offset:.2em;text-decoration:underline}.project-link:hover:after{transform:translate(3px)}.project-card:not(:has(.project-link)):after{content:"";padding-top:var(--space-md);border-top:1px solid var(--color-border);margin-top:auto;display:block}.about{max-width:44rem}.about-intro p{margin-bottom:var(--space-md);font-size:var(--text-md);max-width:var(--measure);line-height:1.75}.experience,.education{margin-top:var(--space-2xl)}.experience-list li,.education-list li{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md)}.experience-list li:last-child,.education-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.exp-header,.edu-header{justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-3xs);flex-wrap:wrap;display:flex}.exp-header strong,.edu-header strong{font-weight:600;font-size:var(--text-base)}.exp-org,.edu-org{color:var(--color-text-light);font-weight:400;font-size:var(--text-sm)}.exp-period,.edu-period{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-light);margin-bottom:var(--space-2xs);letter-spacing:.02em}.exp-note{font-size:var(--text-sm);color:var(--color-text-light);max-width:var(--measure);line-height:1.6}.contact{max-width:34rem}.contact-intro{font-size:var(--text-md);color:var(--color-text-light);margin-bottom:var(--space-xl);line-height:1.75}.contact-links{gap:var(--space-md);flex-wrap:wrap;display:flex}.contact-link{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:var(--radius-sm);font-size:var(--text-sm);letter-spacing:.02em;transition:border-color .2s var(--ease), color .2s var(--ease), background-color .2s var(--ease);font-weight:600}.contact-link:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-tag-bg);text-decoration:none}.loading{min-height:100vh;color:var(--color-text-light);font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:.02em;justify-content:center;align-items:center;display:flex}@media (width>=1440px){.main{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}}@media (width<=768px){.nav{row-gap:var(--space-sm);padding:var(--space-md) var(--space-lg);flex-wrap:wrap}.nav-brand{flex-basis:100%}.nav-links{gap:var(--space-md);flex-basis:100%;margin-left:0}.main{padding:var(--space-lg) var(--space-lg) var(--space-2xl)}.hero{padding:var(--space-md) 0 var(--space-xl)}.exp-header,.edu-header{gap:var(--space-3xs);flex-direction:column}.contact-links{flex-direction:column}.contact-link{text-align:center;width:100%}}@media (width<=400px){:root{font-size:15px}.nav-brand a{font-size:var(--text-base)}.project-meta{gap:var(--space-3xs)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}.project-card:hover{transform:none}}