@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-vietnamese-wght-normal.3cb37nm8mowb2.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-latin-ext-wght-normal.3m-fabn93du09.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-latin-wght-normal.1_q0qa17ptz5n.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-cyrillic-ext-400-normal.09jq5v9-1wf71.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-ext-400-normal.2iaubq2jy0rx3.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-cyrillic-400-normal.0m1ahpdxrpokj.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-400-normal.2-z93d2j9-3s0.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-vietnamese-400-normal.3a7fs2yw914a9.woff2)format("woff2"),url(../media/ibm-plex-mono-vietnamese-400-normal.2kzc8ichkozg5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-ext-400-normal.1hjaitcyq2e2r.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-ext-400-normal.0nrwft7nlo5oa.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-400-normal.3xdfs0-p_zi4c.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-400-normal.2lhng2ntocry9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-cyrillic-ext-500-normal.28wp48yubenc3.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-ext-500-normal.41yczc5zdkwdh.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-cyrillic-500-normal.26ox_itp_alxp.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-500-normal.1eaan1mch682e.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-vietnamese-500-normal.0s1z3n-ysad7w.woff2)format("woff2"),url(../media/ibm-plex-mono-vietnamese-500-normal.2g79xp9gzp1kn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-latin-ext-500-normal.1cuq9_67cn48n.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-ext-500-normal.1tdw_l2v4yhc_.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-latin-500-normal.11q3guvgd1r20.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-500-normal.1fgk-kmy-32_a.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#1c1d20;--bg-deep:#141517;--fg:#e9eaeb;--fg-dim:#999d9e;--accent:#455ce9;--accent-deep:#334bd3;--line:#e9eaeb26;--line-strong:#e9eaeb4d;--font-sans:"Archivo Variable", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--section-pad:clamp(5em, 21vh, 12em);--container-pad:clamp(2.5em, 8vw, 8em);--container-max:100em;--measure:68ch;--ease:cubic-bezier(.7, 0, .3, 1);--dur-fast:.3s;--dur-base:.5s;--dur-smooth:.7s;--dur-slow:.9s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}html,body{background:var(--bg)}body{color:var(--fg);font-family:var(--font-sans);font-feature-settings:"ss01";font-size:clamp(16px,1.2vw,19px);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--accent);color:#e9eaeb}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--line-strong)}::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}h1{letter-spacing:-.02em;font-size:calc(clamp(3.25em,7vw,8em)/1.14286);font-weight:450;line-height:1.065}h2{letter-spacing:-.02em;font-size:calc(clamp(3.25em,5vw,4.5em)/1.33333);font-weight:450;line-height:1.1}h3{font-size:clamp(1.55em,2.3vw,2.5em);font-weight:450;line-height:1.15}.mono{font-family:var(--font-mono)}.label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-dim);font-size:.6em}.lead{color:var(--fg);max-width:var(--measure);font-size:clamp(1.1em,1.5vw,1.35em);line-height:1.65}.dim{color:var(--fg-dim)}.container{max-width:var(--container-max);padding-left:var(--container-pad);padding-right:var(--container-pad);margin:0 auto}.section{padding:var(--section-pad) 0}.section-tight{padding:clamp(3em,10vh,6em) 0}.rule{background:var(--line);border:0;height:1px}.section-head{margin-bottom:clamp(2.5em,6vh,5em)}.section-head .label{margin-bottom:1.2em;display:block}.section-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2em;display:flex}.page-head .label{margin-bottom:1.2em;display:block}.page-head .lead{margin-top:1.6em}.row-item.plain:hover .row-title{color:inherit;transform:none}.nav{z-index:90;transition:background var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav.scrolled{background:var(--bg);border-bottom-color:var(--line)}.nav-inner{justify-content:space-between;align-items:center;gap:2em;height:4.5em;display:flex}.brand{letter-spacing:-.02em;align-items:baseline;gap:.15em;font-size:1.1em;font-weight:500;display:inline-flex}.brand sup{font-family:var(--font-mono);color:var(--fg-dim);font-size:.55em}.nav-list{align-items:center;gap:clamp(1.2em,2.5vw,2.2em);list-style:none;display:flex}.nav-link{color:var(--fg-dim);transition:color var(--dur-fast) var(--ease);font-size:.85em;line-height:1.45;display:inline-block}.nav-link .flip{flex-direction:column;height:1.45em;display:flex;overflow:hidden}.nav-link .flip span{transition:transform var(--dur-fast) var(--ease)}.nav-link .flip span:last-child{color:var(--accent)}.nav-link:hover{color:var(--fg)}.nav-link:hover .flip span{transform:translateY(-100%)}.nav-link.active{color:var(--fg)}.nav-toggle{flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;display:none}.nav-toggle span{background:var(--fg);width:26px;height:1px;transition:transform var(--dur-fast) var(--ease);margin:0 auto;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.nav-menu{z-index:80;background:var(--bg-deep);padding:0 var(--container-pad);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease);flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0}.nav-menu.open{opacity:1;pointer-events:auto}.nav-menu a{color:var(--fg);border-bottom:1px solid var(--line);transition:color var(--dur-fast) var(--ease), padding-left var(--dur-fast) var(--ease);padding:.35em 0;font-size:clamp(2.2em,9vw,3.5em);font-weight:450;line-height:1.35}.nav-menu a:hover{color:var(--accent);padding-left:.3em}.hero{height:100svh;min-height:620px;position:relative;overflow:hidden}.hero-canvas{position:absolute;inset:0}.hero-canvas canvas{opacity:0;transition:opacity var(--dur-slow) var(--ease)}.hero-canvas canvas.ready{opacity:1}.hero-fallback{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-content{pointer-events:none;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(3em,9vh,6em);display:flex;position:absolute;inset:0}.hero-content>*{pointer-events:auto}.hero-meta{top:6.5em;right:var(--container-pad);text-align:right;position:absolute}.hero-sub{max-width:34em;color:var(--fg-dim);margin:1.6em 0 2.2em;font-size:clamp(1em,1.3vw,1.2em);line-height:1.7}.hero h1{max-width:12em}.btn-fill{border:1px solid var(--line-strong);isolation:isolate;letter-spacing:.02em;transition:color var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);border-radius:999px;align-items:center;gap:.6em;padding:.95em 1.9em;font-size:.85em;display:inline-flex;position:relative;overflow:hidden}.btn-fill:before{content:"";aspect-ratio:1;background:var(--accent);width:135%;transition:transform var(--dur-smooth) var(--ease);z-index:-1;border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%,100%)}.btn-fill:hover{color:#e9eaeb;border-color:var(--accent)}.btn-fill:hover:before{transform:translate(-50%,42%)}.btn-fill:active{border-color:var(--accent-deep)}.btn-round{--size:clamp(9em, 12vw, 11em);width:var(--size);height:var(--size);border:1px solid var(--line-strong);text-align:center;isolation:isolate;transition:color var(--dur-base) var(--ease);border-radius:50%;place-items:center;font-size:clamp(1em,1.4vw,1.3em);line-height:1.3;display:grid;position:relative;overflow:hidden}.btn-round:before{content:"";background:var(--accent);transition:transform var(--dur-slow) var(--ease);z-index:-1;border-radius:50%;position:absolute;inset:0;transform:scale(0)}.btn-round:hover{color:#e9eaeb}.btn-round:hover:before{transform:scale(1.02)}.link-line{color:var(--fg-dim);transition:color var(--dur-fast) var(--ease);display:inline-block;position:relative}.link-line:after{content:"";background:var(--accent);transform-origin:100%;width:100%;height:1px;transition:transform var(--dur-base) var(--ease);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.link-line:hover{color:var(--fg)}.link-line:hover:after{transform-origin:0;transform:scaleX(1)}.rows{border-top:1px solid var(--line)}.row-item{border-bottom:1px solid var(--line);grid-template-columns:3ch 1fr auto 2em;align-items:baseline;gap:clamp(1em,3vw,3em);padding:1.7em 0;display:grid;position:relative}.row-num{font-family:var(--font-mono);color:var(--fg-dim);font-size:.75em}.row-title{letter-spacing:-.01em;transition:transform var(--dur-base) var(--ease), color var(--dur-base) var(--ease);font-size:clamp(1.55em,2.3vw,2.5em);font-weight:450;line-height:1.15}.row-meta{font-family:var(--font-mono);color:var(--fg-dim);text-align:right;max-width:24em;font-size:.72em;line-height:1.7}.row-arrow{color:var(--fg-dim);opacity:0;transition:transform var(--dur-base) var(--ease), opacity var(--dur-base) var(--ease), color var(--dur-base) var(--ease);font-size:1em;transform:translate(-.6em)rotate(.001deg)}.row-item:hover .row-title{color:var(--accent);transform:translate(.3em)}.row-item:hover .row-arrow{opacity:1;color:var(--accent);transform:translate(0)rotate(.001deg)}.row-desc{color:var(--fg-dim);grid-column:2;max-width:56ch;margin-top:.5em;font-size:.85em;line-height:1.7}.info-rows{border-top:1px solid var(--line)}.info-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(7em,14em) 1fr;align-items:baseline;gap:clamp(1em,3vw,3em);padding:1.5em 0;display:grid}.info-key{font-family:var(--font-mono);color:var(--fg-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.75em}.info-val{font-size:1em;line-height:1.65}.info-val .sub{color:var(--fg-dim);margin-top:.3em;font-size:.85em;display:block}.skill-flow{font-family:var(--font-mono);color:var(--fg-dim);max-width:var(--measure);font-size:clamp(.9em,1.2vw,1.05em);line-height:2.1}.skill-flow span{transition:color var(--dur-fast) var(--ease)}.skill-flow span:hover{color:var(--accent)}.skill-flow .sep{color:var(--line-strong)}.manifesto{letter-spacing:-.01em;max-width:22em;font-size:clamp(1.5em,2.8vw,2.6em);font-weight:450;line-height:1.45}.manifesto+.manifesto{margin-top:.55em}.manifesto .accent{color:var(--accent)}.mc-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2em,5vw,5em);display:grid}.mc-canvas{aspect-ratio:1;width:100%;max-height:34em;position:relative}.mc-canvas canvas{display:block}.mc-fallback{border:1px solid var(--line);flex-direction:column;gap:1em;padding:2em;display:flex}.mc-live{align-items:center;gap:.6em;font-size:.9em;display:inline-flex}.mc-dot{background:var(--fg-dim);border-radius:50%;flex:none;width:.5em;height:.5em}.mc-dot.on{background:var(--accent)}.mc-stat{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:2em;display:grid}.mc-stat>div{background:var(--bg);padding:1.2em 1.4em}.mc-stat .k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-dim);margin-bottom:.5em;font-size:.65em;display:block}.mc-stat .v{font-variant-numeric:tabular-nums;font-size:1.6em;font-weight:450}.contact-grid{grid-template-columns:1fr auto;align-items:center;gap:clamp(2em,6vw,6em);display:grid}.noise-overlay{z-index:9999;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='2' intercept='-0.95'/%3E%3CfeFuncG type='linear' slope='2' intercept='-0.95'/%3E%3CfeFuncB type='linear' slope='2' intercept='-0.95'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-size:300px 300px;animation:8s step-end infinite grain;position:fixed;inset:-100px}@keyframes grain{0%{transform:translate(13px,7px)}10%{transform:translate(-43px,-17px)}20%{transform:translate(29px,-61px)}30%{transform:translate(-67px,23px)}40%{transform:translate(53px,47px)}50%{transform:translate(-19px,-73px)}60%{transform:translate(71px,-31px)}70%{transform:translate(-47px,59px)}80%{transform:translate(31px,-49px)}90%{transform:translate(-59px,11px)}to{transform:translate(13px,7px)}}.page-curtain{z-index:85;background:var(--bg);transform-origin:top;animation:curtain-lift var(--dur-smooth) var(--ease) forwards;pointer-events:none;position:fixed;inset:0}@keyframes curtain-lift{0%{transform:scaleY(1)}to{transform:scaleY(0)}}html.has-cursor,html.has-cursor a,html.has-cursor button{cursor:none}.cursor-dot,.cursor-ring{z-index:10001;pointer-events:none;opacity:0;position:fixed;top:0;left:0}.cursor-dot{background:var(--fg);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px}.cursor-ring{border:1px solid var(--line);width:32px;height:32px;transition:border-color var(--dur-fast) var(--ease);border-radius:50%;margin:-16px 0 0 -16px}html.cursor-hover .cursor-ring{border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.noise-overlay{animation:none}.page-curtain{display:none}}.footer{border-top:1px solid var(--line);background:var(--bg-deep);padding-bottom:2.2em}.footer-wordmark-clip{padding:.18em 0 .22em;overflow:hidden}.footer-wordmark{letter-spacing:-.03em;color:var(--fg-dim);-webkit-user-select:none;user-select:none;font-size:clamp(3.2em,17vw,15em);font-weight:600;line-height:1}.footer-inner{font-family:var(--font-mono);letter-spacing:.05em;color:var(--fg-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5em;font-size:.72em;display:flex}.footer-inner a{transition:color var(--dur-fast) var(--ease)}.footer-inner a:hover{color:var(--accent)}.footer-links{gap:2em;display:flex}.filter-bar{flex-wrap:wrap;align-items:center;gap:1.5em;margin-bottom:3em;display:flex}.search{border:1px solid var(--line-strong);font-family:var(--font-mono);color:var(--fg);max-width:20em;transition:border-color var(--dur-fast) var(--ease);background:0 0;border-radius:999px;outline:none;padding:.7em 1.4em;font-size:.8em}.search:focus{border-color:var(--accent)}.search::placeholder{color:var(--fg-dim)}.filter-chips{flex-wrap:wrap;gap:.6em;display:flex}.filter-chip{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-dim);border:1px solid var(--line);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border-radius:999px;padding:.65em 1.2em;font-size:.72em}.filter-chip:hover{color:var(--fg);border-color:var(--line-strong)}.filter-chip.active{color:var(--fg);border-color:var(--accent)}.notfound{flex-direction:column;justify-content:center;align-items:flex-start;gap:1em;min-height:80vh;display:flex}.notfound h1{font-size:calc(clamp(3.25em,10vw,10em)/1.14286)}.word{vertical-align:top;display:inline-block;overflow:hidden}.word>span{will-change:transform;display:inline-block}.reveal{opacity:0;transition:opacity var(--dur-smooth) var(--ease), transform var(--dur-smooth) var(--ease);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.hero-fade{animation:heroFade var(--dur-slow) var(--ease) both}@keyframes heroFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:880px){.nav-list{display:none}.nav-toggle{display:flex}.row-item{grid-template-columns:3ch 1fr 2em}.row-meta{display:none}.row-item.with-desc{grid-template-columns:3ch 1fr}.row-arrow{grid-column:3;align-self:center}.mc-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;justify-items:start}.hero-meta{display:none}.info-row{grid-template-columns:1fr;gap:.4em}}@media (pointer:coarse){.row-item:hover .row-title{color:inherit;transform:none}.row-item:hover .row-arrow{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.hero-canvas canvas{opacity:1}}