*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{margin:0;font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}:root{--bg: #0a0a0a;--bg-nav: rgba(10, 10, 10, .85);--surface: #0a0a0a;--text: #e4e4e4;--text-muted: #6b6b6b;--text-faded: #4a4a4a;--subtle: #6b6b6b;--border: #1f1f1f;--tag-bg: #1f1f1f;--link: #e4e4e4;--link-hover: #fff}[data-theme=light]{--bg: #f9f9f9;--bg-nav: rgba(249, 249, 249, .85);--surface: #ffffff;--text: #18181b;--text-muted: #a1a1aa;--text-faded: #71717a;--subtle: #52525b;--border: #e4e4e7;--tag-bg: #f4f4f5;--link: #18181b;--link-hover: #09090b}a{color:var(--link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--link-hover)}.mono{font-family:DM Mono,ui-monospace,monospace}.name-logo{font-family:DM Mono,ui-monospace,monospace;font-weight:500;letter-spacing:.04em}.container{width:100%;max-width:720px;margin:0 auto;padding:0 1.25rem}section{padding:5rem 0}section+section{border-top:1px solid var(--border)}.section-label{font-family:DM Mono,ui-monospace,monospace;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faded);margin:0 0 1.75rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar-inner{max-width:720px;margin:0 auto;padding:.875rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.navbar-inner.container{width:100%}.navbar-home{font-family:DM Mono,ui-monospace,monospace;font-size:.875rem;font-weight:500;color:var(--link)}.navbar-home:hover{color:var(--link-hover)}.navbar-links{display:flex;align-items:center;gap:1.5rem}.navbar-links a{font-family:DM Mono,ui-monospace,monospace;font-size:.8125rem;color:var(--text-muted)}.navbar-links a:hover{color:var(--link-hover)}.navbar-right{display:flex;align-items:center;gap:.5rem}.navbar-theme{width:18px;height:18px;padding:0;border:none;background:none;cursor:pointer;color:var(--subtle);transition:color .15s ease;display:flex;align-items:center;justify-content:center}.navbar-theme:hover{color:var(--text)}.navbar-theme .theme-icon{display:block;width:18px;height:18px}.navbar-theme .theme-icon-moon,[data-theme=light] .navbar-theme .theme-icon-sun{display:none}[data-theme=light] .navbar-theme .theme-icon-moon{display:block}.navbar-toggle{display:none;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text);flex-direction:column;justify-content:center;gap:5px}.navbar-toggle span{display:block;width:18px;height:1.5px;background:currentColor;transition:transform .2s ease,opacity .2s ease}body.nav-open .navbar-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}body.nav-open .navbar-toggle span:nth-child(2){opacity:0}body.nav-open .navbar-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.navbar-drawer{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:1rem 1.25rem 1.5rem;flex-direction:column;gap:.75rem}.navbar-drawer a{font-family:DM Mono,ui-monospace,monospace;font-size:.875rem;color:var(--text-muted)}.navbar-drawer a:hover{color:var(--link-hover)}@media(max-width:767px){.navbar-links{display:none}.navbar-toggle,body.nav-open .navbar-drawer{display:flex}}@media(min-width:768px){.navbar-drawer{display:none!important}}.hero{min-height:85vh;display:flex;align-items:center;padding:6rem 0 4rem}.hero-inner{width:100%}.hero-label{font-family:DM Mono,ui-monospace,monospace;font-size:.8125rem;color:var(--text-muted);margin:0 0 .5rem}.hero-name{font-size:2.5rem;font-weight:700;margin:0 0 .75rem;letter-spacing:-.02em;line-height:1.15}.hero-tagline{font-size:1.0625rem;color:var(--text);margin:0 0 1.25rem;max-width:42ch}.hero-intro{font-size:.9375rem;color:var(--text-muted);margin:0 0 2rem;max-width:52ch;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero-btn{font-family:DM Mono,ui-monospace,monospace;font-size:.8125rem;padding:.5rem 1rem;border:1px solid var(--border);background:transparent;color:var(--link);text-decoration:none;transition:border-color .15s ease,background .15s ease,color .15s ease;display:inline-flex;align-items:center;gap:.35rem}.hero-btn:hover{border-color:var(--text-muted);background:var(--tag-bg);color:var(--link-hover)}.hero-btn-arrow{font-size:.75rem;opacity:.9}.hero-rule{margin:3rem 0 0;border:none;border-top:1px solid var(--border)}#about .container p{margin:0;max-width:65ch;font-size:.9375rem;color:var(--text-muted)}#about .about-highlight{color:var(--text)}.project-list{list-style:none;margin:0;padding:0}.project-card{padding:1.25rem 1rem;border:1px solid var(--border);border-bottom:none;position:relative;min-width:0}.project-list li:last-child .project-card{border-bottom:1px solid var(--border)}.project-card-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;margin-bottom:.5rem}.project-card-name{font-size:1.0625rem;font-weight:600;color:var(--link)}.project-card-name:hover{color:var(--link-hover)}.project-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-width:0;flex:1 1 auto}.project-pills{display:flex;flex-wrap:wrap;gap:.35rem}.project-pills .pill{font-family:DM Mono,ui-monospace,monospace;font-size:.6875rem;padding:.2em .5em;background:var(--tag-bg);color:var(--text-muted);border-radius:2px}.project-card-link{font-family:DM Mono,ui-monospace,monospace;font-size:.75rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.project-card-link:hover{color:var(--link-hover)}.project-desc{margin:0;font-size:.9375rem;color:var(--text-muted);max-width:65ch;line-height:1.55}.stack-table{width:100%;max-width:480px;border-collapse:collapse}.stack-table tr{border-bottom:1px solid var(--border)}.stack-table tr:last-child{border-bottom:none}.stack-table th{text-align:left;font-family:DM Mono,ui-monospace,monospace;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faded);padding:.6rem 1rem .6rem 0;vertical-align:top;width:1%;white-space:nowrap}.stack-table td{font-size:.9375rem;color:var(--text);padding:.6rem 0}#contact .contact-intro{margin:0 0 1.5rem;font-size:.9375rem;color:var(--text-muted);max-width:45ch}.contact-list{list-style:none;margin:0;padding:0}.contact-list li{margin-bottom:.35rem}.contact-list a{font-family:DM Mono,ui-monospace,monospace;font-size:.875rem}.contact-list a:before{content:"→ ";color:var(--text-faded)}.site-footer{padding:2.5rem 1.25rem;text-align:center;font-family:DM Mono,ui-monospace,monospace;font-size:.75rem;color:var(--text-faded)}.site-footer a{color:var(--text-faded)}.site-footer a:hover{color:var(--text-muted)}@media(max-width:320px){.container{padding:0 1rem}.hero-name{font-size:1.875rem}}@media(min-width:1280px){.navbar-inner{padding-left:0;padding-right:0}}