:root{--bg: #222222;--bg-alt: #1a1a1a;--bg-card: #2a2a2a;--bg-hover: #2f2f2f;--fg: #c2c2b0;--fg-dim: #8a8a7a;--fg-bright: #d7c483;--accent: #78824b;--rust: #bb7744;--terra: #b36d43;--gold: #c9a554;--brown: #685742;--border: #333328}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;background:var(--bg);color:var(--fg);font-size:13px;line-height:1.75;min-height:100vh;display:flex;flex-direction:column}main{flex:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:var(--brown);border-radius:3px}::selection{background:var(--accent);color:var(--fg)}.site{max-width:860px;margin:0 auto;padding:0 24px}nav{position:sticky;top:0;z-index:100;background:var(--bg-alt);border-bottom:1px solid var(--border);padding:12px 0}nav .inner{max-width:860px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-brand{color:var(--fg-bright);font-weight:600;font-size:13px;letter-spacing:.04em;text-decoration:none}.nav-brand span{color:var(--accent)}.nav-links{display:flex;gap:20px;list-style:none}.nav-links a{color:var(--fg-dim);text-decoration:none;font-size:12px;letter-spacing:.05em;transition:color .15s}.nav-links a:hover,.nav-links a:focus-visible{color:var(--fg-bright);outline:none}.hero{padding:72px 0 56px;border-bottom:1px solid var(--border)}.hero-prompt{color:var(--accent);font-size:12px;margin-bottom:12px;letter-spacing:.06em}.hero-prompt:before{content:"$ ";color:var(--fg-dim)}.hero h1{font-size:clamp(28px,5vw,48px);font-weight:700;color:var(--fg-bright);line-height:1.1;letter-spacing:-.02em;margin-bottom:8px}.hero h1 .cursor{display:inline-block;width:3px;height:.9em;background:var(--rust);margin-left:4px;vertical-align:middle;animation:blink 1.1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-role{color:var(--terra);font-size:16px;font-weight:400;margin-bottom:20px;font-style:italic}.hero-bio{color:var(--fg);font-size:13px;line-height:1.8;margin-bottom:32px}.hero-links{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border:1px solid var(--border);border-radius:3px;color:var(--fg-dim);text-decoration:none;font-family:inherit;font-size:12px;letter-spacing:.04em;background:var(--bg-card);transition:all .15s}.btn:hover,.btn:focus-visible{border-color:var(--accent);color:var(--fg-bright);background:var(--bg-hover);outline:none}.btn-primary{border-color:var(--accent);color:var(--gold)}.btn svg{flex-shrink:0}.btn-reach{cursor:pointer;border-color:var(--rust);color:var(--terra);background:var(--bg-card)}.btn-reach:hover:not(:disabled),.btn-reach:focus-visible:not(:disabled){border-color:var(--gold);color:var(--gold);background:var(--bg-hover);outline:none}.btn-reach:disabled{opacity:.6;cursor:default}.btn-email-revealed{border-color:var(--gold);color:var(--gold);background:var(--bg-card);font-family:inherit}.btn-email-revealed:hover,.btn-email-revealed:focus-visible{border-color:var(--fg-bright);color:var(--fg-bright);background:var(--bg-hover);outline:none}.email-text{letter-spacing:.03em}section{padding:56px 0;border-bottom:1px solid var(--border)}section:last-child{border-bottom:none}.section-label{display:flex;align-items:center;gap:10px;margin-bottom:36px}.section-label:before{content:"##";color:var(--accent);font-weight:700;font-size:14px}.section-label h2{font-size:14px;font-weight:600;color:var(--fg-bright);letter-spacing:.08em;text-transform:uppercase}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.projects-grid{display:flex;flex-direction:column;gap:14px}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;padding:18px 20px;text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:border-color .15s;cursor:pointer}.project-card:hover,.project-card:focus-visible{border-color:var(--accent);outline:none}.project-header{display:flex;align-items:center;gap:8px}.project-icon{font-size:20px;flex-shrink:0;line-height:1}.project-icon img{width:22px;height:22px;object-fit:contain;vertical-align:middle}.project-name{color:var(--fg-bright);font-size:16px;font-weight:600}.project-links{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.project-link{color:var(--fg-dim);font-size:11px;text-decoration:none;transition:color .15s}.project-link:hover,.project-link:focus-visible{color:var(--fg-bright);outline:none}.project-link-yt{color:var(--terra)}.project-link-yt:hover,.project-link-yt:focus-visible{color:var(--rust)}.project-desc{color:var(--fg-dim);font-size:12px;line-height:1.65}.project-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.project-tag{font-size:10px;padding:2px 7px;border:1px solid var(--border);color:var(--fg-dim);border-radius:2px}.blog-list{display:flex;flex-direction:column;gap:2px}.blog-card{display:flex;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);cursor:pointer;background:transparent;transition:background .12s,padding-left .12s;text-decoration:none}.blog-card:last-child{border-bottom:none}.blog-card:hover,.blog-card:focus-visible{background:var(--bg-card);padding-left:10px;outline:none}.blog-card:hover .blog-title,.blog-card:focus-visible .blog-title{color:var(--fg-bright)}.blog-date{color:var(--fg-dim);font-size:11px;flex-shrink:0;width:88px}.blog-title{color:var(--fg);font-size:13px;flex:1}.blog-tags{display:flex;gap:5px;flex-shrink:0}.blog-tag{font-size:10px;padding:2px 6px;border:1px solid var(--border);color:var(--fg-dim);border-radius:2px}.blog-arrow{color:var(--accent);font-size:11px;flex-shrink:0}.draft-banner{background:var(--bg-card);border:1px dashed var(--rust);color:var(--rust);font-size:12px;padding:10px 16px;border-radius:3px;margin-bottom:28px;letter-spacing:.03em}.draft-chip{font-size:10px;padding:1px 6px;border:1px dashed var(--rust);color:var(--rust);border-radius:2px;vertical-align:middle;margin-left:6px}.post-back{display:inline-flex;align-items:center;gap:6px;color:var(--fg-dim);font-size:12px;margin-bottom:32px;text-decoration:none;transition:color .15s}.post-back:hover,.post-back:focus-visible{color:var(--fg-bright);outline:none}.post-title{font-size:clamp(18px,3vw,28px);font-weight:700;color:var(--fg-bright);margin-bottom:8px;line-height:1.2}.post-meta{color:var(--fg-dim);font-size:11px;margin-bottom:32px;display:flex;gap:12px;align-items:center}.post-body{color:var(--fg);font-size:13px;line-height:1.85}.post-body h3{color:var(--fg-bright);font-size:14px;margin:28px 0 10px}.post-body p{margin-bottom:14px}.post-body img{display:block;margin:20px auto 14px;width:100%;border-radius:3px}.post-body code{background:var(--bg-card);color:var(--gold);padding:1px 6px;border-radius:2px;font-size:12px}.post-body pre{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;padding:16px;overflow-x:auto;margin-bottom:14px}.post-body pre code{background:none;padding:0}.proj-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.proj-icon{width:32px;height:32px;object-fit:contain}.proj-title{font-size:clamp(20px,4vw,36px);font-weight:700;color:var(--fg-bright);line-height:1.1}.proj-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.proj-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:32px}.proj-video{position:relative;width:100%;padding-bottom:56.25%;margin-bottom:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:3px;overflow:hidden}.proj-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.proj-desc{color:var(--fg);font-size:13px;line-height:1.8;margin-bottom:28px}.proj-desc p{margin-bottom:16px}.proj-desc p:last-child{margin-bottom:0}.proj-desc code{background:var(--bg-card);color:var(--gold);padding:1px 6px;border-radius:2px;font-size:12px}.proj-desc a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.proj-desc a:hover{color:var(--fg-bright)}.proj-desc h3{color:var(--fg-bright);font-size:13px;font-weight:600;margin:24px 0 8px;letter-spacing:.04em}.proj-desc ul{padding-left:18px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.proj-desc li{color:var(--fg-dim);font-size:12px}footer{padding:28px 0;text-align:center;color:var(--fg-dim);font-size:11px;border-top:1px solid var(--border)}footer span{color:var(--brown)}@media(max-width:600px){.site{padding:0 16px}nav .inner{padding:0 16px;gap:6px}.nav-links{gap:14px}.hero{padding:40px 0 36px}.hero-bio{font-size:12.5px}.proj-links{flex-wrap:wrap}.blog-card{flex-wrap:wrap;gap:4px}.blog-date{width:auto}.blog-tags,.blog-arrow{display:none}section{padding:40px 0}}