@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.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-primary: #f3f4f1;--bg-secondary: #fbfbf9;--bg-tertiary: #e8eae5;--bg-hover: #dee1db;--bg-inverse: #15181c;--text-primary: #14171a;--text-secondary: #3d444b;--text-tertiary: #5f676e;--text-muted: #62696f;--text-inverse: #eef0ec;--accent-primary: #b25a00;--accent-hover: #934a00;--accent-active: #7a3d00;--accent-fill: #f2a33a;--accent-on-inverse: #f2a93b;--highlight: color-mix(in srgb, var(--accent-fill) 42%, transparent);--accent-soft: color-mix(in srgb, var(--accent-fill) 16%, transparent);--success: #2f7d4f;--warning: #ca8a04;--error: #dc2626;--border-light: #dcdfd8;--border-medium: #c6cac2;--border-heavy: #9aa09a;--grid-line: color-mix(in srgb, var(--text-primary) 6%, transparent);--font-sans: "Space Grotesk Variable", "Space Grotesk", "Space Grotesk Placeholder", sans-serif;--font-mono: "Courier New", Courier, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--text-4xl: clamp(2.25rem, 1.4rem + 3.6vw, 4rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--space-4xl: 7rem;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(20, 23, 26, .06);--shadow-md: 0 6px 20px rgba(20, 23, 26, .08);--shadow-lg: 0 18px 50px rgba(20, 23, 26, .12);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-navbar: 100;--z-dropdown: 200;--z-modal: 300;--z-tooltip: 400;--container-max-width: 1120px;--container-padding: 1.5rem;--nav-height: 4rem;--tabbar-height: 0px}[data-theme=dark]{--bg-primary: #181b1f;--bg-secondary: #1f2328;--bg-tertiary: #282d33;--bg-hover: #323840;--bg-inverse: #eef0ec;--text-primary: #eef0ec;--text-secondary: #c3c8c4;--text-tertiary: #a6adaa;--text-muted: #8f9695;--text-inverse: #14171a;--accent-primary: #f2a93b;--accent-hover: #f7c072;--accent-active: #fad49c;--accent-fill: #f2a93b;--accent-on-inverse: #934a00;--highlight: color-mix(in srgb, var(--accent-fill) 34%, transparent);--success: #5cc48a;--border-light: #2f343a;--border-medium: #3d434a;--border-heavy: #5d646b;--grid-line: color-mix(in srgb, var(--text-primary) 5%, transparent);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 6px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .45)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 1rem);scroll-padding-bottom:calc(var(--tabbar-height) + 1rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}html.lenis,html.lenis body{height:auto;scroll-behavior:auto!important}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}[data-theme=dark]{color-scheme:dark}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:var(--text-base);font-weight:400;min-height:100vh;transition:background-color .45s ease,color .45s ease}h1,h2,h3,h4{line-height:1.15;font-weight:600;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none;transition:color var(--transition-base)}ul,ol{list-style:none}strong{font-weight:600}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit}::selection{background-color:var(--accent-fill);color:#14171a}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}.container{max-width:var(--container-max-width);margin:0 auto;padding-inline:var(--container-padding);width:100%}.section{padding-block:var(--space-3xl);border-top:1px solid var(--border-light);content-visibility:auto;contain-intrinsic-size:auto 900px}.section-head{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm);margin-bottom:var(--space-2xl);max-width:44rem}.section-path{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--text-tertiary);letter-spacing:.02em}.section-title{font-size:var(--text-3xl);text-transform:lowercase;letter-spacing:-.035em}.section-title .dot,.dot{color:var(--accent-primary)}.section-lede{color:var(--text-secondary);font-size:var(--text-lg);max-width:38rem}.chip{display:inline-flex;align-items:center;padding:.15rem .5rem;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--text-primary);background:var(--highlight);border-radius:2px;white-space:nowrap}.mini-label{display:block;margin-bottom:.6rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.case-kind{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--accent-primary);text-transform:lowercase}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.55rem 1.15rem;font-size:var(--text-base);font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),transform var(--transition-base)}.btn-primary{background-color:var(--bg-inverse);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--accent-fill);color:#14171a}.btn-ghost{background:transparent;color:var(--text-primary);border-color:var(--border-medium)}.btn-ghost:hover{border-color:var(--text-primary)}.text-link{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;color:var(--accent-primary);border-bottom:1px solid currentColor;line-height:1.3}.text-link:hover{color:var(--accent-hover)}.text-link svg{transition:transform var(--transition-base)}.text-link:hover svg{transform:translate(2px,-2px)}.bullet-list{display:grid;gap:.6rem;color:var(--text-secondary)}.bullet-list li{position:relative;padding-left:1.4rem}.bullet-list li:before{content:"";position:absolute;left:.15rem;top:.68em;width:.55rem;height:1px;background:var(--accent-primary)}@media(min-width:1440px){:root{--container-max-width: 1200px}}@media(min-width:641px)and (max-width:1024px){:root{--container-padding: 2rem}}@media(max-width:640px){:root{--container-padding: 1rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--space-2xl: 2.25rem;--space-3xl: 3rem}.section-head{margin-bottom:var(--space-xl)}}@media(hover:none){.build:hover,.case-shot.is-revealed:hover,.stack-skill:hover,.btn:hover{transform:none}}@media(pointer:coarse){a,button{-webkit-tap-highlight-color:transparent}.btn{min-height:3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.navbar{display:none}}.skip-link{position:absolute;top:.5rem;left:.5rem;z-index:calc(var(--z-navbar) + 1);padding:.6rem 1rem;border-radius:var(--radius-md);background:var(--bg-inverse);color:var(--text-inverse);font-weight:600;transform:translateY(-200%);transition:transform var(--transition-fast)}.skip-link:focus{transform:none}.icon{display:inline-block;height:1em;overflow:visible;vertical-align:-.125em;flex:none}.app{min-height:100vh;background-color:var(--bg-primary);display:flex;flex-direction:column}.main-content{width:100%;flex:1}.footer{border-top:1px solid var(--border-light)}.footer-inner{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-lg) var(--container-padding);display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:var(--space-sm) var(--space-lg);font-size:var(--text-sm);color:var(--text-tertiary)}.footer-note{padding:.15rem .5rem;background:var(--highlight);color:var(--text-primary);font-weight:500;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.navbar{position:sticky;top:0;z-index:var(--z-navbar);padding-top:env(safe-area-inset-top,0px);background:color-mix(in srgb,var(--bg-primary) 82%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--border-light)}.navbar-inner{max-width:var(--container-max-width);margin:0 auto;padding-inline:var(--container-padding);height:var(--nav-height);display:flex;align-items:center;gap:var(--space-lg)}.navbar-brand{display:inline-flex;align-items:center;gap:.6rem;margin-right:auto;min-width:0}.brand-mark{width:2.1rem;height:2.1rem;flex:none;border-radius:50%;object-fit:cover;border:1px solid var(--border-medium);background:var(--bg-tertiary)}.brand-text{display:grid;line-height:1.15;min-width:0}.brand-name{font-weight:600;letter-spacing:-.01em;white-space:nowrap}.brand-sub{display:none;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--text-tertiary);white-space:nowrap}.navbar-list{display:flex;align-items:center;gap:.25rem}.navbar-link{display:inline-flex;align-items:center;height:2.25rem;padding:0 .75rem;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500;transition:color var(--transition-base),background-color var(--transition-base)}.navbar-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.navbar-link.active{color:var(--text-primary)}.navbar-link .nav-icon-wrap{display:none}.navbar-link.active .nav-text:before{content:"";display:inline-block;width:6px;height:6px;margin-right:.45rem;border-radius:50%;background:var(--accent-fill);vertical-align:middle;transform:translateY(-1px)}.cmdk-trigger{display:inline-flex;align-items:center;gap:.5rem;height:2.25rem;padding:0 .5rem 0 .7rem;border-radius:var(--radius-md);border:1px solid var(--border-medium);background:transparent;color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base)}.cmdk-trigger:hover{color:var(--text-primary);border-color:var(--text-primary)}.cmdk-trigger-kbd{padding:.05rem .35rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:4px}.theme-toggle{display:grid;place-items:center;width:2.25rem;height:2.25rem;flex:none;border-radius:var(--radius-md);border:1px solid var(--border-medium);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base)}.theme-toggle:hover{color:var(--accent-primary);border-color:var(--accent-primary)}@media(max-width:900px){.navbar-inner{gap:.75rem;padding-inline:1.25rem}.navbar-list{gap:.15rem}.navbar-link{height:2.1rem;padding:0 .5rem;font-size:.8125rem}.navbar-link.active .nav-text:before{margin-right:.35rem;width:5px;height:5px}.cmdk-trigger{padding:0 .6rem}.cmdk-trigger-kbd{display:none}}.tabbar{display:none}@media(max-width:850px){:root{--nav-height: 3.5rem;--tabbar-height: 4.25rem}.navbar-inner{gap:var(--space-md);padding-inline:var(--container-padding)}.navbar-list{display:none}.brand-sub{display:block}.theme-toggle,.cmdk-trigger{width:2.25rem;padding:0;justify-content:center;border-radius:50%;border-color:transparent;background:var(--bg-tertiary)}.cmdk-trigger-kbd{display:none}.tabbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-navbar);padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb,var(--bg-secondary) 86%,transparent);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);border-top:1px solid var(--border-light);animation:tabbarIn .45s cubic-bezier(.2,.8,.2,1) both}.tabbar-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);max-width:34rem;height:var(--tabbar-height);margin:0 auto;padding-inline:.25rem}.tab-link{display:grid;justify-items:center;align-content:center;gap:.2rem;height:100%;color:var(--text-tertiary);font-size:.66rem;font-weight:600;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast)}.tab-link .nav-icon-wrap{display:grid;place-items:center;width:3rem;height:1.9rem;border-radius:var(--radius-full);font-size:1.05rem;transition:background-color .25s ease,transform .15s ease}.tab-link:active .nav-icon-wrap{transform:scale(.9)}.tab-link.active{color:var(--text-primary)}.tab-link.active .nav-icon-wrap{background:var(--highlight);color:var(--text-primary)}body{padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px))}}@keyframes tabbarIn{0%{transform:translateY(100%)}to{transform:none}}@media(max-width:360px){.brand-sub{display:none}}.hero{position:relative;display:grid;gap:var(--space-xl);padding-block:var(--space-3xl)}.hero:before{content:"";position:absolute;inset:0 calc(var(--container-padding) * -1);z-index:-1;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 85% 70% at 50% 30%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 85% 70% at 50% 30%,#000 30%,transparent 80%);pointer-events:none}.hero-id{display:flex;align-items:center;gap:.85rem;animation:heroIn .5s ease both}.hero-id-text,.hero-compact-text{display:grid;line-height:1.3}.hero-name{font-weight:600;font-size:var(--text-lg)}.hero-role{justify-self:start;margin-top:.2rem;padding:.1rem .45rem;font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);color:var(--text-primary);background:var(--highlight);border-radius:2px}.hero-place{white-space:nowrap}@media(max-width:480px){.hero-role{display:flex;flex-wrap:wrap;gap:.35rem;padding:0;background:none;font-size:.8rem}.hero-role-sep{display:none}.hero-role-title,.hero-place{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;background:var(--highlight);border-radius:3px;white-space:nowrap}}.hero-role .flag{display:inline-block;margin-right:.15rem;vertical-align:-1px;border-radius:1px;box-shadow:0 0 0 1px color-mix(in srgb,var(--text-primary) 20%,transparent)}.hero-title{font-size:clamp(2.4rem,1.2rem + 4.6vw,5rem);font-weight:600;letter-spacing:-.045em;line-height:1;max-width:17ch;animation:heroIn .5s .05s ease both}.hero-title em{font-style:normal;color:var(--accent-primary)}.hero-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:var(--space-lg) var(--space-2xl);animation:heroIn .5s .1s ease both}.hero-lede{font-size:var(--text-lg);color:var(--text-secondary);max-width:38rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}.hero-icon-btn{width:2.75rem;padding:0;font-size:1.15rem}.hero-cta-arrow{font-size:.85em;transition:transform var(--transition-base)}.hero-cta:hover .hero-cta-arrow{transform:translate(3px)}@keyframes heroIn{0%{transform:translateY(10px)}to{opacity:1;transform:none}}.builds-hint{display:none;align-items:center;justify-content:space-between;margin-top:var(--space-sm);margin-bottom:-.75rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.builds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-md);animation:heroIn .5s .18s ease both}.build{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.build:hover{border-color:var(--text-primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.build-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.build-titles{display:grid;gap:.1rem}.build-kind{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.build-name{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.03em;line-height:1.1}.build-arrow{display:grid;place-items:center;width:2rem;height:2rem;flex:none;border-radius:50%;border:1px solid var(--border-medium);color:var(--text-tertiary);transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.build:hover .build-arrow{background:var(--accent-fill);border-color:var(--accent-fill);color:#14171a}.build-rows{display:grid;gap:.75rem}.build-rows dt{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);margin-bottom:.1rem}.build-rows dd{font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.build-rows div:first-child dd{color:var(--text-primary);font-weight:500}.build-stack{margin-top:auto;padding-top:var(--space-md);border-top:1px dashed var(--border-medium)}.hero-compact{display:flex;align-items:center;gap:.85rem;padding-block:var(--space-xl)}.hero-compact:before{display:none}.hero-back{margin-left:auto;font-size:var(--text-sm)}@media(max-width:900px){.hero{padding-block:var(--space-2xl)}.hero-intro{grid-template-columns:minmax(0,1fr)}.hero-actions{justify-content:flex-start}.builds{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.hero-actions{display:grid;grid-template-columns:minmax(0,1fr) 3.25rem;gap:.6rem}.hero-actions .btn{min-height:3.25rem;border-radius:14px;font-size:var(--text-base)}.hero-cta{grid-column:1 / -1;gap:.6rem;background:var(--accent-fill);color:#14171a;font-weight:600;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--accent-fill) 80%,transparent)}.hero-cta:hover{background:var(--accent-fill);color:#14171a}.hero-contact{background:var(--bg-secondary)}.hero-icon-btn{width:3.25rem;background:var(--bg-secondary)}.hero-actions .btn:active{transform:scale(.97)}.build{padding:var(--space-md) 1.1rem}.hero-compact .hero-role{display:none}}@media(max-width:640px){.builds{display:grid;grid-auto-flow:column;grid-auto-columns:84%;grid-template-columns:none;gap:.75rem;margin-inline:calc(var(--container-padding) * -1);padding:.25rem var(--container-padding) 1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--container-padding);scrollbar-width:none}.builds::-webkit-scrollbar{display:none}.build{scroll-snap-align:start}.builds-hint{display:flex;margin-bottom:calc(var(--space-xl) * -1 + .25rem)}.builds{margin-top:0}}.glance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--text-primary)}.glance-item{display:grid;align-content:start;gap:.6rem;padding:var(--space-lg) var(--space-lg) var(--space-lg) 0;border-right:1px solid var(--border-light)}.glance-item+.glance-item{padding-left:var(--space-lg)}.glance-item:last-child{border-right:none}.glance-item dt{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--accent-primary);text-transform:lowercase}.glance-item dd{font-size:var(--text-base);line-height:1.55;color:var(--text-secondary)}@media(max-width:900px){.glance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.glance-item,.glance-item+.glance-item{padding:var(--space-lg) var(--space-md) var(--space-lg) 0;border-right:none;border-bottom:1px solid var(--border-light)}.glance-item:nth-child(2n){padding-left:var(--space-md);border-left:1px solid var(--border-light)}}@media(max-width:520px){.glance-grid{grid-template-columns:minmax(0,1fr)}.glance-item,.glance-item+.glance-item{padding-block:var(--space-md)}.glance-item dd{font-size:var(--text-sm)}.glance-item:nth-child(2n){padding-left:0;border-left:none}}.about-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--space-2xl);align-items:start}.about-prose{display:grid;gap:var(--space-md);color:var(--text-secondary);font-size:var(--text-lg);max-width:36rem}.about-prose .about-lead{font-size:var(--text-xl);font-weight:500;line-height:1.4;color:var(--text-primary);letter-spacing:-.01em}.principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--border-medium);border-left:1px solid var(--border-light)}.principle{display:grid;align-content:start;gap:.4rem;padding:var(--space-lg);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);transition:background-color var(--transition-base)}.principle:hover{background:var(--bg-secondary)}.principle h3{font-size:var(--text-lg)}.principle h3:before{content:"";display:block;width:1.25rem;height:2px;margin-bottom:.85rem;background:var(--accent-fill)}.principle p{color:var(--text-tertiary);font-size:var(--text-sm);line-height:1.55}@media(max-width:900px){.about-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.about-prose{font-size:var(--text-base)}.principles{display:grid;grid-auto-flow:column;grid-auto-columns:72%;grid-template-columns:none;gap:.75rem;border:none;margin-inline:calc(var(--container-padding) * -1);padding:.25rem var(--container-padding) .5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--container-padding);scrollbar-width:none}.principles::-webkit-scrollbar{display:none}.principle{scroll-snap-align:start;padding:var(--space-md) 1.1rem;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-secondary)}}.mac{--mac-chrome: color-mix(in srgb, var(--bg-tertiary) 70%, var(--bg-secondary));--mac-chrome-border: var(--border-light);--mac-title: var(--text-secondary);--mac-pill: var(--bg-primary);display:block;min-width:0;max-width:100%;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:12px;color:inherit}.mac-dark{--mac-chrome: #2a2d31;--mac-chrome-border: #1c1e21;--mac-title: #b9bec3;--mac-pill: #1c1e21;background:#16181b;border-color:#0d0e10;color:#d9ddd8}.mac-titlebar{display:grid;grid-template-columns:3.75rem minmax(0,1fr) minmax(3.75rem,auto);align-items:center;gap:var(--space-sm);min-height:2.4rem;padding:.45rem .85rem;background:var(--mac-chrome);border-bottom:1px solid var(--mac-chrome-border)}.mac-lights{display:inline-flex;gap:.45rem}.mac-lights i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 .5px #0003}.mac-close{background:#ff5f57}.mac-min{background:#febc2e}.mac-max{background:#28c840}.mac-title{justify-self:center;max-width:100%;font-size:var(--text-sm);font-weight:600;color:var(--mac-title);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mac-address{justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;width:min(22rem,100%);padding:.22rem .9rem;border-radius:7px;background:var(--mac-pill);font-size:var(--text-xs);font-weight:500;color:var(--mac-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac-address svg{flex:none;opacity:.6}.mac-right{justify-self:end;min-width:0}[data-reveal]{transform-origin:50% 0%;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.js-reveal [data-reveal]:not(.is-revealed){transform:perspective(1400px) rotateX(14deg) translateY(40px) scale(.95)}@media(max-width:480px){.mac-titlebar{padding-inline:.65rem}.mac-titlebar.no-right{grid-template-columns:auto minmax(0,1fr)}.mac-address{width:100%;gap:.3rem;padding-inline:.55rem;font-size:.68rem}.mac-address svg{width:9px;height:9px}.mac-lights i{width:10px;height:10px}}.stack-status{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--accent-primary);white-space:nowrap;font-variant-numeric:tabular-nums}.stack-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.stack-status.is-done{color:var(--success)}.stack-body{display:grid;grid-template-columns:12.5rem minmax(0,1fr)}.stack-sidebar{display:grid;align-content:start;gap:.35rem;padding:var(--space-md) .6rem;background:color-mix(in srgb,var(--bg-tertiary) 55%,var(--bg-secondary));border-right:1px solid var(--border-light)}.stack-sidebar ul{display:grid;gap:2px;margin-bottom:var(--space-md)}.stack-sidebar-label{padding:0 .6rem;font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.stack-side-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.4rem .6rem;border:none;border-radius:6px;background:transparent;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-align:left;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.stack-side-item:hover{background:var(--bg-hover)}.stack-side-item.is-active{background:var(--accent-fill);color:#14171a}.stack-side-item.is-static{cursor:default}.stack-side-item.is-static:hover{background:transparent}.stack-side-icon{width:1rem;color:var(--accent-primary)}.stack-side-item.is-active .stack-side-icon{color:inherit}.stack-side-count{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;opacity:.7;font-variant-numeric:tabular-nums}.stack-main{min-width:0;background:var(--bg-secondary)}.stack-layer{display:grid;grid-template-columns:3.25rem minmax(0,12rem) minmax(0,1fr);align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-lg) var(--space-lg) 0;border-bottom:1px solid var(--border-light);transition:background-color .3s ease}.stack-layer{cursor:pointer;-webkit-tap-highlight-color:transparent}.stack-layer:hover,.stack-layer.is-active{background:var(--accent-soft)}.stack-rail{position:relative;align-self:stretch;display:grid;place-items:center;margin-block:calc(var(--space-lg) * -1)}.stack-rail:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--border-medium)}.stack-layer:first-child .stack-rail:before{top:50%}.stack-layer:last-child .stack-rail:before{bottom:50%}.stack-node{position:relative;display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-heavy);transition:background-color .3s ease,border-color .3s ease,transform .3s ease}.stack-packet{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:#14171a;opacity:0;transition:opacity .2s ease}.stack-layer.is-active .stack-node{background:var(--accent-fill);border-color:var(--accent-fill);transform:scale(1.15)}.stack-layer.is-active .stack-packet{opacity:1}.stack-meta{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:.6rem;row-gap:.15rem;min-width:0}.stack-id{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--text-muted)}.stack-name{font-size:var(--text-2xl);letter-spacing:-.03em;line-height:1.1}.stack-note,.stack-ms{grid-column:2;font-size:var(--text-sm);color:var(--text-tertiary)}.stack-ms{font-family:var(--font-mono);font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums;transition:color .3s ease}.stack-layer.is-active .stack-ms{color:var(--accent-primary)}.stack-groups{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem .75rem;min-width:0}.stack-groups>.stack-skills:only-child{grid-column:1 / -1}.stack-group-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.stack-skills{display:flex;flex-wrap:wrap;gap:.45rem;min-width:0}.stack-skill{padding:.4rem .75rem;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:6px;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.stack-skill:hover,.stack-layer.is-active .stack-skill{background:var(--highlight);border-color:transparent}.stack-skill:hover{transform:translateY(-2px)}.stack-ship{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr);align-items:center;gap:var(--space-lg);padding:var(--space-lg);padding-left:calc(3.25rem + var(--space-lg));background:repeating-linear-gradient(-45deg,transparent 0 8px,var(--grid-line) 8px 9px)}.stack-ship-label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.stack-statusbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);padding:.45rem 1rem;background:var(--mac-chrome);border-top:1px solid var(--border-light);font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);font-variant-numeric:tabular-nums}@media(max-width:900px){.stack-body{grid-template-columns:minmax(0,1fr)}.stack-sidebar{display:none}}@media(max-width:760px){.stack-layer{grid-template-columns:minmax(0,1fr);gap:.85rem;padding:var(--space-md);box-shadow:inset 3px 0 0 transparent;transition:background-color .3s ease,box-shadow .3s ease}.stack-layer.is-active{box-shadow:inset 3px 0 0 var(--accent-fill)}.stack-rail{display:none}.stack-meta{grid-template-columns:auto minmax(0,1fr) auto}.stack-name{font-size:var(--text-xl)}.stack-ms{grid-column:3;grid-row:1;align-self:center}.stack-note{grid-column:1 / -1}.stack-groups{grid-template-columns:minmax(0,1fr);gap:.4rem}.stack-group-label{margin-top:.2rem}.stack-skills{gap:.35rem}.stack-skill{padding:.3rem .55rem;font-size:var(--text-xs)}.stack-ship{grid-template-columns:minmax(0,1fr);gap:var(--space-sm);padding:var(--space-md)}.stack .mac-title{display:none}}.journey-list{display:grid;gap:var(--space-3xl)}.job{display:grid;gap:var(--space-xl)}.job-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-lg) var(--space-2xl);align-items:end}.job-title{display:grid;gap:.2rem}.job-role{font-size:var(--text-2xl)}.job-company{color:var(--text-secondary);font-size:var(--text-lg)}.job-company strong{color:var(--text-primary)}.job-company-note{color:var(--text-tertiary);max-width:34rem}.job-shot img{width:100%;height:auto}.job-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:start}.job-work{display:grid;gap:var(--space-md);min-width:0}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border-light);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.platform{display:grid;gap:.1rem;padding:.85rem 1rem;background:var(--bg-secondary)}.platform-name{font-weight:600}.platform-detail{font-size:var(--text-sm);color:var(--text-tertiary)}@media(max-width:820px){.job-head,.job-detail{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.job-role{font-size:var(--text-xl)}.job-company-note{font-size:var(--text-sm)}.platform{padding:.7rem .8rem}.platform-name{font-size:var(--text-sm);line-height:1.3}.platform-detail{font-size:var(--text-xs)}}@media(max-width:340px){.platform-grid{grid-template-columns:minmax(0,1fr)}}.case-list{display:grid;gap:var(--space-3xl)}.case{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:start}.case:nth-child(2n) .case-shot{transition:transform .9s cubic-bezier(.2,.7,.2,1),box-shadow var(--transition-slow)}.case-shot.is-revealed:hover{transform:translateY(-4px)}.case-shot img{width:100%;height:auto}.case-wide{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.case-wide .case-shot{order:0}.case-wide .case-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-2xl)}.case-role{padding:var(--space-md) var(--space-lg);background:var(--accent-soft);border-radius:var(--radius-md);color:var(--text-primary)}.case-role .mini-label{margin-bottom:.25rem;color:var(--accent-primary)}.case-body{display:grid;gap:var(--space-lg);min-width:0}.case-group{display:grid;gap:var(--space-lg);align-content:start;min-width:0}.case-head{display:grid;gap:.15rem}.case-name{font-size:var(--text-3xl);letter-spacing:-.04em}.case-desc{color:var(--text-secondary);font-size:var(--text-lg)}.case-module{display:inline-flex;padding:.3rem .7rem;font-size:var(--text-sm);font-weight:500;border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--text-primary)}.case-foot{display:grid;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.case-foot .text-link{justify-self:start}@media(max-width:900px){.case{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.case:nth-child(2n) .case-shot{order:0}.case-wide .case-body{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.case-list{gap:var(--space-2xl)}.case-body,.case-group{gap:var(--space-md)}.case-desc{font-size:var(--text-base)}.case-role{padding:.75rem 1rem;font-size:var(--text-sm)}.case-module{font-size:var(--text-xs);padding:.25rem .6rem}.projects .bullet-list{font-size:var(--text-sm)}}.pkg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-2xl);align-items:start}.pkg-info{display:grid;gap:var(--space-lg);min-width:0}.pkg-name{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.03em;margin-top:-.75rem}.pkg-desc{color:var(--text-secondary);font-size:var(--text-lg)}.pkg-stats-wrap{position:relative}.pkg-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-secondary);position:relative}.pkg-stats>div{display:grid;gap:.1rem;padding:.7rem .85rem;border-right:1px solid var(--border-light);min-width:0}.pkg-stats>div:nth-child(4){border-right:none}.pkg-stats dt{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pkg-stats dd{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.pkg-stats-live{position:absolute;top:-.6rem;right:.75rem;display:inline-flex;align-items:center;gap:.35rem;padding:0 .4rem;background:var(--bg-primary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--success)}.pkg-stats-live i{width:6px;height:6px;border-radius:50%;background:currentColor}@media(max-width:520px){.pkg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pkg-stats>div:nth-child(2){border-right:none}.pkg-stats>div:nth-child(-n+2){border-bottom:1px solid var(--border-light)}}.pkg-links{display:flex;flex-wrap:wrap;gap:.6rem}.pkg-terminal-body{padding:1.1rem 1.2rem;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;line-height:1.75;overflow-x:auto}.t-prompt{color:#f2a93b;margin-right:.4rem}.t-comment{color:#8b9399}.pkg-shot{width:100%;border-top:1px solid #2a2f35}@media(max-width:900px){.pkg{grid-template-columns:minmax(0,1fr)}}.contact{padding-bottom:var(--space-4xl)}.contact-panel{display:grid;gap:var(--space-lg);padding:clamp(1.5rem,4vw,3.5rem);border-radius:var(--radius-lg);background:var(--bg-inverse);color:var(--text-inverse);background-image:linear-gradient(color-mix(in srgb,var(--text-inverse) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text-inverse) 7%,transparent) 1px,transparent 1px);background-size:32px 32px}.contact-panel .section-path{color:color-mix(in srgb,var(--text-inverse) 60%,transparent)}.contact-title{font-size:var(--text-3xl);letter-spacing:-.035em;max-width:22ch}.contact-lede{max-width:36rem;font-size:var(--text-lg);color:color-mix(in srgb,var(--text-inverse) 75%,transparent)}.contact-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.contact-email{font-family:var(--font-mono);font-weight:700;font-size:clamp(1.05rem,.8rem + 1.4vw,1.6rem);color:var(--accent-on-inverse);border-bottom:2px solid currentColor;margin-right:var(--space-sm);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.contact-email:hover{color:var(--text-inverse)}.contact-copy{color:var(--text-inverse);border-color:color-mix(in srgb,var(--text-inverse) 30%,transparent);font-size:var(--text-sm)}.contact-copy:hover{border-color:var(--text-inverse)}.contact-gh-short{display:none}@media(max-width:640px){.contact{padding-bottom:var(--space-2xl)}.contact-panel{padding:1.5rem 1.25rem}.contact-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.25rem,1fr));gap:.6rem}.contact-email{grid-column:1 / -1;justify-self:start;margin:0 0 .4rem}.contact-copy{min-height:3rem;padding-inline:.6rem;border-radius:12px;white-space:nowrap}.contact-gh-full{display:none}.contact-gh-short{display:inline}}.cmdk-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;justify-content:center;align-items:flex-start;padding:max(12vh,4rem) var(--container-padding) var(--space-xl);background:color-mix(in srgb,#0a0b0d 45%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:cmdkFade .15s ease both}.cmdk{display:flex;flex-direction:column;width:min(36rem,100%);max-height:min(30rem,70vh);overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:14px;box-shadow:var(--shadow-lg);animation:cmdkIn .18s cubic-bezier(.2,.8,.2,1) both}.cmdk-input-row{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid var(--border-light)}.cmdk-search-icon{color:var(--text-muted)}.cmdk-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:inherit;font-size:var(--text-lg);color:var(--text-primary)}.cmdk-input::placeholder{color:var(--text-muted)}.cmdk kbd,.cmdk-esc{display:inline-grid;place-items:center;min-width:1.4rem;padding:.05rem .35rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:4px}.cmdk-list{flex:1;overflow-y:auto;padding:.4rem;overscroll-behavior:contain}.cmdk-group{padding:.6rem .6rem .3rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.cmdk-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .7rem;border-radius:8px;color:var(--text-secondary);cursor:pointer}.cmdk-item.is-active{background:var(--highlight);color:var(--text-primary)}.cmdk-item-icon{width:1rem;color:var(--text-tertiary)}.cmdk-item.is-active .cmdk-item-icon{color:var(--text-primary)}.cmdk-item-label{flex:none;font-weight:500;white-space:nowrap}.cmdk-item-hint{flex:1;min-width:0;text-align:right;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-item:has(.cmdk-result){align-items:flex-start}.cmdk-item:has(.cmdk-result) .cmdk-item-icon{margin-top:.2rem}.cmdk-result{display:grid;gap:.2rem;flex:1;min-width:0}.cmdk-result-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;min-width:0}.cmdk-result-title{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-result-section{flex:none;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--text-muted)}.cmdk-result-snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-sm);line-height:1.5;color:var(--text-tertiary)}.cmdk-result-snippet mark{padding:0 .1em;border-radius:2px;background:var(--highlight);color:var(--text-primary);font-weight:600}.cmdk-item.is-active .cmdk-result-snippet{color:var(--text-secondary)}.cmdk-empty{padding:1.5rem .75rem;color:var(--text-tertiary);text-align:center}.cmdk-foot{display:flex;gap:1rem;padding:.55rem 1rem;border-top:1px solid var(--border-light);background:var(--bg-tertiary);font-size:var(--text-xs);color:var(--text-tertiary)}.cmdk-foot span{display:inline-flex;align-items:center;gap:.25rem}.cmdk-toast{position:fixed;left:50%;bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px) + 1.25rem);z-index:var(--z-tooltip);padding:.6rem 1rem;border-radius:var(--radius-full);background:var(--bg-inverse);color:var(--text-inverse);font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease}.cmdk-toast.is-visible{opacity:1;transform:translate(-50%)}@keyframes cmdkFade{0%{opacity:0}}@keyframes cmdkIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}}@media(max-width:640px){.cmdk-overlay{padding-top:calc(var(--nav-height) + 1rem)}.cmdk-foot{display:none}}