.site-nav{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:stretch;gap:1rem;max-width:1060px;margin:0 auto;padding:0 2rem;display:flex}.nav-name{color:var(--text);letter-spacing:-.01em;transition:color var(--transition);flex-shrink:0;align-items:center;padding:.85rem 0;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.nav-name:hover{color:var(--blue)}.nav-links{gap:0;display:flex}.nav-links a{color:var(--text-muted);transition:color var(--transition), border-color var(--transition);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.85rem 1rem;font-size:.82rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--blue);border-bottom-color:var(--blue)}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition), border-color var(--transition), background var(--transition);background:0 0;justify-content:center;align-items:center;margin-left:.25rem;padding:.3rem;display:flex}.theme-toggle:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}@media (width<=560px){.nav-inner{padding:0 1rem}.nav-links a{padding:.85rem .6rem;font-size:.78rem}}.hero-section{padding:4rem 2rem 3rem}.hero-inner{max-width:var(--max-width);align-items:flex-start;gap:3rem;margin:0 auto;display:flex}.hero-photo{object-fit:cover;border:3px solid var(--border);width:96px;height:96px;box-shadow:var(--shadow);border-radius:50%;flex-shrink:0}.hero-text{flex:1}.hero-meta{color:var(--text-subtle);letter-spacing:.01em;margin-bottom:.75rem;font-size:.8rem}.hero-name{color:var(--text);letter-spacing:-.03em;margin-bottom:.5rem;font-size:3rem;font-weight:800;line-height:1.05}.hero-cursor{background:var(--amber);vertical-align:middle;width:3px;height:.75em;margin-left:4px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-title{color:var(--blue);letter-spacing:-.01em;margin-bottom:1rem;font-size:.95rem;font-weight:500}.hero-copy{color:var(--text-muted);max-width:540px;margin-bottom:1.75rem;font-size:.95rem;line-height:1.75}.hero-ctas{flex-wrap:wrap;gap:.5rem;display:flex}.cta-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);box-shadow:var(--shadow-sm);transition:all var(--transition);align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.cta-btn:hover{color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow)}.cta-email{color:var(--text);border-color:var(--border-strong)}.home-section{border-top:1px solid var(--border);padding:3rem 2rem}.section-inner{max-width:var(--max-width);margin:0 auto}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:1.5rem;display:flex}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.section-subtext{color:var(--text-muted);max-width:500px;margin-top:-.75rem;margin-bottom:1.5rem;font-size:.875rem}.section-more{color:var(--blue);transition:opacity var(--transition);align-items:center;gap:.3rem;font-size:.78rem;font-weight:500;text-decoration:none;display:inline-flex}.section-more:hover{opacity:.75}.article-cards-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem;display:grid}.article-card{text-decoration:none;display:block}.article-card-inner{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);height:100%;box-shadow:var(--shadow);transition:box-shadow var(--transition), transform var(--transition);flex-direction:column;display:flex;overflow:hidden}.article-card:hover .article-card-inner{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.article-card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.article-card-tags{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.75rem;display:flex}.article-card-meta{color:var(--text-subtle);margin-left:auto;font-size:.65rem}.article-card-title{color:var(--text);letter-spacing:-.01em;transition:color var(--transition);margin-bottom:.5rem;font-size:1rem;font-weight:700;line-height:1.3}.article-card:hover .article-card-title{color:var(--blue)}.article-card-desc{color:var(--text-muted);flex:1;margin-bottom:1rem;font-size:.85rem;line-height:1.65}.article-card-read{color:var(--blue);transition:opacity var(--transition);align-items:center;gap:.2rem;font-size:.78rem;font-weight:500;display:inline-flex}.article-card:hover .article-card-read{opacity:.75}.metrics-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.metric-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:1.5rem 1.25rem}.metric-value{color:var(--text);letter-spacing:-.03em;margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.metric-label{color:var(--text-subtle);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:500}.principles-teaser{flex-direction:column;gap:.75rem;display:flex}.principle-teaser-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition);align-items:flex-start;gap:1rem;padding:1.1rem 1.25rem;display:flex}.principle-teaser-row:hover{box-shadow:var(--shadow)}.principle-number{color:var(--text-subtle);flex-shrink:0;min-width:1.5rem;padding-top:.1rem;font-size:.7rem;font-weight:700}.principle-body{color:var(--text-muted);font-size:.82rem;line-height:1.6}@media (width<=768px){.hero-inner{flex-direction:column;gap:1.5rem}.hero-name{font-size:2.2rem}.hero-section{padding:2.5rem 1rem 2rem}.home-section{padding:2rem 1rem}.article-cards-grid{grid-template-columns:1fr}.metrics-strip{grid-template-columns:repeat(2,1fr)}}.notes-page{background:0 0}.tag-filter{flex-wrap:wrap;gap:.4rem;margin-bottom:2rem;display:flex}.tag-btn{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);border-radius:20px;padding:.3rem .85rem;font-size:.78rem;font-weight:500}.tag-btn:hover{color:var(--text);border-color:var(--border-strong)}.tag-btn.active{color:var(--blue);background:var(--blue-light);border-color:#bfdbfe}.notes-list{flex-direction:column;gap:.5rem;display:flex}.note-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), transform var(--transition);grid-template-columns:100px 1fr 20px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;text-decoration:none;display:grid}.note-row:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.note-row:hover .note-title,.note-row:hover .note-arrow{color:var(--blue)}.note-row-meta{flex-direction:column;gap:.2rem;display:flex}.note-date,.note-reading-time{color:var(--text-subtle);font-size:.7rem}.note-title{color:var(--text);letter-spacing:-.01em;transition:color var(--transition);margin-bottom:.3rem;font-size:.95rem;font-weight:700;line-height:1.3}.note-desc{color:var(--text-muted);margin-bottom:.5rem;font-size:.82rem;line-height:1.55}.note-tags{flex-wrap:wrap;gap:.3rem;display:flex}.note-arrow{color:var(--text-subtle);transition:color var(--transition);flex-shrink:0}@media (width<=600px){.note-row{grid-template-columns:1fr 20px}.note-row-meta{display:none}}.article-page{background:0 0}.article-inner{max-width:var(--article-width);margin:0 auto;padding:2.5rem 2rem 5rem}.back-link{color:var(--text-muted);transition:color var(--transition);align-items:center;gap:.3rem;margin-bottom:2rem;font-size:.78rem;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--blue)}.article-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2.5rem;overflow:hidden}.article-header-body{padding:2rem}.article-header-meta{color:var(--text-subtle);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.article-sep{opacity:.4}.article-title{color:var(--text);letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.75rem;font-weight:800;line-height:1.2}.article-description{color:var(--text-muted);border-left:3px solid var(--blue);margin-bottom:1rem;padding-left:1rem;font-size:.95rem;line-height:1.7}.article-tags{flex-wrap:wrap;gap:.35rem;display:flex}.article-prose{color:var(--text);font-size:1rem;line-height:1.85}.article-prose p{color:var(--text-muted);margin-bottom:1.3rem}.article-prose h2{color:var(--text);letter-spacing:-.01em;border-bottom:1px solid var(--border);margin-top:2.5rem;margin-bottom:.75rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.article-prose h3{color:var(--text);margin-top:1.75rem;margin-bottom:.5rem;font-size:.95rem;font-weight:700}.article-prose strong{color:var(--text);font-weight:700}.article-prose em{color:var(--text-muted);font-style:italic}.article-prose ul,.article-prose ol{margin-bottom:1.3rem;margin-left:1.5rem}.article-prose li{color:var(--text-muted);margin-bottom:.4rem;line-height:1.7}.article-prose code{font-family:var(--mono);background:var(--surface-2);color:var(--blue);border:1px solid var(--border);border-radius:3px;padding:.15em .4em;font-size:.85em}.article-prose pre{border-radius:var(--radius);background:#1e293b;margin-bottom:1.3rem;padding:1.25rem;overflow-x:auto}.article-prose pre code{color:#e2e8f0;background:0 0;border:none;padding:0;font-size:.875rem}.article-prose blockquote{border-left:3px solid var(--blue);color:var(--text-muted);margin:1.5rem 0;padding:.5rem 0 .5rem 1.25rem;font-style:italic}.article-loading{color:var(--text-subtle);padding:2rem 0;font-size:.875rem}.article-footer{border-top:1px solid var(--border);margin-top:3.5rem;padding-top:1.5rem}@media (width<=640px){.article-inner{padding:1.5rem 1rem 4rem}.article-title{font-size:1.4rem}.article-prose{font-size:.9375rem}}.work-page{background:0 0}.case-studies-list{flex-direction:column;gap:.75rem;display:flex}.case-study-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition);overflow:hidden}.case-study-card:hover{box-shadow:var(--shadow)}.case-study-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.case-study-title{color:var(--text);letter-spacing:-.01em;font-size:.95rem;font-weight:700;line-height:1.3}.case-study-chevron{color:var(--text-subtle);transition:transform .2s ease, color var(--transition);flex-shrink:0}.case-study-card:hover .case-study-chevron{color:var(--text-muted)}.case-study-card.expanded .case-study-chevron{transform:rotate(180deg)}.case-study-desc{color:var(--text-muted);padding:0 1.25rem 1rem;font-size:.875rem;line-height:1.65}.case-study-bullets{max-height:0;transition:max-height .3s;overflow:hidden}.case-study-card.expanded .case-study-bullets{max-height:500px}.case-study-bullets ul{border-top:1px solid var(--border);padding:.75rem 1.25rem 1.1rem;list-style:none}.case-study-bullets li{color:var(--text-muted);border-bottom:1px solid var(--border);padding:.35rem 0 .35rem 1.25rem;font-size:.82rem;line-height:1.55;position:relative}.case-study-bullets li:last-child{border-bottom:none}.case-study-bullets li:before{content:"→";color:var(--blue);font-size:.72rem;position:absolute;left:0}.principles-page{background:0 0}.principles-list{flex-direction:column;gap:.75rem;display:flex}.principle-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition);align-items:flex-start;gap:1.25rem;padding:1.4rem 1.5rem;display:flex}.principle-card:hover{box-shadow:var(--shadow)}.principle-num{color:var(--border-strong);letter-spacing:-.02em;flex-shrink:0;min-width:2rem;font-size:1rem;font-weight:800;line-height:1.35}.principle-content{flex:1}.principle-title{color:var(--text);letter-spacing:-.01em;margin-bottom:.4rem;font-size:.95rem;font-weight:700;display:block}.principle-body{color:var(--text-muted);margin-bottom:.6rem;font-size:.85rem;line-height:1.7}.principle-link{color:var(--blue);transition:opacity var(--transition);align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.principle-link:hover{opacity:.75}.about-page{background:0 0}.about-profile{align-items:flex-start;gap:1.75rem;margin-bottom:0;display:flex}.about-photo{object-fit:cover;border:3px solid var(--border);width:88px;height:88px;box-shadow:var(--shadow);border-radius:50%;flex-shrink:0}.about-header-text{flex:1}.about-title-line{color:var(--blue);margin-bottom:.2rem;font-size:.85rem;font-weight:500}.about-location{color:var(--text-subtle);margin-bottom:.75rem;font-size:.78rem}.about-contact-links{flex-wrap:wrap;gap:.5rem;display:flex}.about-link{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);transition:all var(--transition);align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.78rem;font-weight:500;text-decoration:none;display:inline-flex}.about-link:hover{color:var(--blue);background:var(--blue-light);border-color:#bfdbfe}.about-rule{background:var(--border);border:none;height:1px;margin:2rem 0}.about-bio-section{max-width:640px}.about-bio-para{color:var(--text-muted);margin-bottom:1rem;font-size:.9375rem;line-height:1.8}.about-bio-para:last-child{margin-bottom:0}.about-section-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:1rem;font-size:.72rem;font-weight:700;display:block}.about-education{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.about-education li{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:.85rem 1.1rem .85rem 2.5rem;font-size:.875rem;position:relative}.about-education li:before{content:"→";color:var(--blue);font-size:.78rem;position:absolute;left:1rem}.about-skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.about-skill-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem}.about-skill-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);border-bottom:1px solid var(--border);margin-bottom:.65rem;padding-bottom:.5rem;font-size:.68rem;font-weight:700}@media (width<=600px){.about-profile{flex-direction:column}.about-photo{width:72px;height:72px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f6f9;--surface:#fff;--surface-2:#f8f9fb;--blue:#2563eb;--blue-light:#eff4ff;--green:#059669;--green-light:#ecfdf5;--amber:#d97706;--amber-light:#fffbeb;--text:#111827;--text-muted:#6b7280;--text-subtle:#9ca3af;--border:#e5e7eb;--border-strong:#d1d5db;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000a;--shadow-hover:0 8px 16px #00000014, 0 2px 6px #0000000a;--sans:system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--mono:"Courier New", Courier, monospace;--max-width:1060px;--article-width:720px;--radius:8px;--radius-sm:5px;--transition:.15s ease}[data-theme=dark]{--bg:#0d1117;--surface:#161b22;--surface-2:#1c2128;--blue:#58a6ff;--blue-light:#1c2d4a;--green:#3fb950;--green-light:#1a2d1a;--amber:#d29922;--amber-light:#2a1f0a;--text:#e6edf3;--text-muted:#8b949e;--text-subtle:#484f58;--border:#30363d;--border-strong:#484f58;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006, 0 2px 4px #0000004d;--shadow-hover:0 8px 16px #0006, 0 2px 6px #0000004d}body{font-family:var(--sans);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:.9375rem;line-height:1.65;overflow-x:hidden}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.page{width:100%}.page-inner{max-width:var(--max-width);margin:0 auto;padding:2.5rem 2rem 5rem}.page-header{margin-bottom:2rem}.page-title{color:var(--text);letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.6rem;font-weight:800}.page-subtitle{color:var(--text-muted);max-width:560px;font-size:.9rem;line-height:1.65}.tag{font-family:var(--mono);color:var(--blue);background:var(--blue-light);letter-spacing:.02em;border:1px solid #bfdbfe;border-radius:3px;padding:.1rem .45rem;font-size:.65rem}.skill-tags{flex-wrap:wrap;gap:.35rem;display:flex}.skill-tag{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:color var(--transition);padding:.25rem .6rem;font-size:.78rem}.skill-tag:hover{color:var(--text)}.retro-rule{background:var(--border);border:none;height:1px;margin:2rem 0}.site-footer{background:var(--text);padding:1rem 2rem}.footer-inner{max-width:var(--max-width);flex-wrap:wrap;align-items:center;gap:1.5rem;margin:0 auto;display:flex}.footer-links{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem;display:flex}.footer-link{color:#9ca3af;transition:color var(--transition);align-items:center;gap:.3rem;font-size:.78rem;text-decoration:none;display:inline-flex}.footer-link:hover{color:#fff}.footer-meta{color:#6b7280;white-space:nowrap;font-size:.72rem}.commit-activity{color:#9ca3af;cursor:pointer;transition:color var(--transition);align-items:center;gap:.3rem;font-size:.78rem;display:inline-flex;position:relative}.commit-activity:hover{color:#fff}.commit-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:360px;box-shadow:var(--shadow-md);z-index:200;max-height:380px;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden}.commit-modal-header{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.75rem;font-weight:600;display:flex}.commit-count{color:var(--text-subtle);font-size:.7rem;font-weight:400}.commit-list{max-height:300px;overflow-y:auto}.commit-item{border-bottom:1px solid var(--border);gap:.6rem;padding:.6rem 1rem;display:flex}.commit-item:last-child{border-bottom:none}.commit-hash{font-family:var(--mono);color:var(--blue);flex-shrink:0;padding-top:.1rem;font-size:.62rem}.commit-content{flex:1;min-width:0}.commit-message{color:var(--text);word-break:break-word;margin-bottom:.15rem;font-size:.78rem;line-height:1.4}.commit-meta{color:var(--text-subtle);gap:.5rem;font-size:.65rem;display:flex}.commit-repo{color:var(--green)}.commit-loading{text-align:center;color:var(--text-subtle);padding:1.5rem 1rem;font-size:.8rem}@media (width<=640px){.page-inner{padding:1.5rem 1rem 4rem}.commit-modal{width:300px;left:auto;right:0}}