.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-normal.Czsa-EzN.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-normal.C-3rgBeH.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-normal.CCVVNp6i.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}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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) 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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.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{--page: #070d09;--page-grad: radial-gradient(120% 80% at 35% 0%, #10231a 0%, #060b08 62%);--fill: rgba(7,13,9,.42);--fill-hover: rgba(7,13,9,.54);--surface-2: #16211a;--blur: 10px;--radius: 0px;--line-1: rgba(255,255,255,.09);--line-2: rgba(255,255,255,.18);--t1: #eef4ee;--t2: #a8b5ab;--t3: #6b7a6f;--accent: #7ee7a2;--accent-soft: rgba(126,231,162,.15);--track: #1c2a20;--field-rgb: 126,231,162;--field-gain: 1;--fs-hero: 36px;--fs-lead: 18px;--fs-title: 20px;--fs-body: 16px;--fs-ui: 15px;--fs-meta: 13px;--fs-label: 10.5px;--serif: "Newsreader Variable", "Newsreader", Georgia, "Times New Roman", serif;--mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page-grad);background-color:var(--page);color:var(--t1);font-family:var(--sans);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}#field{position:fixed;inset:0;z-index:0;pointer-events:none}.shell{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:28px 28px 88px}*:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit}.site-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:80px}.mark{width:40px;height:40px;flex:0 0 40px;display:block;text-decoration:none}.mark img{display:block;width:100%;height:100%;filter:invert(1)}[data-theme=light] .mark img{filter:none}.nav-right{display:flex;align-items:center;gap:22px}.nav-right a{color:var(--t2);text-decoration:none;font-size:var(--fs-ui);display:inline-flex;align-items:center;gap:7px;transition:color .15s ease-out}.nav-right a:hover{color:var(--t1)}.resume{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--line-2);border-radius:var(--radius);color:var(--t1)!important;background:var(--fill);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));transition:border-color .15s ease-out,background .15s ease-out}.resume:hover{border-color:var(--accent);background:var(--accent-soft)}kbd{font-family:var(--mono);font-size:10px;line-height:1;padding:4px 6px;background:var(--surface-2);border:1px solid var(--line-1);border-radius:0;color:var(--t3);transition:background .14s ease,color .14s ease,border-color .14s ease}kbd.hot{background:var(--accent);border-color:var(--accent);color:var(--page)}.hero h1{font-family:var(--serif);font-size:var(--fs-hero);line-height:1.34;font-weight:300;margin:0 0 44px;letter-spacing:0}.hero h1 a{font-weight:500;text-decoration:none;border-bottom:1px solid var(--line-2);transition:border-color .15s ease-out,color .15s ease-out}.hero h1 a:hover{border-color:var(--accent);color:var(--accent)}.skills-label{font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.16em;color:var(--t3);text-transform:uppercase;margin-bottom:12px}.skills{display:flex;flex-wrap:wrap;gap:7px}.skills span{font-family:var(--mono);font-size:12px;letter-spacing:.03em;padding:8px 12px;border:1px solid var(--line-1);border-radius:var(--radius);background:var(--fill);color:var(--t2);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));transition:border-color .15s ease-out,background .15s ease-out,color .15s ease-out}.skills span:hover{border-color:var(--line-2);background:var(--fill-hover);color:var(--t1)}.close-card{margin-top:96px;padding:40px 36px;gap:0;cursor:pointer}.close-card .close-line{font-family:var(--serif);font-size:28px;line-height:1.34;font-weight:300;color:var(--t1);margin:0 0 30px;max-width:46ch;text-wrap:balance}.close-card .close-actions{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;font-family:var(--sans);font-size:var(--fs-ui);font-weight:400;line-height:1.6;text-decoration:none;color:var(--t2);background:var(--fill);border:1px solid var(--line-1);border-radius:var(--radius);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));transition:border-color .15s ease-out,background .15s ease-out,color .15s ease-out}.btn:hover{border-color:var(--line-2);background:var(--fill-hover);color:var(--t1)}.btn.primary{border-color:var(--line-2);color:var(--t1)}.btn.primary:hover{border-color:var(--accent);background:var(--accent-soft)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:80px 0 22px}.section-head h2{font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.16em;text-transform:uppercase;color:var(--t3);font-weight:400;margin:0}.section-head .count{font-family:var(--mono);font-size:var(--fs-label);color:var(--t3)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 24px;background:var(--fill);border:1px solid var(--line-1);border-radius:var(--radius);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));text-decoration:none;cursor:pointer;transition:border-color .15s ease-out,background .15s ease-out}.card.featured{border-color:var(--line-2)}.card:hover{border-color:var(--line-2);background:var(--fill-hover)}.card i{position:absolute;width:9px;height:9px;opacity:.55;pointer-events:none;transition:opacity .15s ease-out}.card:hover i{opacity:1}.card i.tl{top:8px;left:8px;border-top:1px solid var(--accent);border-left:1px solid var(--accent)}.card i.tr{top:8px;right:8px;border-top:1px solid var(--accent);border-right:1px solid var(--accent)}.card i.bl{bottom:8px;left:8px;border-bottom:1px solid var(--accent);border-left:1px solid var(--accent)}.card i.br{bottom:8px;right:8px;border-bottom:1px solid var(--accent);border-right:1px solid var(--accent)}.meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.badge{font-size:10px;letter-spacing:.05em;text-transform:uppercase;font-weight:600;padding:3px 8px;background:var(--surface-2);border:1px solid var(--line-1);color:var(--t2)}.org{font-size:var(--fs-meta);color:var(--t3)}.card h3{font-family:var(--serif);font-size:var(--fs-title);line-height:1.38;font-weight:600;margin:0;color:var(--t1)}.card p{margin:0;font-size:var(--fs-body);line-height:1.58;color:var(--t2)}.cta{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:9px;font-size:var(--fs-meta);color:var(--t1)}.site-footer{margin-top:40px;padding-top:4px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.08em;color:var(--t3);text-transform:uppercase}.site-footer a{color:var(--t3);text-decoration:none;transition:color .15s ease-out}.site-footer a:hover{color:var(--accent)}.social{display:flex;gap:14px;flex-wrap:wrap}.footer-right{display:flex;align-items:center;gap:26px;flex-wrap:wrap}@media(max-width:720px){:root{--fs-hero: 27px}.shell{padding:22px 20px 64px}.site-nav{margin-bottom:52px}.section-head{margin-top:56px}.close-card{margin-top:64px;padding:30px 24px}.close-card .close-line{max-width:none}.grid{grid-template-columns:1fr}.nav-right{gap:14px}.nav-right kbd{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.case-header{margin-bottom:64px}.case-header h1{font-family:var(--serif);font-size:var(--fs-hero);line-height:1.34;font-weight:300;margin:0 0 28px;letter-spacing:0}.case-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line-1);border:1px solid var(--line-1)}.case-meta>div{background:var(--page);padding:14px 16px}.case-meta dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--t3);margin:0 0 5px}.case-meta dd{margin:0;font-size:var(--fs-meta);color:var(--t1)}.prose{max-width:68ch;font-size:17px;line-height:1.7;color:var(--t2)}.prose h2{font-family:var(--serif);font-size:26px;line-height:1.3;font-weight:500;color:var(--t1);margin:56px 0 16px}.prose h3{font-size:17px;font-weight:600;color:var(--t1);margin:36px 0 12px}.prose p{margin:0 0 20px}.prose strong{color:var(--t1);font-weight:600}.prose a{color:var(--t1);text-decoration:none;border-bottom:1px solid var(--line-2);transition:border-color .15s ease-out,color .15s ease-out}.prose a:hover{border-color:var(--accent);color:var(--accent)}.prose ul,.prose ol{margin:0 0 20px;padding-left:22px}.prose li{margin-bottom:8px}.prose blockquote{margin:28px 0;padding:4px 0 4px 20px;border-left:2px solid var(--line-2);font-family:var(--serif);font-size:19px;line-height:1.5;color:var(--t1)}.prose code{font-family:var(--mono);font-size:.85em;padding:2px 6px;background:var(--surface-2);border:1px solid var(--line-1)}.prose pre{margin:0 0 20px;padding:18px 20px;background:var(--surface-2);border:1px solid var(--line-1);overflow-x:auto}.prose pre code{padding:0;background:none;border:none;font-size:13px;line-height:1.6}.figure{position:relative;margin:36px 0;padding:12px;background:var(--fill);border:1px solid var(--line-1);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}.figure img,.figure video{display:block;width:100%;height:auto}.figure figcaption{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--t3);text-transform:uppercase;padding:12px 4px 2px}.figure.wide{max-width:none}.metric{margin:28px 0;max-width:46ch}.metric .bar{display:flex;gap:3px;margin-bottom:8px}.metric .bar span{flex:1;height:5px;background:var(--track)}.metric .bar span.on{background:var(--accent)}.metric .cap{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}.case-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:80px}.case-nav .card{padding:22px;gap:8px}.case-nav .dir{font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--t3)}.case-nav h4{font-family:var(--serif);font-size:var(--fs-title);font-weight:600;line-height:1.35;margin:0;color:var(--t1)}.case-nav .next{text-align:right;align-items:flex-end}@media(max-width:720px){.case-nav{grid-template-columns:1fr}.prose{font-size:16px}}.view{display:block}@keyframes ed-page-leave{0%{transform:translateY(0);opacity:1}to{transform:translateY(-32px);opacity:0}}@keyframes ed-page-enter{0%{opacity:0}to{opacity:1}}::view-transition-old(root){animation:ed-page-leave .38s cubic-bezier(.4,0,.2,1) both}::view-transition-new(root){animation:ed-page-enter .3s ease-out both}.view.is-entering>*{opacity:0;transform:translateY(26px)}.view.is-entered>*{opacity:1;transform:translateY(0);transition:opacity .46s ease-out,transform .52s cubic-bezier(.2,.7,.3,1)}.view.is-entering .grid>*,.view.is-entering .work-head{opacity:0;transform:translateY(30px)}.view.is-entered .grid>*,.view.is-entered .work-head{opacity:1;transform:translateY(0);transition:opacity .46s ease-out,transform .56s cubic-bezier(.2,.7,.3,1)}.more-row{display:flex;justify-content:center;margin-top:22px}.work-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 22px}.work-head h2{font-family:var(--serif);font-size:var(--fs-hero);font-weight:300;line-height:1.3;margin:0}.back-row{margin-bottom:28px}.back{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;font-size:var(--fs-meta);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t2);text-decoration:none;background:var(--fill);border:1px solid var(--line-1);border-radius:var(--radius);cursor:pointer;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));transition:border-color .15s ease-out,background .15s ease-out,color .15s ease-out}.back:hover{border-color:var(--line-2);background:var(--fill-hover);color:var(--t1)}button.btn{font-family:inherit;cursor:pointer}@media(prefers-reduced-motion:reduce){.view.is-leaving,.view.is-entering>*,.view.is-entered>*,.view.is-entering .grid>*,.view.is-entered .grid>*{transform:none!important;opacity:1!important;transition:none!important}}.about-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start;margin-bottom:40px}.prose .lead{font-family:var(--serif);font-size:22px;line-height:1.45;font-weight:400;color:var(--t1)}.portrait{margin:0;padding:10px;position:relative;background:var(--fill);border:1px solid var(--line-1);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}.portrait img{display:block;width:100%;height:auto}.about-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:56px}.view-work-card{cursor:pointer}.view-work-card .close-line{margin:0}@media(max-width:720px){.about-layout{grid-template-columns:1fr}.portrait{max-width:340px}}[data-theme=light]{--page: #f4f6f0;--page-grad: radial-gradient(120% 80% at 35% 0%, #e6ede1 0%, #f6f8f2 62%);--fill: rgba(255,255,255,.62);--fill-hover: rgba(255,255,255,.82);--surface-2: #edf1e8;--line-1: rgba(20,26,18,.12);--line-2: rgba(20,26,18,.26);--top-light: rgba(255,255,255,.95);--t1: #141a12;--t2: #4d574a;--t3: #7b877c;--accent: #16713d;--accent-soft: rgba(22,113,61,.11);--track: #dce3d6;--field-rgb: 22,113,61;--field-gain: .45}[data-theme=light] kbd.hot{color:#f4f6f0}.on-dark{--fill: rgba(7,13,9,.3);--fill-hover: rgba(255,255,255,.12);--line-1: rgba(255,255,255,.2);--line-2: rgba(255,255,255,.38);--t1: #ffffff;--t2: rgba(255,255,255,.8);--t3: rgba(255,255,255,.62);--accent: #ffffff;--accent-soft: rgba(255,255,255,.16)}.theme-toggle{display:inline-flex;align-items:center;gap:9px;background:none;border:none;padding:0;font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);cursor:pointer;transition:color .15s ease-out}.theme-toggle:hover{color:var(--t1)}.switch{position:relative;flex:none;width:34px;height:18px;border-radius:999px;background:var(--fill);border:1px solid var(--line-1);transition:background .2s ease-out,border-color .2s ease-out}.theme-toggle:hover .switch{border-color:var(--line-2)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--t2);transition:transform .22s cubic-bezier(.4,0,.2,1),background .2s ease-out}[data-theme=light] .switch{background:var(--accent-soft);border-color:var(--line-2)}[data-theme=light] .switch:after{transform:translate(16px);background:var(--accent)}@media(prefers-reduced-motion:reduce){.switch,.switch:after{transition:none}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}.figure a{display:block;border-bottom:none;text-decoration:none}.figure a:focus-visible{outline-offset:0}.case-body .prose{max-width:none}.case-body .prose>p,.case-body .prose>h2,.case-body .prose>h3,.case-body .prose>ul,.case-body .prose>ol,.case-body .prose>pre,.case-body .prose>blockquote,.case-body .prose>.figure{max-width:68ch}.case-body .prose>.figure.wide{max-width:none}.skip-link{position:absolute;left:-9999px;top:0;z-index:10;padding:10px 16px;font-family:var(--mono);font-size:var(--fs-meta);background:var(--surface-2);border:1px solid var(--line-2);color:var(--t1);text-decoration:none}.skip-link:focus-visible{left:8px;top:8px}.case-body{margin-bottom:40px}#field{view-transition-name:field}::view-transition-group(field){animation:none}::view-transition-old(field){display:none}::view-transition-new(field){animation:none}html:has(.about-page){overscroll-behavior-y:none}.about-page .shell{padding-bottom:0;transform-origin:50% 0;will-change:transform}.egg-pocket{position:relative;height:88px;overflow:hidden}.egg-play{position:absolute;left:50%;top:88px;transform:translate(-50%)}.egg-play,.egg-close{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--t1);background:var(--fill);border:1px solid var(--line-2);border-radius:var(--radius);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));cursor:pointer;transition:border-color .15s ease-out,background .15s ease-out}.egg-play:hover,.egg-close:hover{border-color:var(--accent);background:var(--accent-soft)}.egg-scrim{position:fixed;inset:0;z-index:40;background:var(--page);opacity:0;pointer-events:none}.egg-sheet{position:fixed;inset:0;z-index:50;transform:translateY(100%);background:var(--page);border-top:1px solid var(--line-2);display:flex;flex-direction:column}.egg-sheet[hidden]{display:none}.egg-bar{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line-1);font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}.egg-status{flex:1;margin:0;color:var(--t3)}.egg-canvas{flex:1;width:100%;display:block;touch-action:none}@media(prefers-reduced-motion:reduce){.about-page .egg-play{transform:translate(-50%,-92px)}}@media(max-width:720px){.egg-pocket{height:64px}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}