:root{--bg: #0a0a0b;--bg2: #111114;--bg3: #18181c;--border: #222228;--border2: #2e2e38;--text: #e8e8ed;--muted: #6b6b7a;--faint: #38383f;--accent: #58a6ff;--green: #3fb950;--amber: #d29922;--purple: #a371f7;--pink: #ff7b72;--teal: #39d353;--serif: "DM Serif Display", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif;--mono: "DM Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.65;min-height:100vh}a{color:inherit;text-decoration:none}nav{position:sticky;top:0;z-index:100;background:#0a0a0bd9;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:56px}.nav-inner{max-width:760px;margin:0 auto;padding:0 40px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--muted);letter-spacing:.04em}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:.03em;transition:color .15s}.nav-links a:hover{color:var(--text)}.hero{max-width:760px;margin:0 auto;padding:100px 40px 80px}.hero-eyebrow{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:10px}.hero-eyebrow:before{content:"";display:inline-block;width:24px;height:1px;background:var(--faint)}.hero h1{font-family:var(--serif);font-size:clamp(42px,6vw,64px);font-weight:400;line-height:1.08;color:var(--text);margin-bottom:8px;letter-spacing:-.02em}.hero h1 em{font-style:italic;color:var(--muted)}.hero-desc{font-size:16px;color:var(--muted);max-width:520px;margin:28px 0 40px;line-height:1.7;font-weight:300}.hero-links{display:flex;gap:16px;flex-wrap:wrap}.hero-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--muted);border:1px solid var(--border2);border-radius:4px;padding:8px 14px;transition:color .15s,border-color .15s}.hero-link:hover{color:var(--text);border-color:var(--faint)}.hero-link svg{width:14px;height:14px}.section-divider{max-width:760px;margin:0 auto;padding:0 40px}.section-divider hr{border:none;border-top:1px solid var(--border)}.section-label{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:40px;display:flex;align-items:center;gap:12px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.about{max-width:760px;margin:0 auto;padding:72px 40px}.about-body{display:grid;grid-template-columns:1fr 280px;gap:60px;align-items:start}.about-text p{font-size:15px;color:var(--muted);line-height:1.8;font-weight:300;margin-bottom:16px}.about-text p:last-child{margin-bottom:0}.about-text strong{color:var(--text);font-weight:500}.stack-label{font-family:var(--mono);font-size:11px;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.stack-list{list-style:none;display:flex;flex-direction:column;gap:8px}.stack-list li{font-family:var(--mono);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.stack-list li:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--border2);flex-shrink:0}.stack-list li.active:before{background:var(--accent)}.blog{max-width:760px;margin:0 auto;padding:72px 40px}.blog-tabs{display:flex;gap:4px;margin-bottom:24px}.blog-tab{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:4px;border:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.blog-tab:hover{color:var(--text);border-color:var(--border2)}.blog-tab.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.blog-list{display:flex;flex-direction:column;border-top:1px solid var(--border)}.blog-item{display:grid;grid-template-columns:auto 1fr auto;gap:0 24px;align-items:start;padding:28px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;position:relative;text-decoration:none;color:inherit}.blog-item:hover .blog-item-title{color:var(--text)}.blog-item:hover .blog-arrow{opacity:1;transform:translate(3px)}.blog-num{font-family:var(--mono);font-size:12px;color:var(--faint);padding-top:3px;letter-spacing:.04em;white-space:nowrap}.blog-type{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:4px;white-space:nowrap;align-self:start;margin-top:3px}.blog-type.series{color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.blog-type.post{color:var(--muted);border:1px solid color-mix(in srgb,var(--muted) 30%,transparent)}.blog-item-meta-line{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:4px}.blog-item-title{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--muted);line-height:1.3;margin-bottom:6px;transition:color .15s}.blog-item-hint{font-size:13px;color:var(--faint);font-weight:300;line-height:1.5}.blog-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding-top:4px}.blog-date{font-family:var(--mono);font-size:11px;color:var(--faint);letter-spacing:.04em}.blog-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.blog-tag{font-size:11px;font-family:var(--mono);padding:2px 8px;border-radius:3px;border:1px solid var(--border);color:var(--faint)}.blog-tag.tool{border-color:#58a6ff33;color:#58a6ff99}.blog-tag.ml{border-color:#a371f733;color:#a371f799}.blog-tag.sec{border-color:#f8514933;color:#f8514999}.blog-tag.obs{border-color:#3fb95033;color:#3fb95099}.blog-arrow{opacity:0;transition:opacity .15s,transform .15s;color:var(--accent);font-size:16px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.projects{max-width:760px;margin:0 auto;padding:72px 40px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}.project-card{background:var(--bg);padding:28px;transition:background .15s;cursor:pointer}.project-card:hover{background:var(--bg2)}.project-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.project-icon{font-size:18px}.project-status{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);border:1px solid rgba(63,185,80,.2);border-radius:3px;padding:2px 7px;background:#3fb9500d}.project-status.wip{color:var(--amber);border-color:#d2992233;background:#d299220d}.project-name{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--text);margin-bottom:8px;line-height:1.25}.project-desc{font-size:13px;color:var(--muted);line-height:1.6;font-weight:300;margin-bottom:16px}.project-tools{display:flex;gap:6px;flex-wrap:wrap}.project-tool{font-family:var(--mono);font-size:11px;color:var(--faint);border:1px solid var(--border2);padding:2px 8px;border-radius:3px}.project-links{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.project-link{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:3px;padding:4px 10px;transition:color .15s,border-color .15s}.project-link:hover{color:var(--text);border-color:var(--border2)}.contact{max-width:760px;margin:0 auto;padding:72px 40px 120px}.contact-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:60px}.contact-text h2{font-family:var(--serif);font-size:36px;font-weight:400;line-height:1.2;margin-bottom:14px}.contact-text h2 em{font-style:italic;color:var(--muted)}.contact-text p{font-size:14px;color:var(--muted);font-weight:300;max-width:340px;line-height:1.7}.contact-links{display:flex;flex-direction:column;gap:10px;flex-shrink:0;padding-top:6px}.contact-link{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:10px 16px;min-width:200px;transition:color .15s,border-color .15s}.contact-link:hover{color:var(--text);border-color:var(--border2)}footer{border-top:1px solid var(--border);padding:24px 40px;display:flex;align-items:center;justify-content:space-between;max-width:760px;margin:0 auto}footer p{font-family:var(--mono);font-size:11px;color:var(--faint);letter-spacing:.04em}.blog-header{max-width:760px;margin:0 auto;padding:80px 40px 60px;border-bottom:1px solid var(--border)}.blog-header-eyebrow{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.blog-header-title{font-family:var(--serif);font-size:clamp(32px,5vw,52px);font-weight:400;line-height:1.1;color:var(--text);margin-bottom:20px;letter-spacing:-.02em}.blog-header-title em{font-style:italic;color:var(--muted)}.blog-header-desc{font-size:15px;color:var(--muted);font-weight:300;max-width:560px;line-height:1.8;margin-bottom:40px}.blog-header-stats{display:flex;align-items:center;gap:24px}.blog-stat{display:flex;flex-direction:column;gap:2px}.blog-stat-num{font-family:var(--mono);font-size:14px;font-weight:500;color:var(--text);letter-spacing:.02em}.blog-stat-label{font-family:var(--mono);font-size:10px;color:var(--faint);letter-spacing:.1em;text-transform:uppercase}.blog-stat-divider{width:1px;height:28px;background:var(--border2)}.post-header{max-width:760px;margin:0 auto;padding:80px 40px 40px}.post-back{font-family:var(--mono);font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;margin-bottom:40px;transition:color .15s}.post-back:hover{color:var(--text)}.post-eyebrow{font-family:var(--mono);font-size:11px;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:12px}.post-title{font-family:var(--serif);font-size:clamp(32px,5vw,52px);font-weight:400;line-height:1.1;color:var(--text);margin-bottom:16px;letter-spacing:-.02em}.post-hint{font-size:16px;color:var(--muted);font-weight:300;max-width:560px;line-height:1.7;margin-bottom:28px}.post-tags{display:flex;gap:6px;flex-wrap:wrap}.post-content{max-width:760px;margin:0 auto;padding:40px 40px 120px;border-top:1px solid var(--border)}.post-content h2{font-family:var(--serif);font-size:28px;font-weight:400;color:var(--text);margin:48px 0 16px;letter-spacing:-.01em}.post-content h3{font-family:var(--sans);font-size:16px;font-weight:500;color:var(--text);margin:32px 0 12px}.post-content p{color:var(--muted);font-size:15px;line-height:1.8;font-weight:300;margin-bottom:20px}.post-content ul,.post-content ol{color:var(--muted);font-size:15px;line-height:1.8;font-weight:300;margin-bottom:20px;padding-left:24px}.post-content li{margin-bottom:6px}.post-content strong{color:var(--text);font-weight:500}.post-content code{font-family:var(--mono);font-size:13px;background:var(--bg3);border:1px solid var(--border);border-radius:3px;padding:2px 6px;color:var(--accent)}.post-content pre{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:20px 24px;overflow-x:auto;margin-bottom:24px}.copy-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg2);border:1px solid var(--border2);border-radius:4px;color:var(--muted);cursor:pointer;opacity:1;transition:color .15s,border-color .15s,background .15s}.copy-btn:hover{color:var(--text);border-color:var(--muted);background:var(--bg3)}.copy-btn.copied{color:var(--green);border-color:#3fb95080;background:#3fb95014}.post-content pre code{background:none;border:none;padding:0;color:var(--text);font-size:13px}.post-content blockquote{border-left:2px solid var(--border2);padding-left:20px;margin:24px 0;color:var(--faint);font-style:italic}.series-nav{max-width:760px;margin:0 auto;padding:20px 40px 24px;border-bottom:1px solid var(--border);background:var(--bg2)}.series-nav-label{font-family:var(--mono);font-size:10px;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.series-nav-label strong{color:var(--accent);font-weight:500}.series-nav-episodes{display:flex;gap:4px;flex-wrap:wrap}.series-nav-ep{font-family:var(--mono);font-size:11px;padding:4px 10px;border-radius:3px;border:1px solid var(--border);color:var(--faint);text-decoration:none;transition:color .15s,border-color .15s;white-space:nowrap}.series-nav-ep:hover{color:var(--text);border-color:var(--border2)}.series-nav-ep.current{border-color:var(--accent);color:var(--accent);background:#58a6ff14}.view-all-wrap{text-align:center;margin-top:32px}.view-all-link{font-family:var(--mono);font-size:12px;color:var(--muted);border:1px solid var(--border2);border-radius:4px;padding:8px 20px;display:inline-block;transition:color .15s,border-color .15s}.view-all-link:hover{color:var(--text);border-color:var(--faint)}@media (max-width: 640px){.nav-inner{padding:0 20px}.nav-links{gap:20px}.hero,.about,.blog,.projects,.contact{padding-left:20px;padding-right:20px}.about-body{grid-template-columns:1fr;gap:40px}.projects-grid{grid-template-columns:1fr}.contact-inner{flex-direction:column;gap:40px}.blog-item{grid-template-columns:auto 1fr}.blog-meta{display:none}.hero h1{font-size:36px}.post-header,.post-content,.blog-header,.series-nav{padding-left:20px;padding-right:20px}}