@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #FAFAF9;--surface: #FFFFFF;--text: #18181B;--muted: #71717A;--border: #E4E4E7;--accent: #2563EB;--accent-hover: #1D4ED8;--font-sans: "Inter Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--size-hero: 64px;--size-tagline: 28px;--size-h2: 32px;--size-h3: 22px;--size-body: 17px;--size-small: 14px;--size-meta: 13px;--w-content: 1120px;--w-reading: 720px;--space-section: clamp(96px, 11vw, 128px);--speed-fast: .15s;--speed-med: .2s}[data-theme=dark]{--bg: #0C0D0E;--surface: #141517;--text: #F4F4F5;--muted: #A1A1AA;--border: #27272A;--accent: #60A5FA;--accent-hover: #93C5FD}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0C0D0E;--surface: #141517;--text: #F4F4F5;--muted: #A1A1AA;--border: #27272A;--accent: #60A5FA;--accent-hover: #93C5FD}}@media(max-width:720px){:root{--size-hero: 42px;--size-tagline: 23px;--space-section: 96px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--size-body);line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em;text-wrap:balance}p{margin:0 0 1em}a{color:var(--text);text-decoration:none}img,svg{display:block;max-width:100%}code,pre,kbd{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}::selection{background:var(--accent);color:var(--surface)}.container{max-width:var(--w-content);margin-inline:auto;padding-inline:clamp(20px,4vw,32px)}.reading{max-width:var(--w-reading);margin-inline:auto}.skip-link{position:absolute;left:16px;top:-48px;z-index:200;padding:8px 14px;background:var(--accent);color:#fff;border-radius:0 0 8px 8px;font-size:var(--size-small);transition:top var(--speed-fast) ease}.skip-link:focus-visible{top:0}main{min-height:60vh}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;gap:24px;height:64px}.logo{font-family:var(--font-mono);font-weight:700;font-size:19px;letter-spacing:-.03em;color:var(--text)}.logo span{color:var(--accent)}.nav-desktop{display:flex;align-items:center;gap:26px;margin-left:auto}.nav-desktop a,.drawer-nav a{font-size:var(--size-small);color:var(--muted);transition:color var(--speed-fast) ease}.nav-desktop a:hover,.drawer-nav a:hover{color:var(--text)}.nav-desktop a.active{color:var(--text);font-weight:550}.header-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.nav-desktop+.header-actions{margin-left:8px}.icon-link,.theme-toggle,.nav-burger{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;color:var(--muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:color var(--speed-fast) ease,border-color var(--speed-fast) ease}.icon-link:hover,.theme-toggle:hover,.nav-burger:hover{color:var(--text);border-color:var(--border)}.icon-link svg,.theme-toggle svg{width:18px;height:18px}[data-theme=dark] .theme-icon-moon{display:none}:root:not([data-theme=dark]) .theme-icon-sun{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .theme-icon-moon{display:none}:root:not([data-theme=light]):not([data-theme=dark]) .theme-icon-sun{display:block}}.resume-link .ext-arrow{display:inline-block;transition:transform var(--speed-fast) ease}.resume-link:hover .ext-arrow{transform:translate(1px,-1px)}.nav-burger{display:none;flex-direction:column;gap:4.5px}.nav-burger .bar{width:16px;height:1.5px;background:currentColor;border-radius:2px}.mobile-drawer{display:none;border-bottom:1px solid var(--border);background:var(--bg)}.mobile-drawer.open{display:block}.drawer-nav{display:flex;flex-direction:column;padding:12px clamp(20px,4vw,32px) 24px}.drawer-nav a{padding:13px 0;font-size:16px;color:var(--text);border-bottom:1px solid var(--border)}.drawer-nav a:last-child{border-bottom:none}@media(max-width:860px){.nav-desktop{display:none}.nav-burger{display:inline-flex}}.hero{padding-block:calc(var(--space-section) * .85) var(--space-section)}.hero-kicker{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--muted);margin-bottom:22px}.hero h1{font-size:var(--size-hero);font-weight:700;margin:0 0 10px}.hero-role{font-size:var(--size-small);color:var(--muted);margin-bottom:44px}.hero-lines{font-size:var(--size-tagline);font-weight:600;letter-spacing:-.01em;line-height:1.35;margin:0 0 28px}.hero-subline{max-width:560px;color:var(--muted);margin-bottom:40px}.btn-row{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:10px;font-size:var(--size-small);font-weight:550;border:1px solid transparent;cursor:pointer;transition:background-color var(--speed-fast) ease,border-color var(--speed-fast) ease,transform var(--speed-fast) ease,box-shadow var(--speed-fast) ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}[data-theme=dark] .btn-primary{color:#0c0d0e}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary{color:#0c0d0e}}.btn-secondary{border-color:var(--border);color:var(--text);background:var(--surface)}.btn-secondary:hover{border-color:var(--accent);transform:translateY(-1px)}.btn .arrow{transition:transform var(--speed-fast) ease}.btn:hover .arrow{transform:translate(2px)}.section{padding-block:var(--space-section);border-top:1px solid var(--border)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:44px}.section-head h2{font-size:var(--size-h2);font-weight:650;margin:0}.section-head .see-all{font-size:var(--size-small);color:var(--muted);white-space:nowrap}.section-head .see-all:hover{color:var(--accent)}.section-index{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--muted)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card-wide{grid-column:1 / -1}.project-card{display:flex;flex-direction:column;padding:30px;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text);transition:border-color var(--speed-med) ease,transform var(--speed-med) ease}.project-card:hover{border-color:var(--accent);transform:translateY(-2px)}.card-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:34px}.card-index{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--muted)}.card-status{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:3px 10px}.project-card h3{font-size:var(--size-h3);font-weight:650;margin:0 0 4px}.card-oneliner{font-size:var(--size-small);color:var(--accent);font-weight:550;margin-bottom:14px}.card-desc{color:var(--muted);font-size:15.5px;margin-bottom:24px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 26px;padding:0}.tag-row li{font-family:var(--font-mono);font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:3px 10px}.card-view{margin-top:auto;font-size:var(--size-small);font-weight:550;color:var(--accent)}.card-view .arrow{display:inline-block;transition:transform var(--speed-fast) ease}.project-card:hover .card-view .arrow{transform:translate(4px)}.xp-item{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:26px 28px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.xp-org{font-weight:600}.xp-meta{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--muted);margin-top:4px}.xp-line{color:var(--muted);margin:0}@media(max-width:720px){.xp-item{grid-template-columns:1fr;gap:8px}}.post-list{display:flex;flex-direction:column;gap:14px}.post-card{display:block;padding:24px 28px;background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:border-color var(--speed-med) ease,transform var(--speed-med) ease}.post-card:hover{border-color:var(--accent);transform:translateY(-2px)}.post-card-meta{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--font-mono);font-size:var(--size-meta);color:var(--muted);margin-bottom:10px}.post-card h3{font-size:var(--size-h3);font-weight:650;margin:0 0 6px}.post-card p{color:var(--muted);font-size:15.5px;margin:0}.about-snippet p{max-width:var(--w-reading);color:var(--muted)}.about-snippet .identity-line{color:var(--text);font-weight:550}.interest-tags{font-family:var(--font-mono);font-size:var(--size-small);color:var(--muted);margin-bottom:32px}.text-link{color:var(--accent);font-weight:550;font-size:var(--size-small)}.text-link:hover{color:var(--accent-hover)}.text-link .arrow{display:inline-block;transition:transform var(--speed-fast) ease}.text-link:hover .arrow{transform:translate(4px)}.site-footer{border-top:1px solid var(--border);padding-block:36px}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;font-size:var(--size-small);color:var(--muted)}.footer-inner a{color:var(--muted);transition:color var(--speed-fast) ease}.footer-inner a:hover{color:var(--accent)}.footer-copy{margin-left:auto;font-family:var(--font-mono);font-size:var(--size-meta)}@media(max-width:720px){.footer-copy{margin-left:0;width:100%}}.page-hero{padding-top:clamp(56px,9vw,96px);padding-bottom:clamp(40px,6vw,64px)}.page-hero h1{font-size:clamp(42px,6vw,var(--size-h2) + 16px);font-size:52px;font-weight:700;margin:0 0 14px}.page-hero .lede{max-width:var(--w-reading);color:var(--muted);margin:0}.prose{max-width:var(--w-reading)}.prose h2{font-size:var(--size-h2);font-weight:650;margin:2em 0 .6em}.prose h3{font-size:var(--size-h3);font-weight:650;margin:1.6em 0 .5em}.prose ul{padding-left:1.2em;margin-bottom:1.2em}.prose li{margin-bottom:.45em}.prose a{color:var(--accent)}.prose a:hover{color:var(--accent-hover)}.diagram{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;overflow-x:auto;font-size:13.5px;line-height:1.55;color:var(--text);margin:0 0 1.4em}.pull-quote{font-size:var(--size-tagline);font-weight:600;line-height:1.35;letter-spacing:-.01em;margin:1.6em 0;padding-left:20px;border-left:3px solid var(--accent)}.meta-line{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--muted)}.article-header{padding-top:clamp(56px,9vw,88px);padding-bottom:48px;border-bottom:1px solid var(--border);margin-bottom:clamp(40px,6vw,64px)}.article-header h1{font-size:clamp(34px,5vw,46px);font-weight:700;margin:18px 0 16px}.article-header .desc{color:var(--muted);max-width:var(--w-reading);margin:0 0 18px}.article-footer-note{border-top:1px solid var(--border);margin-top:clamp(48px,7vw,72px);padding-top:28px;padding-bottom:var(--space-section)}.case-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}.chip{font-family:var(--font-mono);font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:4px 12px}.chip-accent{color:var(--accent);border-color:var(--accent)}.shot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:1.2em 0 1.6em}.shot-frame{aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:var(--surface);border:1.5px dashed var(--border);border-radius:12px;font-family:var(--font-mono);font-size:var(--size-meta);color:var(--muted)}.archive-category{margin-bottom:52px}.archive-category>h3{display:flex;align-items:baseline;gap:12px;font-size:var(--size-h3);font-weight:650;margin:0 0 18px}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.archive-card{padding:20px 22px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color var(--speed-med) ease}.archive-card:hover{border-color:var(--accent)}.archive-card .name{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-mono);font-size:var(--size-small);font-weight:700;margin-bottom:6px}.archive-card .blurb{color:var(--muted);font-size:14.5px;line-height:1.5;margin-bottom:14px}.private-note{max-width:var(--w-reading);color:var(--muted);font-size:var(--size-small);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;padding:14px 18px;margin:8px 0 56px}.notfound{padding-block:calc(var(--space-section) * 1.1);text-align:left}.notfound h1{font-size:var(--size-hero);margin:0 0 16px}.notfound p{color:var(--muted)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.project-card:hover,.post-card:hover,.btn-primary:hover,.btn-secondary:hover{transform:none}}