:root{--bg:#fff;--bg-2:#f5f5f5;--bg-3:#eaeaea;--text:#111;--text-2:#444;--muted:#888;--border:#e8e8e8;--border-2:#d0d0d0;--accent:#2563eb;--accent-fg:#fff;--code-bg:#f4f4f5;--header-bg:#ffffffe0;--t-red:#ff5f57;--t-yellow:#febc2e;--t-green:#28c840;--accent-updated:#b45309;--accent-updated-dim:#b453091a;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-serif:"Lora", Georgia, "Times New Roman", serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--max-w:1100px;--r-sm:5px;--r:8px;--r-lg:12px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d0d0d;--bg-2:#181818;--bg-3:#242424;--text:#efefef;--text-2:#b0b0b0;--muted:#6e6e6e;--border:#2c2c2c;--border-2:#3a3a3a;--accent:#3b82f6;--accent-fg:#fff;--code-bg:#161616;--header-bg:#0d0d0de0;--accent-updated:#f59e0b;--accent-updated-dim:#f59e0b1f;color-scheme:dark}}[data-theme=dark]{--bg:#0d0d0d;--bg-2:#181818;--bg-3:#242424;--text:#efefef;--text-2:#b0b0b0;--muted:#6e6e6e;--border:#2c2c2c;--border-2:#3a3a3a;--accent:#3b82f6;--accent-fg:#fff;--code-bg:#161616;--header-bg:#0d0d0de0;--accent-updated:#f59e0b;--accent-updated-dim:#f59e0b1f;color-scheme:dark}[data-theme=light]{--bg:#fff;--bg-2:#f5f5f5;--bg-3:#eaeaea;--text:#111;--text-2:#444;--muted:#888;--border:#e8e8e8;--border-2:#d0d0d0;--accent:#2563eb;--accent-fg:#fff;--code-bg:#f4f4f5;--header-bg:#ffffffe0;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100dvh;font-size:1rem;line-height:1.6;transition:background-color .2s,color .2s;display:flex}a{color:inherit;text-decoration:none}img,video,svg{max-width:100%;display:block}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit;font-size:inherit}.container{width:min(var(--max-w), 100% - 3rem);margin-inline:auto}main{flex:1}.site-header{z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;padding-block:.8125rem;display:flex}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:.5625rem;font-size:.9375rem;font-weight:600;display:flex}.brand:hover{color:var(--text)}.brand-mark{border-radius:var(--r-sm);background:var(--accent);width:26px;height:26px;color:var(--accent-fg);letter-spacing:.07em;flex-shrink:0;place-items:center;font-size:.5625rem;font-weight:700;display:grid}.header-right{align-items:center;gap:.25rem;display:flex}.nav{align-items:center;gap:.0625rem;display:flex}.nav-link{border-radius:var(--r-sm);color:var(--muted);white-space:nowrap;padding:.375rem .6875rem;font-size:.875rem;font-weight:500;transition:color .12s,background .12s}.nav-link:hover{color:var(--text);background:var(--bg-2)}.nav-link[aria-current=page]{color:var(--text);background:var(--bg-3)}.nav-contact{background:var(--text);color:var(--bg);white-space:nowrap;border-radius:999px;margin-left:.375rem;padding:.375rem .8125rem;font-size:.8125rem;font-weight:600;transition:opacity .12s}.nav-contact:hover{color:var(--bg);opacity:.8}.theme-btn{border-radius:var(--r-sm);border:1px solid var(--border);width:30px;height:30px;color:var(--muted);background:0 0;flex-shrink:0;place-items:center;margin-left:.375rem;transition:color .12s,background .12s,border-color .12s;display:grid}.theme-btn:hover{color:var(--text);background:var(--bg-2);border-color:var(--border-2)}.theme-btn svg{pointer-events:none}.menu-btn{border-radius:var(--r-sm);border:1px solid var(--border);width:30px;height:30px;color:var(--muted);background:0 0;flex-shrink:0;place-items:center;margin-left:.375rem;transition:color .12s,background .12s,border-color .12s;display:none}.menu-btn:hover{color:var(--text);background:var(--bg-2);border-color:var(--border-2)}.menu-btn svg{pointer-events:none}.nav-link-resume{display:none}.site-footer{border-top:1px solid var(--border);padding-block:2rem}.footer-inner{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;font-size:.875rem;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-links a:hover{color:var(--text)}.hero{padding-top:clamp(3.5rem,8vw,5.5rem);padding-bottom:clamp(3rem,6vw,4.5rem)}.hero-label{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.8125rem;font-weight:600;display:block}.hero-title{letter-spacing:-.03em;max-width:22ch;color:var(--text);margin-bottom:1.25rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1}.hero-desc{color:var(--text-2);max-width:54ch;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.0625rem);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:.625rem;margin-bottom:2.25rem;display:flex}.btn{border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:.375rem;padding:.5625rem 1.125rem;font-size:.9375rem;font-weight:600;transition:opacity .12s,background .12s,border-color .12s,color .12s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-fg);border:1px solid #0000}.btn-primary:hover{color:var(--accent-fg);opacity:.85}.btn-secondary{color:var(--text-2);border:1px solid var(--border-2);background:0 0}.btn-secondary:hover{color:var(--text);border-color:var(--text);background:var(--bg-2)}.tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.tag{background:var(--bg-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.section{border-top:1px solid var(--border);padding-block:5rem}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2.75rem;display:flex}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.section-title{letter-spacing:-.025em;color:var(--text);font-size:clamp(1.625rem,3vw,2.25rem);font-weight:700;line-height:1.2}.view-all{color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:.875rem;font-weight:500}.view-all:hover{color:var(--accent);text-decoration:underline}.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1rem;display:grid}.project-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text);flex-direction:column;padding:1.625rem;transition:border-color .15s,background .15s;display:flex}.project-card:hover{border-color:var(--border-2);background:var(--bg-2);color:var(--text)}.card-top{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.card-status{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem;font-weight:700}.card-date{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.card-updated{color:var(--muted);margin:-.5rem 0 .75rem;font-size:.6875rem}.project-card h3{letter-spacing:-.02em;color:var(--text);margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.3}.project-card .subtitle{color:var(--text-2);flex-grow:1;margin-bottom:1.125rem;font-size:.9375rem;line-height:1.65}.impact-list{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.impact-item{color:var(--text-2);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:.4rem .75rem;font-size:.875rem;line-height:1.5}.project-card:hover .impact-item{background:var(--bg-3)}.blog-list{flex-direction:column;display:flex}.blog-entry{border-bottom:1px solid var(--border);color:var(--text);align-items:baseline;gap:2rem;padding-block:1.375rem;display:flex}.blog-entry:first-child{border-top:1px solid var(--border)}.blog-entry:hover .blog-entry-title{color:var(--accent)}.blog-entry-date{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:9rem;font-size:.875rem}.blog-entry-body{flex:1}.blog-entry-title{letter-spacing:-.01em;color:var(--text);margin-bottom:.25rem;font-size:1.0625rem;font-weight:600;line-height:1.35;transition:color .12s}.blog-entry-desc{color:var(--text-2);font-size:.9375rem;line-height:1.6}.blog-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1rem;display:grid}.blog-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text);padding:1.25rem 1.375rem;transition:border-color .15s,background .15s;display:block}.blog-card:hover{border-color:var(--border-2);background:var(--bg-2);color:var(--text)}.blog-card:hover .blog-card-title{color:var(--accent)}.blog-card-date{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:.25rem;font-size:.75rem}.blog-card-updated{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:.5rem;font-size:.6875rem}.blog-card-title{letter-spacing:-.015em;color:var(--text);margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.3;transition:color .12s}.blog-card-desc{color:var(--text-2);margin-bottom:.875rem;font-size:.875rem;line-height:1.55}.page-intro{border-bottom:1px solid var(--border);padding-top:clamp(2.5rem,5vw,3.5rem);padding-bottom:2.5rem}.page-intro .label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.875rem;font-size:.75rem;font-weight:600;display:block}.page-intro h1{letter-spacing:-.03em;max-width:22ch;margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.15}.page-intro p{color:var(--text-2);max-width:55ch;font-size:1rem;line-height:1.7}.contact-content{grid-template-columns:minmax(0,640px);justify-content:center;padding-block:2.5rem;display:grid}.contact-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.5rem}.contact-card h2{color:var(--text);margin-bottom:1rem;font-size:.9375rem;font-weight:600}.contact-list{color:var(--text-2);flex-direction:column;gap:.75rem;font-size:.9375rem;display:flex}.contact-list a{color:var(--accent)}.contact-list a:hover{text-decoration:underline}.contact-form{flex-direction:column;gap:1rem;display:flex}.contact-form label{color:var(--text-2);flex-direction:column;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border-2);border-radius:var(--r);padding:.625rem .75rem;font-size:.9375rem}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.contact-form textarea{resize:vertical;min-height:8rem}.contact-form button{align-self:flex-start}.botcheck{display:none}.case-study{padding-bottom:5rem}.back-link{color:var(--muted);align-items:center;gap:.375rem;padding-block:1.5rem;font-size:.875rem;transition:color .12s;display:inline-flex}.back-link:hover{color:var(--text)}.case-header{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:2rem}.case-header h1{letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(1.625rem,3.5vw,2.5rem);font-weight:700;line-height:1.15}.case-header .sub{color:var(--text-2);max-width:60ch;margin-bottom:.875rem;font-size:1.0625rem;line-height:1.65}.case-meta{color:var(--muted);flex-direction:column;gap:.25rem;margin-bottom:1.25rem;font-size:.8125rem;display:flex}.impact-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.impact-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r);color:var(--text-2);padding:1rem 1.25rem;font-size:.9rem;line-height:1.55}.hero-image{border-radius:var(--r-lg);border:1px solid var(--border);margin-bottom:2rem;overflow:hidden}.hero-image img{width:100%;height:auto;display:block}.video-embed{aspect-ratio:16/9;border-radius:var(--r-lg);border:1px solid var(--border);background:#000;margin-block:2rem;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%}.blog-post{padding-bottom:5rem}.post-header{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-top:2rem;padding-bottom:2rem}.post-header h1{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text);margin-bottom:.875rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:600;line-height:1.2}.post-meta{color:var(--muted);flex-direction:column;gap:.625rem;margin-bottom:1rem;font-size:.875rem;display:flex}.post-dates{flex-wrap:wrap;align-items:center;gap:.375rem .875rem;display:flex}.post-updated-badge{background:var(--accent-updated-dim);color:var(--accent-updated);border:1px solid color-mix(in srgb, var(--accent-updated) 22%, transparent);font-size:.75rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.01em;border-radius:100px;align-items:center;padding:.2rem .65rem;display:inline-flex}.ongoing-badge{color:var(--t-green);font-size:.75rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.01em;white-space:nowrap;background:#28c84014;border:1px solid #28c84038;border-radius:100px;flex-shrink:0;align-self:flex-start;align-items:center;padding:.2rem .65rem;display:inline-flex}.card-top-right{align-items:center;gap:.5rem;display:flex}.post-desc{color:var(--text-2);max-width:60ch;margin-bottom:1.25rem;font-size:1.0625rem;line-height:1.7}.prose{color:var(--text-2);max-width:68ch;font-size:1.0625rem;line-height:1.8}.prose h2{font-family:var(--font-serif);color:var(--text);letter-spacing:-.02em;margin-top:2.5rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:600;line-height:1.25}.prose h3{color:var(--text);letter-spacing:-.01em;margin-top:2rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.prose p{margin-bottom:1.25rem}.prose ul{margin-bottom:1.25rem;padding-left:1.375rem;list-style:outside}.prose ol{margin-bottom:1.25rem;padding-left:1.375rem;list-style:decimal}.prose li{margin-bottom:.375rem;line-height:1.7}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline 1px}.prose a:hover{text-decoration-thickness:2px}.prose pre{font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--r);margin-bottom:1.25rem;padding:1.25rem 1.375rem;font-size:.875rem;line-height:1.65;overflow-x:auto;background:var(--code-bg)!important}.prose code:not(pre>code){font-family:var(--font-mono);background:var(--bg-3);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:.15em .35em;font-size:.875em}.prose pre code{color:inherit;background:0 0;border:none;padding:0;font-size:1em}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin-block:1.5rem;padding-left:1.25rem;font-style:italic}.prose hr{border:none;border-top:1px solid var(--border);margin-block:2rem}.prose img,.prose video{border-radius:var(--r-lg);border:1px solid var(--border);max-width:100%;height:auto;display:block}.prose video{background:#000;width:100%;margin-block:1.75rem}.prose figure{margin-block:2rem}.prose figure img{width:100%;height:auto;margin-block:0}.prose figcaption{color:var(--muted);text-align:center;margin-top:.625rem;font-size:.8125rem;font-style:italic;line-height:1.5}.img-pair{grid-template-columns:1fr 1fr;gap:1rem;margin-block:2rem;display:grid}.img-pair figure{margin:0}.img-pair figure img{width:100%;height:auto;margin-block:0}@media (width<=600px){.img-pair{grid-template-columns:1fr}}.hero-grid{grid-template-columns:1fr 390px;align-items:stretch;gap:3rem;display:grid}.hero-grid .hero-copy{min-width:0}.terminal{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-2);font-family:var(--font-mono);flex-direction:column;flex-shrink:0;font-size:.8125rem;display:flex;overflow:hidden}.terminal-bar{background:var(--bg-3);border-bottom:1px solid var(--border);align-items:center;padding:.5625rem .875rem;display:flex;position:relative}.t-dots{flex-shrink:0;gap:.375rem;display:flex}.t-dot{border-radius:50%;width:10px;height:10px}.t-dot.r{background:var(--t-red)}.t-dot.y{background:var(--t-yellow)}.t-dot.g{background:var(--t-green)}.terminal-title{color:var(--muted);white-space:nowrap;font-size:.6875rem;position:absolute;left:50%;transform:translate(-50%)}.terminal-body{flex-direction:column;flex:1;gap:.25rem;min-height:0;padding:.875rem 1rem;display:flex;overflow:hidden}.t-line{color:var(--text-2);align-items:baseline;gap:.5rem;line-height:1.6;display:flex}.t-prompt{color:var(--accent);flex-shrink:0}.t-dim{color:var(--muted);padding-left:1.125rem;font-size:.75rem}.t-ok{color:var(--t-green);padding-left:1.125rem;font-size:.75rem}.t-cursor{background:var(--accent);vertical-align:text-bottom;border-radius:1px;flex-shrink:0;width:7px;height:1em;margin-left:1px;animation:1.1s step-end infinite t-blink;display:inline-block}@keyframes t-blink{0%,to{opacity:1}50%{opacity:0}}.interests{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.interest-tag{background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.8125rem;display:inline-flex}.timeline{margin-top:2rem;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:.75rem;bottom:.75rem;left:50%;transform:translate(-50%)}.tl-item{grid-template-columns:1fr 3rem 1fr;margin-bottom:2.25rem;display:grid;position:relative}.tl-content{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.5rem 1.625rem;transition:border-color .15s}.tl-content:hover{border-color:var(--border-2)}.tl-node{z-index:1;justify-content:center;padding-top:1.25rem;display:flex;position:relative}.tl-node:before{content:"";background:var(--accent);border:2px solid var(--bg);width:10px;height:10px;box-shadow:0 0 0 1px var(--accent);border-radius:50%;flex-shrink:0;display:block}.tl-year{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-variant-numeric:tabular-nums;margin-bottom:.375rem;font-size:.75rem;font-weight:600}.tl-role{color:var(--text);letter-spacing:-.01em;margin-bottom:.125rem;font-size:1.0625rem;font-weight:600;line-height:1.3}.tl-org{color:var(--text-2);margin-bottom:.625rem;font-size:.9375rem}.tl-desc{color:var(--text-2);font-size:.9375rem;line-height:1.65}.tl-badges{flex-wrap:wrap;gap:.375rem;margin-top:.75rem;display:flex}.exp-badge{color:var(--accent);background:#2563eb14;border:1px solid #2563eb33;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}[data-theme=dark] .exp-badge{background:#3b82f61a;border-color:#3b82f640}@media (width<=768px){.nav-contact{display:none}.menu-btn{display:grid}.nav{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:.125rem;padding:.625rem 1.5rem .875rem;display:none;position:absolute;top:100%;left:0;right:0}.nav.open{display:flex}.nav-link{padding:.625rem .75rem;font-size:.9375rem}.nav-link-resume{background:var(--text);color:var(--bg);text-align:center;border-radius:999px;margin-top:.5rem;font-weight:600;display:block}.nav-link-resume:hover{background:var(--text);color:var(--bg);opacity:.85}.blog-entry{flex-direction:column;gap:.25rem}.blog-entry-date{min-width:unset}.hero-desc{display:none}.hero-grid{grid-template-columns:1fr}.terminal{height:320px}.timeline:before{left:1rem;transform:none}.tl-item{grid-template-columns:2.25rem 1fr}.tl-node{grid-area:1/1}.tl-content{grid-area:1/2}.tl-space{display:none}}@media (width<=560px){.container{width:min(var(--max-w), 100% - 2rem)}}