:root{--bg:#09090b;--bg-grid:#111114;--surface:#0d0d10;--surface-raised:#131317;--border:#1e1e23;--border-strong:#2a2a31;--text:#f5f5f4;--text-secondary:#a1a1a8;--text-muted:#8b8b91;--accent:#e11d2e;--accent-dark:#7f101a;--accent-glow:#e11d2e59;--accent-tint:#e11d2e14;--accent-ring:#e11d2e29;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", Consolas, ui-monospace, "Cascadia Mono", monospace;--max-width:1080px;--prose-width:68ch;--gutter:24px;--header-h:64px;--section-space:clamp(5.625rem, 9vw, 8.125rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;--shadow-card:0 24px 64px #0000008c;--shadow-hover:0 28px 72px #0009, 0 0 24px -6px var(--accent-glow);--glow-accent:0 0 0 3px var(--accent-ring), 0 0 18px var(--accent-glow);--dur-micro:.12s;--dur-base:.2s;--dur-reveal:.32s;--dur-draw:.5s;--stagger:60ms;--ease-out:cubic-bezier(.2, .7, .3, 1);--ease-io:cubic-bezier(.65, 0, .35, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--space-6));background-color:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65}a{color:inherit;text-decoration:none}img,svg{max-width:100%}img{display:block}ul{list-style:none}h1,h2,h3,h4{color:var(--text);letter-spacing:-.02em;font-weight:700;line-height:1.2}::selection{background:var(--accent);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.container{width:min(var(--max-width), 100% - (var(--gutter) * 2));margin-inline:auto}.section{padding-top:var(--section-space);position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:2.5px;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:10px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.eyebrow:before{content:"";background:var(--accent);flex:none;width:3px;height:3px}.eyebrow--plain:before{display:none}.section-head-row{justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-top:var(--space-4);display:flex}.section-heading{letter-spacing:-.5px;color:var(--text);font-size:clamp(1.875rem,4vw,2.375rem);font-weight:700;line-height:1.1}.section-note{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;flex:none;font-size:11px;font-weight:500}.rule-bar{border-radius:var(--radius-sm);background:var(--accent);width:132px;height:7px;margin-top:20px}.chip{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 11px;font-size:12px;font-weight:500;line-height:1.4}.link-wipe{background-image:linear-gradient(var(--accent), var(--accent));transition:background-size var(--dur-base) var(--ease-out), color var(--dur-micro) var(--ease-out);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px}.link-wipe:hover,.link-wipe:focus-visible{color:var(--text);background-size:100% 1px}.grid-overlay{z-index:0;pointer-events:none;background-image:linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);background-size:80px 80px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(1150px 950px at 50% 400px,#000 35%,#0000 100%);mask-image:radial-gradient(1150px 950px at 50% 400px,#000 35%,#0000 100%)}@keyframes grid-drift{0%{opacity:1;transform:translate(0,0)}to{opacity:.5;transform:translateY(-40px)}}@supports (animation-timeline:scroll()){.grid-overlay{will-change:transform;animation:linear both grid-drift;animation-timeline:scroll(root)}}.reveal-item{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out), transform var(--dur-reveal) var(--ease-out);transition-delay:calc(var(--i,0) * var(--stagger));transform:translateY(12px)}.is-revealed .reveal-item{opacity:1;transform:none}.reveal .rule-bar{transform-origin:0;transition:transform var(--dur-draw) var(--ease-out);transition-delay:calc(var(--i,0) * var(--stagger));transform:scaleX(0)}.reveal.is-revealed .rule-bar{transform:scaleX(1)}@media (width<=640px){:root{--gutter:20px;--header-h:56px}.grid-overlay{background-size:48px 48px;-webkit-mask-image:radial-gradient(420px 560px at 50% 300px,#000 35%,#0000 100%);mask-image:radial-gradient(420px 560px at 50% 300px,#000 35%,#0000 100%)}.section-head-row{margin-top:14px}.rule-bar{margin-top:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;animation-timeline:none!important}.reveal-item{opacity:1;transform:none}.reveal .rule-bar{transform:scaleX(1)}.grid-overlay{will-change:auto;animation:none!important}}.header{z-index:50;height:var(--header-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);background:#09090be0;position:sticky;top:0}@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.header{background:#09090bf7}}.header-inner{height:var(--header-h);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.header-logo{font-family:var(--font-mono);color:var(--text);white-space:nowrap;align-items:center;gap:7px;font-size:14px;display:flex}.header-cursor{background:var(--accent);flex:none;width:8px;height:15px}.header-nav{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:30px;font-size:11px;font-weight:500;display:flex}.header-nav a{color:var(--text-muted);white-space:nowrap;padding-bottom:2px}.header-progress{background:var(--accent);transform-origin:0;width:100%;height:2px;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}@keyframes header-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@supports (animation-timeline:scroll()){.header-progress{animation:linear both header-progress;animation-timeline:scroll(root)}}@media (prefers-reduced-motion:reduce){.header-progress{animation:none!important}}@media (width<=640px){.header-nav{letter-spacing:1.5px;gap:16px;font-size:10px}.header-logo{gap:6px;font-size:13px}.header-cursor{width:7px;height:13px}.hide-mobile{display:none}}.hero{min-height:calc(100svh - var(--header-h));align-items:center;display:flex;position:relative}.hero-bloom{left:0;top:calc(-1 * var(--header-h));pointer-events:none;background:radial-gradient(620px 430px at 22% 32%, var(--accent-tint), transparent 70%);width:900px;max-width:100%;height:720px;position:absolute}.hero-inner{z-index:1;padding-block:var(--space-16);position:relative}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:2.5px;text-transform:uppercase;color:var(--text-muted);animation:hero-fade .2s var(--ease-out) both;align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.hero-eyebrow-text{animation:.52s steps(34,end) both hero-type}.hero-caret{background:var(--accent);flex:none;width:8px;height:14px;animation:.3s step-end 3 both hero-caret}.hero-name{letter-spacing:-.03em;color:var(--text);animation:hero-rise .32s var(--ease-out) .26s both;margin:22px 0 30px;font-size:clamp(2.75rem,8vw,5rem);font-weight:700;line-height:1.05}.hero-rule{border-radius:var(--radius-sm);background:var(--accent);transform-origin:0;width:132px;height:7px;animation:hero-draw var(--dur-draw) var(--ease-out) .46s both}.hero-tagline{color:var(--text-secondary);text-wrap:pretty;max-width:52ch;animation:hero-rise .32s var(--ease-out) .56s both;margin:34px 0 44px;font-size:18px;line-height:1.65}.hero-links{gap:14px;display:flex}.hero-links li{animation:hero-rise .26s var(--ease-out) both;animation-delay:calc(.62s + var(--i,0) * var(--stagger))}.hero-link{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--text-muted);transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);justify-content:center;align-items:center;display:flex}.hero-link:hover,.hero-link:focus-visible{border-color:var(--accent);box-shadow:var(--glow-accent);color:var(--text)}@keyframes hero-fade{0%{opacity:0}to{opacity:1}}@keyframes hero-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes hero-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hero-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hero-caret{0%,49%{opacity:0}50%,to{opacity:1}}@media (width<=640px){.hero{min-height:0}.hero-inner{padding-block:96px 0}.hero-bloom{background:radial-gradient(320px 260px at 20% 28%, var(--accent-tint), transparent 70%);width:100%;height:480px}.hero-eyebrow{letter-spacing:2px;font-size:12px;line-height:1.9;display:block}.hero-eyebrow-text{animation:hero-fade .32s var(--ease-out) both}.hero-caret{vertical-align:-1px;width:7px;height:12px;margin-left:7px;display:inline-block}.hero-name{margin:16px 0 22px}.hero-tagline{margin:26px 0 32px;font-size:16px}.hero-links{gap:12px}}@media (prefers-reduced-motion:reduce){.hero-rule{transform:none}.hero-eyebrow-text{clip-path:none}}.section--about{padding-top:clamp(5.625rem,7.6vw,6.875rem)}.about-bio{max-width:var(--prose-width);color:var(--text-secondary);text-wrap:pretty;margin-top:28px;padding-left:24px;font-size:16px;line-height:1.65;position:relative}.about-bio:before{content:"";background:var(--accent);transform-origin:top;width:3px;transition:transform var(--dur-draw) var(--ease-out);transition-delay:.12s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.is-revealed .about-bio:before{transform:scaleY(1)}@media (width<=640px){.about-bio{margin-top:22px;padding-left:20px}}@media (prefers-reduced-motion:reduce){.about-bio:before{transform:scaleY(1)}}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:48px;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:opacity var(--dur-reveal) var(--ease-out) calc(var(--i,0) * var(--stagger)), transform var(--dur-reveal) var(--ease-out) calc(var(--i,0) * var(--stagger)), translate var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;gap:12px;padding:26px;display:flex;position:relative}.project-card:before,.project-card:after{content:"";background:var(--accent);width:26px;height:3px;transition:transform .18s var(--ease-out);border-radius:2px;position:absolute;transform:scaleX(.4)}.project-card:before{transform-origin:0;top:-1px;left:18px}.project-card:after{transform-origin:100%;bottom:-1px;right:18px}.projects-grid .project-card:hover,.projects-grid .project-card:focus-within{border-color:var(--accent-dark);box-shadow:var(--shadow-hover);translate:0 -2px}.project-card:hover:before,.project-card:hover:after,.project-card:focus-within:before,.project-card:focus-within:after{transform:scaleX(1)}.project-flag{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;font-size:10px;font-weight:500;line-height:1;display:flex;position:absolute;top:20px;right:22px}.project-flag-dot{background:var(--accent);width:3px;height:3px}.project-name{letter-spacing:-.01em;color:var(--text);font-size:17px;font-weight:600;line-height:1.3}.project-card--featured .project-name{margin-top:10px}.project-link{color:var(--text);align-items:baseline;gap:8px;display:inline-flex}.project-arrow{color:var(--accent);transition:transform var(--dur-base) var(--ease-out);font-size:14px}.project-card:hover .project-arrow,.project-card:focus-within .project-arrow{transform:translate(4px)}.project-description{color:var(--text-secondary);text-wrap:pretty;font-size:14px;line-height:1.6}.project-foot{flex-direction:column;gap:12px;margin-top:auto;display:flex}.project-meta{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:18px;padding-top:8px;font-size:12px;display:flex}.project-lang,.project-stars{align-items:center;gap:7px;display:flex}.project-stars{gap:5px}.project-dot{border-radius:var(--radius-pill);flex:none;width:9px;height:9px}.project-dot--ringed{box-shadow:inset 0 0 0 1px var(--border-strong)}.project-topics{flex-wrap:wrap;gap:8px;display:flex}.chip--sm{padding:3px 8px;font-size:11px}.project-card--skeleton{gap:14px;min-height:178px}.project-card--skeleton:before,.project-card--skeleton:after{display:none}.skeleton{border-radius:var(--radius-sm);background:var(--surface-raised);position:relative;overflow:hidden}.skeleton:after{content:"";animation:skeleton-shimmer 1.6s var(--ease-io) infinite;background:linear-gradient(90deg,#0000,#f5f5f40d,#0000);position:absolute;inset:0;transform:translate(-100%)}.skeleton--title{width:45%;height:17px}.skeleton--line{width:100%;height:12px}.skeleton--short{width:70%}.skeleton--chips{width:55%;height:22px;margin-top:auto}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.projects-notice{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);color:var(--text-secondary);margin-top:48px;padding:22px 24px;font-size:14px;line-height:1.7}.projects-notice-label{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:500;display:block}.projects-notice a{color:var(--text)}@media (width<=640px){.projects-grid{grid-template-columns:1fr;gap:20px;margin-top:34px}.project-card{gap:11px;padding:22px}.project-flag{top:18px;right:20px}.project-card--featured .project-name{margin-top:8px}.project-meta{gap:16px;padding-top:4px}.projects-notice{margin-top:34px}}@media (prefers-reduced-motion:reduce){.project-card:before,.project-card:after{transform:scaleX(1)}.skeleton:after{animation:none;display:none}}.built-list{margin-top:44px}.built-item{border-top:1px solid var(--border)}.built-item:last-child{border-bottom:1px solid var(--border)}.built-link{transition:background-color var(--dur-base) var(--ease-out);background:0 0;align-items:center;gap:28px;padding:26px 20px;display:flex;position:relative}.built-link:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform var(--dur-draw) var(--ease-out);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.built-link:hover,.built-link:focus-visible{background:var(--surface)}.built-link:hover:after,.built-link:focus-visible:after{transform:scaleX(1)}.built-index{font-family:var(--font-mono);color:var(--text-muted);flex:none;font-size:13px}.built-body{align-items:center;gap:28px;min-width:0;display:flex}.built-name{letter-spacing:-.01em;color:var(--text);font-size:20px;font-weight:600}.built-url{font-family:var(--font-mono);color:var(--text-muted);overflow-wrap:anywhere;font-size:13px}.built-arrow{padding-left:var(--space-4);color:var(--accent);transition:transform var(--dur-base) var(--ease-out);margin-left:auto;font-size:16px}.built-link:hover .built-arrow,.built-link:focus-visible .built-arrow{transform:translate(6px)}@media (width<=640px){.built-list{margin-top:22px}.built-link{gap:16px;padding:20px 4px}.built-index{align-self:center;font-size:12px}.built-body{flex-direction:column;align-items:flex-start;gap:5px}.built-name{font-size:18px}.built-url{font-size:11px}.built-arrow{font-size:15px}}@media (prefers-reduced-motion:reduce){.built-link:after{transform:scaleX(0)}.built-link:hover:after,.built-link:focus-visible:after{transform:scaleX(1)}}.resume-grid{grid-template-columns:1fr 1.4fr;gap:90px;margin-top:56px;display:grid}.resume-chips{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.resume-timeline{flex-direction:column;gap:34px;margin-top:26px;margin-left:4px;padding-left:30px;list-style:none;display:flex;position:relative}.resume-timeline:before{content:"";background:var(--border);transform-origin:top;width:1px;transition:transform var(--dur-draw) var(--ease-out);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.is-revealed .resume-timeline:before{transform:scaleY(1)}.resume-entry{transition-delay:calc(.18s + var(--i,0) * 70ms);position:relative}.resume-node{border-radius:var(--radius-pill);background:var(--bg);border:1.5px solid var(--border-strong);width:9px;height:9px;position:absolute;top:5px;left:-34.5px}.resume-node--current{background:var(--accent);box-shadow:0 0 0 5px var(--accent-ring);animation:node-pulse 2.4s var(--ease-io) infinite;border:0}@keyframes node-pulse{0%,to{box-shadow:0 0 0 5px var(--accent-ring)}50%{box-shadow:0 0 0 9px #e11d2e0a}}.resume-role{color:var(--text);font-size:16px;font-weight:600;line-height:1.35}.resume-company{color:var(--text-secondary);margin-top:3px;font-size:15px}.resume-period{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-top:7px;font-size:11px;font-weight:500;line-height:1.6}@media (width<=900px){.resume-grid{grid-template-columns:1fr;gap:70px}}@media (width<=640px){.resume-grid{gap:70px;margin-top:34px}.resume-chips{gap:9px;margin-top:22px}.resume-timeline{gap:30px;margin-top:24px;padding-left:26px}.resume-node{left:-30.5px}}@media (prefers-reduced-motion:reduce){.resume-timeline:before{transform:scaleY(1)}.resume-node--current{animation:none}}.footer{border-top:1px solid var(--border);margin-top:140px;position:relative}.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-6);height:76px;font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500;display:flex}.footer-links{gap:26px;display:flex}.footer-links a{color:var(--text-muted);padding-bottom:2px}@media (width<=640px){.footer{margin-top:80px}.footer-inner{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:24px 0}.footer-links{gap:22px}}.post{padding:96px 0 120px;position:relative}.post-column{width:min(640px,100%);margin-inline:auto}.post-nav{line-height:1}.post-back{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);padding-bottom:2px;font-size:11px;font-weight:500;display:inline-block}.post-title{letter-spacing:-.5px;color:var(--text);text-wrap:pretty;margin-top:40px;font-size:clamp(1.875rem,5vw,2.625rem);font-weight:700;line-height:1.15}.post-rule{margin-top:26px}.post-meta{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-top:26px;font-size:11px;font-weight:500}.post-summary,.post-body p{color:var(--text-secondary);text-wrap:pretty;font-size:16px;line-height:1.65}.post-summary{margin-top:44px}.post-body p,.post-body ul,.post-body ol{margin-top:24px}.post-body h2{letter-spacing:-.5px;color:var(--text);margin-top:48px;font-size:1.5rem;font-weight:700}.post-body h3{letter-spacing:-.01em;color:var(--text);margin-top:32px;font-size:1.0625rem;font-weight:600}.post-body ul,.post-body ol{padding-left:22px}.post-body li{color:var(--text-secondary);margin-top:6px;font-size:16px;line-height:1.65;list-style:outside}.post-body ol li{list-style:decimal}.post-body a{color:var(--text);background-image:linear-gradient(var(--accent), var(--accent));transition:background-size var(--dur-base) var(--ease-out);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px}.post-body a:hover,.post-body a:focus-visible{background-size:0 1px}.post-body pre{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:28px;padding:22px 24px;overflow-x:auto}.post-body code{font-family:var(--font-mono);color:var(--text-secondary);font-size:13.5px;line-height:1.9}.post-body :not(pre)>code{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px;font-size:.875em}.post-body blockquote{border-left:3px solid var(--accent);color:var(--text);margin-top:36px;padding:2px 0 2px 24px;font-size:17px;line-height:1.65}.post-body blockquote p{font-size:inherit;color:inherit;margin-top:0}.post-body hr{border:0;border-top:1px solid var(--border);margin-top:40px}.post-body img{border-radius:var(--radius-md);margin-top:28px}.post-notice-label{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}.post-notice{color:var(--text-secondary);margin:12px 0 32px;font-size:16px}@media (width<=640px){.post{padding:64px 0 90px}.post-title,.post-summary{margin-top:32px}}.app-content{z-index:1;position:relative}.skip-link{z-index:9999;background-color:var(--surface-raised);border:1px solid var(--accent);border-radius:0 0 var(--radius-md) 0;color:var(--text);font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;transition:top var(--dur-base) var(--ease-out);padding:.75rem 1.5rem;font-size:11px;font-weight:500;position:fixed;top:-100%;left:0}.skip-link:focus{top:0}