@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500&family=JetBrains+Mono:wght@400&display=swap";
:root{--bg:#0c0c0c;--bg-raised:#131313;--border:#1e1e1e;--border-hover:#2a2a2a;--accent:#4a7c5e;--accent-light:#6b9e7e;--accent-muted:#4a7c5e1f;--text:#e8e4dc;--text-secondary:#a09a92;--text-muted:#6e6860;--nav-bg:#0c0c0cd9;--serif:"Instrument Serif", "Georgia", serif;--sans:"Inter", -apple-system, sans-serif;--mono:"JetBrains Mono", monospace;--ease:cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--bg:#f5f4ef;--bg-raised:#fff;--border:#dcdad2;--border-hover:#b8b5ab;--accent:#1e5234;--accent-light:#2d7a4c;--accent-muted:#1e523414;--text:#0d0c0a;--text-secondary:#4a4843;--text-muted:#75726a;--nav-bg:#f5f4efd9}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.7;display:flex}main{flex:1}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}a{color:inherit;text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:fadeUp .5s var(--ease) both}.animate-in-1{animation-delay:0s}.animate-in-2{animation-delay:80ms}.animate-in-3{animation-delay:.16s}.animate-in-4{animation-delay:.24s}.animate-in-5{animation-delay:.32s}.animate-in-6{animation-delay:.4s}.container{max-width:680px;margin:0 auto;padding:0 1.5rem}.navbar{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:56px;transition:border-color .3s var(--ease), background .3s var(--ease);border-bottom:1px solid #0000;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-bottom-color:var(--border)}.navbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:680px;padding:0 1.5rem;display:flex}.nav-logo{font-family:var(--serif);letter-spacing:-.3px;color:var(--text);font-size:1.25rem}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);transition:color .2s var(--ease);letter-spacing:.3px;font-size:.8125rem;font-weight:400;position:relative}.nav-links a:after{content:"";background:var(--accent-light);width:0;height:1px;transition:width .3s var(--ease);position:absolute;bottom:-2px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a:hover,.nav-links a.active{color:var(--text)}.theme-toggle{color:var(--text-secondary);cursor:pointer;transition:color .2s var(--ease), transform .2s var(--ease), background .2s var(--ease);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-top:3px;font-size:1.25rem;display:flex}.theme-toggle:hover{color:var(--text);background:var(--bg-raised)}.mobile-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:1.25rem;display:none}.hero{padding:160px 0 80px}.hero-intro{font-family:var(--mono);color:var(--accent-light);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:1.5rem;font-size:.75rem}.hero h1{font-family:var(--serif);letter-spacing:-.5px;color:var(--text);margin-bottom:2rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;line-height:1.15}.hero h1 em{color:var(--accent-light);font-style:italic}.hero-body{color:var(--text-secondary);max-width:520px;margin-bottom:2.5rem;font-size:.9375rem;line-height:1.8}.hero-links{align-items:center;gap:1.5rem;display:flex}.hero-links a{color:var(--text-secondary);transition:color .2s var(--ease), gap .2s var(--ease);align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.hero-links a:hover{color:var(--text);gap:10px}.divider{background:var(--border);width:40px;height:1px;margin:0}.section{border-top:1px solid var(--border);padding:64px 0}.section-header{margin-bottom:2.5rem}.section-label{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;align-items:center;margin-bottom:.75rem;font-size:.6875rem;display:flex}.section-label:before{content:"";background:var(--accent);width:0;height:1px;transition:width .4s var(--ease), margin-right .4s var(--ease);display:block}.section:hover .section-label:before{width:24px;margin-right:12px}.section-title{font-family:var(--serif);letter-spacing:-.3px;transition:letter-spacing .4s var(--ease);font-size:1.75rem;font-weight:400}.section:hover .section-title{letter-spacing:.2px}.skills-list{flex-direction:column;gap:1.5rem;display:flex}.skill-row{border-bottom:1px solid var(--border);transition:padding-left .3s var(--ease), border-color .3s var(--ease);justify-content:space-between;align-items:baseline;padding:1rem 0;display:flex}.skill-row:hover{border-bottom-color:var(--accent);padding-left:.75rem}.skill-row:last-child{border-bottom:none}.skill-name{color:var(--text);transition:color .2s var(--ease);font-size:.9375rem;font-weight:400}.skill-row:hover .skill-name{color:var(--accent-light)}.skill-detail{color:var(--text-muted);text-align:right;max-width:340px;font-size:.8125rem}.exp-list{flex-direction:column;gap:0;display:flex}.exp-item{border-bottom:1px solid var(--border);transition:padding-left .3s var(--ease), border-color .3s var(--ease);padding:1.5rem 0}.exp-item:first-child{padding-top:0}.exp-item:last-child{border-bottom:none}.exp-item:hover{border-bottom-color:var(--accent);padding-left:.75rem}.exp-date{font-family:var(--mono);color:var(--text-muted);letter-spacing:1px;margin-bottom:.5rem;font-size:.6875rem}.exp-role{font-family:var(--serif);transition:color .2s var(--ease);margin-bottom:.25rem;font-size:1.15rem;font-weight:400}.exp-item:hover .exp-role{color:var(--accent-light)}.exp-company{color:var(--accent-light);margin-bottom:.5rem;font-size:.8125rem}.exp-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.7}.project-list{flex-direction:column;gap:0;display:flex}.project-item{border-bottom:1px solid var(--border);transition:padding-left .3s var(--ease), border-color .3s var(--ease);padding:2rem 0}.project-item:hover{border-bottom-color:var(--accent);padding-left:1rem}.project-item:first-child{padding-top:0}.project-item:last-child{border-bottom:none}.project-top{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;display:flex}.project-item h3{font-family:var(--serif);transition:color .2s var(--ease);font-size:1.25rem;font-weight:400}.project-item:hover h3{color:var(--accent-light)}.project-type{font-family:var(--mono);color:var(--text-muted);letter-spacing:.5px;white-space:nowrap;font-size:.6875rem}.project-item p{color:var(--text-secondary);margin-bottom:1rem;font-size:.8125rem;line-height:1.7}.project-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.project-tech-tag{font-family:var(--mono);color:var(--text-muted);flex:60%;font-size:.6875rem}.project-links{align-items:center;gap:1.25rem;display:flex}.project-link-inline{color:var(--accent-light);transition:color .2s var(--ease);font-size:.8125rem}.project-link-inline:hover{color:var(--text)}.blog-list{flex-direction:column;gap:1rem;display:flex}.blog-item{border:1px solid var(--border);transition:border-color .3s var(--ease), background .3s var(--ease), transform .3s var(--ease);border-radius:10px;justify-content:space-between;align-items:baseline;gap:2rem;padding:1.25rem 1.5rem;display:flex}.blog-item:hover{border-color:var(--accent);background:var(--bg-raised);transform:translate(4px)}.blog-item h3{font-family:var(--serif);transition:color .2s var(--ease);font-size:1.1rem;font-weight:400;line-height:1.4}.blog-item:hover h3{color:var(--accent-light)}.blog-date{font-family:var(--mono);color:var(--text-muted);letter-spacing:.5px;white-space:nowrap;font-size:.6875rem}.contact-row{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.contact-link{border-bottom:1px solid var(--border);transition:color .2s var(--ease), padding-left .3s var(--ease), border-color .3s var(--ease);justify-content:space-between;align-items:center;padding:1rem 0;font-size:.875rem;display:flex}.contact-link:hover{border-bottom-color:var(--accent);padding-left:.75rem}.contact-link:last-child{border-bottom:none}.contact-link:hover{color:var(--accent-light)}.contact-link-label{color:var(--text-muted);font-size:.8125rem}.footer{border-top:1px solid var(--border);margin-top:0;padding:2rem 0}.footer-inner{justify-content:space-between;align-items:center;max-width:680px;margin:0 auto;padding:0 1.5rem;display:flex}.footer p{color:var(--text-muted);font-size:.75rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--text-muted);transition:color .2s var(--ease);font-size:.75rem}.footer-links a:hover{color:var(--text-secondary)}.page-header{padding:120px 0 2rem}.page-header h1{font-family:var(--serif);letter-spacing:-.3px;margin-bottom:.5rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:400}.page-header p{color:var(--text-secondary);margin-bottom:0;font-size:.875rem;line-height:1.7}.article{padding:140px 0 60px}.article-header{margin-bottom:3rem}.article-back{color:var(--text-muted);transition:color .2s var(--ease);margin-bottom:2rem;font-size:.8125rem;display:inline-block}.article-back:hover{color:var(--accent-light)}.article-date{font-family:var(--mono);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem;font-size:.6875rem}.article-header h1{font-family:var(--serif);letter-spacing:-.3px;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.2}.article-header h1 em{color:var(--accent-light)}.article-body h2{font-family:var(--serif);color:var(--text);margin:2.5rem 0 1rem;font-size:1.35rem;font-weight:400}.article-body p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9375rem;line-height:1.85}.article-body strong{color:var(--text);font-weight:500}.article-body em{color:var(--text);font-style:italic}.article-body hr{background:var(--border);border:none;height:1px;margin:2.5rem 0}.article-body ul{flex-direction:column;gap:.75rem;margin:1rem 0 1.5rem;padding:0;list-style:none;display:flex}.article-body li{color:var(--text-secondary);padding-left:1.25rem;font-size:.9375rem;line-height:1.85;position:relative}.article-body li:before{content:"—";color:var(--accent);position:absolute;left:0}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}@media (max-width:640px){.nav-links{display:none}.mobile-toggle{display:block}.nav-links.open{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0c0c0cfa;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:absolute;top:56px;left:0;right:0}.hero{padding:120px 0 60px}.skill-row{flex-direction:column;gap:.25rem}.skill-detail{text-align:left;max-width:none}.blog-item,.project-top{flex-direction:column;gap:.25rem}.project-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.footer-inner{flex-direction:row;justify-content:space-between}}