@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--bg:#fef8e8;--bg-card:#f4daba;--bg-subtle:#fdf3d5;--text:#211305;--text-muted:#7b5023;--accent:#ca8749;--accent-warm:#e8a463;--highlight:#fccc97;--border:#3d2b11;--border-light:#5d32092e;--shadow:#2113051f 0 4px 16px, #21130512 0 1px 4px;--sans:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--heading:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;font:15px/160% var(--sans);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1a0a02;--bg-card:#2d1508;--bg-subtle:#221005;--text:#f4daba;--text-muted:#ca8749;--accent:#e8a463;--accent-warm:#fccc97;--highlight:#f4daba;--border:#7b5023;--border-light:#ca874933;--shadow:#00000080 0 4px 16px, #0000004d 0 1px 4px}.social-btn img,.nav-brand-icon{filter:invert(.8)sepia(.3)saturate(1.5)hue-rotate(10deg)}}*,:before,:after{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--heading);color:var(--text);margin:0;font-weight:600}p{color:var(--text-muted);margin:0}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-warm)}.site{flex-direction:column;min-height:100svh;display:flex}.nav{z-index:100;background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:14px 40px;display:flex;position:sticky;top:0}.nav-brand{color:var(--text);letter-spacing:-.5px;font-size:17px;font-weight:600}.nav-brand:hover{color:var(--accent)}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--text-muted);font-size:13px}.nav-links a:hover{color:var(--text)}.main{flex:1;width:100%;max-width:740px;margin:0 auto;padding:0 28px}.hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:80px 0 64px;display:flex}.avatar-wrapper{display:inline-block;position:relative}.avatar{border:2px solid var(--border);width:92px;height:92px;image-rendering:pixelated;box-shadow:4px 4px 0 var(--border);border-radius:50%}.thought-bubble{background:var(--bg-card);border:1.5px solid var(--border);max-width:210px;color:var(--text-muted);font-size:11px;line-height:170%;font-family:var(--mono);box-shadow:2px 2px 0 var(--border-light);border-radius:16px;padding:10px 14px;position:absolute;top:50%;left:calc(100% + 30px);transform:translateY(-65%)}.thought-dots{flex-direction:row;align-items:center;gap:5px;display:flex;position:absolute;top:50%;right:calc(100% + 3px);transform:translateY(-50%)}.thought-dots span{background:var(--bg-card);border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;display:block}.thought-dots span:first-child{width:4px;height:4px}.thought-dots span:nth-child(2){width:6px;height:6px}.thought-dots span:nth-child(3){width:10px;height:10px}@media (width<=600px){.thought-bubble{display:none}}.hero h1{letter-spacing:-2px;font-size:42px;line-height:1}.hero-title{margin:0;font-size:16px;font-weight:500;color:var(--accent)!important}.hero-tagline{max-width:500px;font-size:14px;line-height:170%;color:var(--text-muted)!important}.hero-links{gap:10px;margin-top:6px;display:flex}.social-btn{border:1px solid var(--border);background:var(--bg-card);border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:box-shadow .15s,background .15s;display:flex;color:var(--text)!important}.social-btn:hover{background:var(--highlight);box-shadow:3px 3px 0 var(--border);color:var(--text)!important}.social-btn img{width:16px;height:16px}.section{border-top:1px solid var(--border-light);padding:56px 0}.section-heading{align-items:center;gap:18px;margin-bottom:36px;display:flex}.section-heading h2{color:var(--accent);text-transform:uppercase;letter-spacing:2.5px;white-space:nowrap;font-size:11px;font-weight:600}.section-line{background:var(--border-light);flex:1;height:1px}.about-body{flex-direction:column;gap:14px;max-width:580px;display:flex}.about-body p{font-size:15px;line-height:175%}.timeline{flex-direction:column;display:flex}.timeline-item{border-bottom:1px solid var(--border-light);grid-template-columns:130px 1fr;gap:24px;padding:22px 0;display:grid}.timeline-item:last-child{border-bottom:none}.timeline-period{color:var(--text-muted);white-space:nowrap;padding-top:2px;font-size:12px}.timeline-header{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.timeline-header strong{color:var(--text);font-size:14px;font-weight:600}.timeline-company{color:var(--accent);font-size:13px}.timeline-body p{font-size:13px;line-height:165%}.projects-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.project-card{border:1px solid var(--border-light);background:var(--bg-card);border-radius:8px;flex-direction:column;gap:10px;padding:20px;transition:box-shadow .15s,border-color .15s;display:flex;color:var(--text)!important}.project-card:hover{box-shadow:4px 4px 0 var(--border);border-color:var(--border)}.project-name{color:var(--text);font-size:14px;font-weight:600;font-family:var(--mono)}.project-name:before{content:"▸ ";color:var(--accent)}.project-card p{flex:1;font-size:13px;line-height:160%}.project-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tag{background:var(--bg);border:1px solid var(--border-light);color:var(--text-muted);font-size:11px;font-family:var(--mono);border-radius:3px;padding:2px 8px}.stack-grid{flex-direction:column;gap:0;display:flex}.stack-group{border-bottom:1px solid var(--border-light);grid-template-columns:130px 1fr;align-items:start;gap:20px;padding:18px 0;display:grid}.stack-group:last-child{border-bottom:none}.stack-label{color:var(--text-muted);white-space:nowrap;padding-top:4px;font-size:12px}.stack-items{flex-wrap:wrap;gap:6px;display:flex}.stack-tag{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text);font-size:12px;font-family:var(--mono);border-radius:4px;padding:3px 10px}.contact-intro{margin-bottom:24px;font-size:15px;line-height:165%}.contact-links{flex-direction:column;gap:10px;display:flex}.contact-link{border:1px solid var(--border-light);background:var(--bg-card);border-radius:8px;align-items:center;gap:20px;padding:14px 20px;font-size:14px;transition:box-shadow .15s,border-color .15s;display:flex;color:var(--text)!important}.contact-link:hover{box-shadow:3px 3px 0 var(--border);border-color:var(--border)}.contact-label{color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;min-width:56px;font-size:10px;font-weight:600}.footer{border-top:1px solid var(--border-light);color:var(--text-muted);text-align:center;margin-top:40px;padding:20px 40px;font-size:12px}@media (width<=600px){.nav{padding:12px 20px}.nav-links{gap:14px}.nav-links a{font-size:12px}.main{padding:0 20px}.hero{padding:52px 0 44px}.hero h1{font-size:30px}.timeline-item{grid-template-columns:1fr;gap:4px}.projects-grid{grid-template-columns:1fr}.stack-group{grid-template-columns:1fr;gap:8px}}