@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+460-52F,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+301,U+400-45F,U+490-491,U+4B0-4B1,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+1F??}@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+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@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+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: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+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: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+??,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{--black:#000;--gray-1:#141517;--gray-2:#191b1e;--gray-3:#212629;--gray-4:#293034;--gray-5:#333b3e;--gray-6:#3b4345;--gray-7:#434a4d;--gray-8:#52595b;--gray-9:#6e7679;--gray-10:#878d8f;--gray-11:#a1a4a5;--gray-12:#f0f0f0;--white:#fff;--text-metal-gradient:linear-gradient(to right bottom, #fff 30%, #ffffff80);--text-metal-stroke:.2px #fff6;--text-metal-shadow:-.5px -.5px .4px #ffffff57, 1px 1px .4px #0000001a;--metal-bleed:.2em;--orange:#fe8c2b;--orange-light:#ffb53f;--cyan:#00a6ff;--cyan-light:#00ecea;--brand:#16b8f3;--focus-ring:#ffffff80;--green:#62ffb3;--violet:#7777f5;--ascii-magenta:#d64eff;--font-serif:"Georgia", serif;--font-display-serif:"DisplaySerif", "Noto Serif SC", var(--font-serif);--font-display:"Inter Variable", Inter, sans-serif;--font-sans:"Inter Variable", Inter, sans-serif;--font-mono:"Inter Variable", Inter, sans-serif;--font-code:"CommitMono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--code-accent:#5bc2e7;--weight-display:500;--weight-mono:350;--container:1280px;--gutter:24px;--space-24:24px;--card-grid-column-gap:var(--space-24);--card-grid-row-gap-single:var(--space-24);--card-grid-row-gap-multi:64px;--header-height:58px;--header-content-width:var(--container);--radius-button:16px;--radius-button-small:16px;--radius-control:8px;--button-height:48px;--button-height-small:40px;--border-button:#ffffff0d;--surface-glass:linear-gradient(104deg, #fdfdfd0d 5%, #f0f0e41a 100%);--border-subtle:#ffffff17;--border-control:#ffffff1f;--surface-iron:linear-gradient(180deg, #232426 0%, #171819 100%);--surface-iron-hover:linear-gradient(180deg, #2b2d2f 0%, #1c1e20 100%);--transition-control:.18s var(--ease);--ease:cubic-bezier(.22, 1, .36, 1)}@font-face{font-family:DisplaySerif;src:local(Georgia);font-weight:400;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2013-2014,U+2018-2019,U+201C-201D,U+2022,U+2122,U+FEFF,U+FFFD}@font-face{font-family:Noto Serif SC;src:url(/fonts/NotoSerifSC-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FF00-FFEF,U+3000-303F}@font-face{font-family:CommitMono;src:url(/fonts/CommitMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.font-display-serif{font-family:var(--font-display-serif);font-weight:400}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:gray transparent}html:not([data-lang=en]) [data-lang=en],html[data-lang=en] [data-lang=zh]{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}html{background:var(--black);color-scheme:dark;scroll-behavior:smooth;overflow-x:clip}html[data-restoring-scroll] body{visibility:hidden}body{background:var(--black);color:var(--gray-12);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:clip}::selection{background:var(--gray-12);color:var(--black)}a{color:inherit;text-decoration:none}button,summary{font:inherit}button,a,summary{touch-action:manipulation}button{color:inherit}.skip-link{z-index:2000;background:var(--white);color:var(--black);border-radius:8px;padding:12px 16px;position:fixed;top:12px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.section-shell{width:min(100%, var(--container));padding-inline:var(--gutter);margin-inline:auto}.site-header{z-index:100;height:var(--header-height);align-items:center;display:flex;position:fixed;inset:0 0 auto}.site-header:after{z-index:0;content:"";pointer-events:none;opacity:0;backdrop-filter:blur(12px);background-color:#0009;transition:opacity .2s ease-in-out;position:absolute;inset:0}.site-header:before{z-index:3;content:"";pointer-events:none;opacity:0;backdrop-filter:blur(40px)brightness(2);transition:opacity .2s ease-in-out;position:absolute;inset:0 0 -120px;-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000);-webkit-mask-position:0 calc(100% - 120px);mask-position:0 calc(100% - 120px);-webkit-mask-size:100% 1px;mask-size:100% 1px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.site-header.is-scrolled:before,.site-header.is-scrolled:after{opacity:1}.header-shell{width:min(100%, var(--header-content-width));height:48px;padding-inline:var(--gutter);z-index:2;transition:opacity var(--transition-control);grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;display:grid;position:relative}.brand{justify-self:start;align-items:center;min-height:40px;display:inline-flex}.brand-logo{width:auto;height:16px;color:var(--gray-12);display:block}.desktop-nav{align-items:center;gap:2px;display:flex}.desktop-nav a{min-height:40px;color:var(--gray-10);place-items:center;padding:0 14px;font-size:14px;font-weight:500;transition:color .2s;display:grid}.desktop-nav a:hover{color:var(--gray-12)}.header-contact{justify-self:end;min-width:84px}.mobile-nav{display:none}.button{min-height:var(--button-height);border:2px solid var(--border-button);border-radius:var(--radius-button);background:var(--surface-glass);color:var(--gray-12);cursor:pointer;backdrop-filter:blur(25px);transition:background var(--transition-control), border-color var(--transition-control), box-shadow var(--transition-control), color var(--transition-control), opacity var(--transition-control);justify-content:center;align-items:center;padding:0 17px;font-size:14px;font-weight:600;display:inline-flex;position:relative;box-shadow:0 1px 2px #0000004d}.button:after{content:"";border-radius:var(--radius-button);pointer-events:none;background-image:url(/static/texture-btn.png);background-repeat:repeat;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;top:-2px;left:-2px}.button:hover{color:#0c0c0d;background:#ffffffe6;border-color:#ffffffe6}.button:active{opacity:.86}.button:focus-visible{outline:none;box-shadow:0 0 0 4px #ffffff4d}.button-small{min-height:var(--button-height-small);border-radius:var(--radius-button-small);padding-inline:14px;font-size:13px}.button-ghost{color:var(--gray-10);background:0 0;border-color:#0000}.button-ghost:hover{color:var(--gray-12);background:0 0;border-color:#0000}.button-ghost:after{display:none}.button-flow{isolation:isolate;-webkit-background-clip:padding-box;background-clip:padding-box;border-color:#0000}.button-flow:before{content:"";border-radius:inherit;background:conic-gradient(from var(--flow-angle,0deg), #ff2d95, #7a5cff, #21d4fd, #36f1a3, #ffd23f, #ff2d95);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.hero{width:100%;min-height:max(720px,100dvh);padding:0 max(64px, calc((100% - var(--container)) / 2 + 64px));background:#010101;align-items:center;display:flex;position:relative;overflow:hidden}.hero-atmosphere{pointer-events:none;position:absolute;inset:0;overflow:hidden}.light-ray{filter:blur(9px);opacity:.72;position:absolute}.light-ray-b{background:radial-gradient(at top,#ffffff0e,#0000 65%);width:55%;height:65%;top:0;right:-6%}.hero-grid{opacity:.45;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:42px 42px;width:58%;height:76%;position:absolute;top:16%;right:-5%;transform:perspective(700px)rotateY(-10deg)rotateX(5deg);mask-image:radial-gradient(#000,#0000 68%)}.hero-content{z-index:2;max-width:720px;position:relative}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --floor{syntax:"<number>";inherits:true;initial-value:.88}@keyframes label-spin{to{--angle:360deg}}.hero-label{isolation:isolate;--rainbow-stops:#f88 0deg,  #d9a300 45deg,  #61c200 90deg,  #00c732 135deg,  #00bfbf 180deg,  #8ba8ff 225deg,  #c993ff 270deg,  #ff7cde 315deg,  #f88 360deg;--cone:14%;--fade:20%;--floor:.88;--floor-hover:1;--glow-hover:.55;--ring-hover:1.22;width:fit-content;min-height:34px;color:var(--gray-12);letter-spacing:-.01em;background-color:#0b0c0e;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;margin:0 0 28px;padding:0 15px;font-size:13px;font-weight:500;transition:--floor .35s ease-out;display:inline-flex;position:relative}.hero-label:before{content:"";z-index:-1;border-radius:inherit;background: linear-gradient(#0b0c0e 0 100%) padding-box,  conic-gradient(from var(--angle) at 50% 50%, var(--rainbow-stops)) border-box;mask-image:conic-gradient(from var(--angle) at center, black var(--cone), rgba(0, 0, 0, var(--floor)) calc(var(--cone) + var(--fade)), rgba(0, 0, 0, var(--floor)) calc(100% - var(--cone) - var(--fade)), black calc(100% - var(--cone)));filter:brightness();border:1px solid #0000;transition:filter .35s ease-out;animation:8s linear infinite label-spin;position:absolute;inset:-1px}.hero-label:after{content:"";z-index:-2;border-radius:inherit;background:conic-gradient(from var(--angle) at 50% 50%, var(--rainbow-stops));filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .35s ease-out;animation:8s linear infinite label-spin;position:absolute;inset:0}.hero-label:hover{--floor:var(--floor-hover)}.hero-label:hover:before{filter:brightness(var(--ring-hover))}.hero-label:hover:after{opacity:var(--glow-hover)}@media (prefers-reduced-motion:reduce){.hero-label:before,.hero-label:after{animation:none}}.hero h1{font-family:var(--font-display-serif);letter-spacing:0;margin:0;font-size:clamp(56px,6.4vw,96px);font-weight:400;line-height:.9}.hero h1 [data-lang=zh]{white-space:nowrap}.hero-lead{max-width:520px;color:var(--gray-10);margin:24px 0 0;font-size:17px;line-height:1.55}.button-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:28px;display:flex}.hero-inner{z-index:2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(40px,5vw,96px);width:100%;display:grid;position:relative}.hero-code{min-width:0}.hc-pre{padding:0;font-family:var(--font-code);color:var(--gray-12);margin-right:calc(-2px - .15em);padding-right:calc(2px + .15em);font-size:14px;font-weight:400;line-height:20px;overflow-x:auto}.hc-line{white-space:pre;display:block}.hc-t{color:inherit;transition:opacity .2s var(--ease)}.hc-t.is-ghost{opacity:.28}.hc-c{visibility:hidden}.hc-c.is-on{visibility:visible}.t-kw{color:var(--gray-9)}.t-pn{color:var(--gray-10)}.t-st{color:var(--code-accent)}.hc-caret{background:var(--white);width:1px;height:1em;margin-left:.15em;margin-right:calc(-1px - .15em);display:inline-block;transform:translateY(.15em)}.hc-caret.is-blinking{animation:.92s cubic-bezier(.455,.03,.515,.955) infinite hc-caret-blink,.92s cubic-bezier(.455,.03,.515,.955) infinite hc-caret-squash}@keyframes hc-caret-blink{0%,33.33%{opacity:1}66.67%,to{opacity:0}}@keyframes hc-caret-squash{0%,to{transform:translateY(.15em)scaleY(1)}50%{transform:translateY(.15em)scaleY(.95)}}.work,.ai-section,.builds-section,.about{padding-top:224px}.work{padding-top:144px}.contact h2{font-family:var(--font-display);font-size:clamp(46px,5.3vw,72px);font-weight:var(--weight-display);letter-spacing:0;margin:0;line-height:1.03}.contact h2 em{font-style:normal}.hero h1,.work-heading h2,.contact h2,.article-hero h1{color:var(--gray-12);background-image:var(--text-metal-gradient);-webkit-text-fill-color:transparent;-webkit-text-stroke:var(--text-metal-stroke);text-shadow:var(--text-metal-shadow);-webkit-background-clip:text;background-clip:text}.hero h1,.work-heading h2,.contact h2{padding-block:var(--metal-bleed);margin-block:calc(var(--metal-bleed) * -1)}.work-heading{text-align:center;flex-direction:column;align-items:center;margin:0 auto 96px;display:flex}.work-heading h2{color:var(--gray-12);font-family:var(--font-display-serif);font-size:clamp(56px,6.5vw,88px);font-weight:var(--weight-display);letter-spacing:0;line-height:1.08}.work-heading h2.ascii-heading{white-space:normal;justify-content:center;display:flex}.ascii-heading__prefix{margin-right:.28em;display:inline}.ascii-heading__cluster{white-space:nowrap;align-items:baseline;column-gap:.09em;display:inline-flex}.ascii-heading__text{display:inline}.ascii-cursor{--ascii-gradient:linear-gradient(270deg, var(--ascii-magenta) 0%, var(--violet) 46%, var(--cyan-light) 100%);isolation:isolate;background-color:var(--black);letter-spacing:0;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;width:.7em;height:.88em;text-shadow:none;flex:0 0 .7em;align-self:center;place-items:center;font-family:Commit Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:400;line-height:1;display:inline-grid;position:relative;transform:translateY(.015em)}.ascii-cursor__glyph{-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;text-shadow:none;color:#0000;background-image:var(--ascii-gradient);filter:drop-shadow(0 0 .16em #7777f538);background-position:0%;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:.82em;line-height:1;transition:opacity .11s linear;display:block}.ascii-cursor.is-running .ascii-cursor__glyph{animation:8s ease-in-out infinite ascii-cursor-gradient}.ascii-cursor.is-hidden .ascii-cursor__glyph{opacity:0}.ascii-cursor.is-scrambling .ascii-cursor__glyph{color:var(--gray-11);filter:none;background-image:none;font-size:.62em;animation:none}@keyframes ascii-cursor-gradient{0%,to{background-position:0%}50%{background-position:100%}}.work-heading p{max-width:640px;color:var(--gray-10);margin:18px auto 0;font-size:16px;line-height:1.5}.module-ascii{width:400px;height:200px;margin:0 auto 28px;display:block}.project-list{gap:160px;width:100%;min-width:0;display:grid}.project-row{grid-template-columns:1.3fr 1fr;align-items:center;gap:92px;min-width:0;display:grid}.project-placeholder{aspect-ratio:16/9;background:#080808;border:1px solid #ffffff1a;border-radius:18px;width:100%;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.project-cover img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:transform .36s var(--ease), filter .24s ease;display:block}.project-row-link{color:inherit;cursor:pointer;scroll-margin-top:68px}.project-row-link:hover .project-cover img{filter:grayscale(0);transform:scale(1.015)}.project-row-link:active .project-cover img{filter:grayscale(0)brightness(.88)}.project-row-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:12px;border-radius:12px}.project-copy{min-width:0}.project-category{color:var(--gray-10);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:400;line-height:20px;display:inline-flex}.project-category-icon{flex:none;width:18px;height:24px}.project-copy h3{color:var(--gray-12);font-family:var(--font-display);font-size:clamp(38px,3.45vw,48px);font-weight:var(--weight-display);letter-spacing:-.045em;margin:16px 0 0;line-height:1.08}.project-summary{color:var(--gray-10);margin:20px 0 0;font-size:16px;line-height:1.5}.accent-orange{--accent:var(--orange)}.accent-cyan{--accent:var(--cyan)}.accent-green{--accent:var(--green)}.accent-violet{--accent:var(--violet)}.ai-section{position:relative}.responsive-card-grid{column-gap:var(--card-grid-column-gap);row-gap:var(--card-grid-row-gap-single);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.ai-gallery-filters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;width:fit-content;min-width:min(288px,100%);max-width:100%;margin:0 auto 40px;display:grid}.ai-gallery-filter{color:#a1a4a5;height:32px;font:500 14px/20px var(--font-sans);letter-spacing:normal;text-transform:none;white-space:nowrap;cursor:pointer;user-select:none;background:#18191ce0;border:1px solid color(display-p3 .882 .933 .992/.077);border-radius:9999px;justify-content:center;align-items:center;padding:0 12px;transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.ai-gallery-filter:hover{background:#b0c7d925}.ai-gallery-filter.is-active{color:#000;background:#fff;font-weight:600}.ai-gallery-filter.is-active:hover{background:#f0f0f0}.ai-gallery-filter:focus-visible{outline-offset:2px;outline:2px solid #f0f0f061}.ai-gallery-grid{width:100%}.ai-gallery-card{min-width:0}.ai-gallery-card[hidden]{display:none}.ai-gallery-image{aspect-ratio:395/208;background:linear-gradient(145deg,#0c0d0f,#050506);border:1px solid #ffffff24;border-radius:6px;width:100%}.ai-gallery-card.accent-cyan .ai-gallery-image{background:radial-gradient(circle at 68% 34%,#00a6ff29,#0000 24%),linear-gradient(145deg,#0b1114,#050607 72%)}.ai-gallery-card.accent-green .ai-gallery-image{background:radial-gradient(circle at 36% 62%,#62ffb31c,#0000 25%),linear-gradient(145deg,#0a0f0c,#050605 72%)}.ai-gallery-card.accent-violet .ai-gallery-image{background:radial-gradient(circle at 66% 34%,#7777f529,#0000 25%),linear-gradient(145deg,#0d0c13,#050506 72%)}.ai-gallery-card.accent-orange .ai-gallery-image{background:radial-gradient(circle at 34% 62%,#fe8c2b21,#0000 25%),linear-gradient(145deg,#120d08,#050505 72%)}.ai-gallery-card h3{color:var(--gray-12);font:var(--weight-display) 20px/25px var(--font-display);letter-spacing:0;margin:16px 0 0}.ai-gallery-card time{color:#f0f0f0b8;font:400 14px/20px var(--font-sans);margin-top:12px;display:block}@media (width>=640px){.responsive-card-grid{row-gap:var(--card-grid-row-gap-multi);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.responsive-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px){.ai-gallery-filters{margin-left:0;margin-right:auto;display:flex}}.about{padding-top:224px}.about-grid{display:block}.about-content{min-width:0;padding-top:4px}.timeline{--experience-collapsed-height:128px;--timeline-x:312px;position:relative}.timeline:before{width:1px;top:10px;bottom:10px;left:var(--timeline-x);content:"";background:linear-gradient(#fff3,#ffffff14);position:absolute}.experience-item{min-height:var(--experience-collapsed-height);margin-bottom:var(--space-24);cursor:default;border-radius:18px;grid-template-columns:288px 48px minmax(0,1fr);align-items:start;padding:8px 0 0;display:grid}.experience-item:last-child{margin-bottom:0}.experience-meta{white-space:nowrap;margin:0;padding-top:14px}.timeline-marker{z-index:1;border:1px solid var(--gray-7);background:var(--black);width:7px;height:7px;transition:background-color .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease);border-radius:50%;margin:22px 0 0 21px}.experience-copy{min-width:0;padding:0}.experience-type-icon{transform:rotate(var(--experience-icon-rotation,0deg));transform-origin:50%}.experience-copy h3{color:var(--gray-12);font-family:var(--font-display);font-size:clamp(38px,3.45vw,48px);font-weight:var(--weight-display);letter-spacing:-.045em;word-break:keep-all;overflow-wrap:normal;margin:0;line-height:1.08}.experience-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 32px;display:flex}.experience-title-primary,.experience-title-secondary{max-width:100%}.experience-title-primary{min-width:0}.experience-title-secondary{text-align:right;white-space:nowrap;margin-left:auto}.experience-description{opacity:0;transition:grid-template-rows .26s var(--ease),opacity .18s ease,transform .26s var(--ease);grid-template-rows:0fr;display:grid;transform:translateY(-4px)}.experience-description-body{min-height:0;overflow:hidden}.experience-description-body>p{width:100%;max-width:none;color:var(--gray-10);margin:0;font-size:16px;line-height:1.5}.experience-description-body>p:first-child{margin-top:20px}.experience-description-body>p+p{margin-top:8px}.experience-description-body>.is-note{color:var(--gray-11);margin-top:16px;font-weight:500}.experience-description-body>.is-note:before{content:"【"}.experience-description-body>.is-note:after{content:"】"}.experience-description-body>.is-item{padding-left:18px;position:relative}.experience-description-body>.is-item:before{content:"";opacity:.55;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:.62em;left:4px}.experience-item:hover .experience-description,.experience-item:focus-visible .experience-description,.experience-item:focus-within .experience-description{opacity:1;grid-template-rows:1fr;transform:translateY(0)}.experience-item:hover .timeline-marker,.experience-item:focus-visible .timeline-marker,.experience-item:focus-within .timeline-marker{border-color:var(--gray-12);background:var(--gray-12);transform:scale(1.25);box-shadow:0 0 14px #ffffff38}.experience-item:focus-visible{outline-offset:8px}.capability-grid{column-gap:32px;margin-top:96px}.capability-grid article{box-shadow:none;background:radial-gradient(29.48% 34.97% at 0 58.67%,#ffffff0d 0%,#ffffff05 50%,#fff0 100%),linear-gradient(#111 0%,#00000080 100%);border:.5px solid #d9edfe25;border-radius:24px;padding:32px 32px 30px;overflow:hidden}.capability-grid .capability-icon{width:40px;height:40px;color:var(--gray-12);background:radial-gradient(141.42% 141.42% at 100% 0,#ffffff26 0%,#fff0 66.84%);border:1px solid #d9edfe25;border-radius:8px;place-items:center;margin:0 0 24px;display:grid;overflow:hidden}.capability-grid .capability-icon svg{width:20px;height:20px}.capability-grid h3{max-width:100%;color:var(--gray-12);font:400 20px/28px var(--font-sans);letter-spacing:normal;margin:0 0 16px}.capability-grid p{max-width:384px;color:var(--gray-11);font:400 14px/20px var(--font-sans);margin:0}.contact{min-height:640px;padding:128px var(--gutter) 0;text-align:center;grid-template-columns:minmax(0,1fr);place-items:start center;margin-top:96px;display:grid;position:relative;overflow:hidden}.contact-inner{z-index:2;position:relative}.contact h2{font-family:var(--font-display-serif);letter-spacing:0;font-size:clamp(64px,8vw,88px);font-weight:400;line-height:1.06}.contact-actions{justify-content:center}.contact-phone-btn{display:none}@media (width<=767px){.contact-wechat-btn{display:none}.contact-phone-btn{display:inline-flex}}.cli-wrap{width:fit-content;max-width:100%;margin:32px auto 0;position:relative}.cli-pill{backdrop-filter:blur(8px);interpolate-size:allow-keywords;background:#000c;border:1px solid #ffffff1a;border-radius:24px;align-items:stretch;width:fit-content;max-width:100%;height:56px;font-size:14px;transition:width .28s cubic-bezier(.215,.61,.355,1);display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff08}.contact-inner{width:100%}.cli-method{color:var(--gray-11);font:inherit;letter-spacing:-.025em;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff1a;align-items:center;gap:6px;padding-left:24px;padding-right:10px;transition:color .2s ease-out,background-color .2s ease-out;display:flex}.cli-method:hover{color:var(--gray-12);background:#ffffff0f}.cli-method .icon-chevron{transition:transform .2s ease-out}.cli-pill.is-menu-open .cli-method .icon-chevron{transform:rotate(180deg)}.cli-method-name{display:none}.cli-pill[data-method=curl] .cli-method-name[data-name=curl],.cli-pill[data-method=email] .cli-method-name[data-name=email],.cli-pill[data-method=powershell] .cli-method-name[data-name=powershell],.cli-pill[data-method=api] .cli-method-name[data-name=api]{display:inline}.cli-menu{z-index:5;background:var(--gray-1);min-width:160px;color:var(--gray-12);opacity:0;transform-origin:top;border:1px solid #ffffff1a;border-radius:16px;padding:4px;font-family:Commit Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;transition:opacity .2s ease-out,transform .2s ease-out;position:absolute;top:calc(100% + 8px);left:0;transform:scale(.95);box-shadow:0 18px 50px #00000080}.cli-menu.is-open{opacity:1;transform:scale(1)}.cli-menu[hidden]{display:none}.cli-option{width:100%;color:var(--gray-11);font:inherit;letter-spacing:-.025em;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 12px;transition:color .2s ease-out,background-color .2s ease-out;display:grid}.cli-option:hover{color:var(--gray-12);background:#ffffff14}.cli-option[aria-selected=true]{color:var(--gray-12)}.cli-option .icon-check{color:var(--brand);visibility:hidden}.cli-option[aria-selected=true] .icon-check{visibility:visible}.cli-command{min-width:0;color:var(--gray-12);letter-spacing:-.025em;white-space:nowrap;scrollbar-width:none;flex:1;align-items:center;padding-left:16px;padding-right:16px;font-family:Commit Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex;position:relative;overflow-x:auto}.cli-command::-webkit-scrollbar{display:none}.cli-command-text{transition:opacity .28s cubic-bezier(.215,.61,.355,1),transform .28s cubic-bezier(.215,.61,.355,1);display:inline-block}.cli-command-text.is-entering{opacity:0;transform:translateY(6px)}.cli-command-text.is-leaving{opacity:0;pointer-events:none;transform:translateY(-4px)}.cli-command.is-switching{overflow:hidden}.cli-copy{aspect-ratio:1;height:100%;color:var(--gray-12);cursor:pointer;background:0 0;border:0;place-items:center;transition:color .2s ease-out,background-color .2s ease-out;display:grid}.cli-copy:hover{color:var(--gray-12);background:#ffffff0f}.cli-copy .icon-check{display:none}.cli-copy.is-copied{color:var(--brand)}.cli-copy.is-copied .icon-copy{display:none}.cli-copy.is-copied .icon-check{animation:.2s ease-out cli-copied-pop;display:block}@keyframes cli-copied-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.cli-copy.is-copied .icon-check{animation:none}.cli-pill,.cli-menu,.cli-command-text{transition:none}}@media (width<=520px){.cli-wrap{margin-top:28px}.cli-pill{border-radius:20px;height:48px;font-size:12px}.cli-method{padding-left:18px;padding-right:8px}}.wechat-dialog{width:min(430px,100% - 32px);color:var(--gray-12);background:linear-gradient(145deg,#1c1e20,#0e0f10);border:1px solid #ffffff24;border-radius:22px;padding:22px;box-shadow:0 35px 120px #000000bf}.wechat-dialog::backdrop{backdrop-filter:blur(10px);background:#000000c2}.dialog-top{justify-content:space-between;align-items:start;display:flex}.dialog-top small{color:var(--green);font:var(--weight-mono) 9px var(--font-mono)}.dialog-top h2{font:var(--weight-display) 30px var(--font-display);letter-spacing:-.04em;margin:7px 0 0}.dialog-top button{background:var(--gray-1);width:44px;height:44px;color:var(--gray-10);cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;font-size:24px}.qr-frame{aspect-ratio:1;background:linear-gradient(145deg,#fff,#eee);border-radius:16px;place-items:center;margin-top:0;padding:22px;display:grid}.qr-frame img{object-fit:contain;border-radius:10px;width:100%;height:100%;display:block}.wechat-dialog .qr-frame{margin-top:58px}.qr-close{z-index:2;background:var(--gray-1);width:44px;height:44px;color:var(--gray-10);cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;place-items:center;transition:color .2s ease-out,border-color .2s ease-out;display:grid;position:absolute;top:14px;right:14px}.qr-close:hover{color:var(--gray-12);border-color:#ffffff3d}.wechat-dialog>p{color:var(--gray-9);margin:18px 4px 4px;font-size:12px;line-height:1.6}.resume-dialog{box-sizing:border-box;width:min(760px,100% - 32px);height:fit-content;max-height:min(92dvh,940px);overflow:hidden}.resume-download{z-index:2;background:var(--gray-1);width:44px;height:44px;color:var(--gray-10);cursor:pointer;touch-action:manipulation;border:1px solid #ffffff1a;border-radius:12px;place-items:center;text-decoration:none;transition:color .2s ease-out,border-color .2s ease-out,background-color .2s ease-out;display:grid;position:absolute;top:14px;left:14px}.resume-download:hover{color:var(--gray-12);background:#ffffff0f;border-color:#ffffff3d}.resume-download:focus-visible,.qr-close:focus-visible{outline:2px solid var(--gray-12);outline-offset:3px}.resume-preview-frame{overscroll-behavior:contain;scrollbar-color:#00000047 transparent;scrollbar-width:thin;background:#fff;border-radius:16px;height:auto;max-height:min(92dvh - 102px,838px);margin-top:58px;overflow:hidden auto}.resume-preview-frame img{width:100%;height:auto;display:block}.footer{padding:0;position:relative;overflow:visible}.footer-logo-stage{aspect-ratio:207/42;background:var(--black);width:100%;position:relative;overflow:hidden}.footer-logo-svg{pointer-events:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.footer-logo-base path{fill:#ffffff0d}.footer-logo-glow{opacity:0;transition:opacity .5s ease-out;overflow:visible}.footer-logo-stage.is-hovered .footer-logo-glow{opacity:1}.footer-grid{z-index:2;background:var(--black);width:100%;box-shadow:0 0 0 100vmax var(--black);clip-path:inset(0 -100vmax);grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:32px;margin-top:clamp(-44px,-4vh,-28px);padding:144px 24px;display:grid;position:relative;overflow:visible}.footer-grid:before{z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff0a 0%,#ffffff13 18%,#fff3 50%,#ffffff13 82%,#ffffff0a 100%);width:100vw;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-grid:after{z-index:1;content:"";pointer-events:none;background:radial-gradient(46% 100% at 50% 0,#ffffff13 0%,#ffffff0a 38%,#ffffff03 66%,#0000 100%);width:100vw;height:128px;position:absolute;top:1px;left:50%;transform:translate(-50%)}.footer-meta{flex-direction:column;align-items:flex-start;gap:32px;min-width:0;display:flex}.footer-meta address{color:var(--gray-12);margin:0;font-size:12px;font-style:normal;line-height:16px}.footer-legal p{color:var(--gray-9);white-space:nowrap;margin:0;font-size:12px;line-height:16px}.footer-socials{align-items:center;gap:4px;display:flex}.footer-social-slot{width:32px;height:32px;color:var(--gray-10);cursor:pointer;transition:color var(--transition-control);place-items:center;text-decoration:none;display:grid}.footer-social-icon{background-color:var(--gray-9);width:24px;height:24px;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;transition:background-color var(--transition-control);display:block}.footer-social-slot:hover .footer-social-icon{background-color:var(--gray-12)}.footer-social-has-qr{position:relative}.footer-social-qr{opacity:0;visibility:hidden;pointer-events:none;z-index:5;width:138px;max-width:90vw;height:auto;transition:opacity var(--transition-control), visibility var(--transition-control);background:#fff;border-radius:12px;padding:6px;display:block;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000073}.footer-social-has-qr:hover .footer-social-qr,.footer-social-has-qr:focus-within .footer-social-qr{opacity:1;visibility:visible}.footer-legal{gap:8px;display:grid}.footer-legal p span{color:var(--gray-11);font-size:inherit}.footer-nav{grid-template-columns:repeat(3,max-content);justify-content:end;justify-self:end;gap:clamp(56px,5vw,80px);width:max-content;min-width:0;max-width:100%;display:grid}.footer-column{text-align:left;flex-direction:column;align-items:flex-start;gap:16px;display:flex}.footer-column>div{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer-column>strong,.footer-column>div>a,.footer-column>div>span{overflow-wrap:anywhere;max-width:100%;min-height:20px;transition:color var(--transition-control);padding:0 8px;font-size:14px;line-height:20px}.footer-column>strong{color:var(--gray-12);margin:0 0 8px;font-weight:400}.footer-column>div>a,.footer-column>div>span{color:#f0f0f0b8}.footer-column>div>a:hover{color:var(--gray-12)}@media (width<=1023px){.hero{padding-inline:clamp(48px,8vw,64px)}.project-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.experience-item{grid-template-columns:288px 40px minmax(0,1fr)}.timeline{--timeline-x:307px}.timeline-marker{margin-left:16px}.capability-grid article{padding:32px 32px 30px}.footer-grid{grid-template-columns:260px minmax(0,1fr)}}@media (width<=1099px){.hero{align-items:flex-start;min-height:660px;padding:88px clamp(24px,8vw,64px) 56px}.hero-inner{grid-template-columns:minmax(0,1fr);gap:44px}.hero-content{text-align:center;width:100%;max-width:720px;margin-inline:auto}.hero-label{margin-inline:auto}.hero-lead{max-width:560px;margin:24px auto 0}.button-row{justify-content:center}.hero-code{width:100%;max-width:580px;margin-inline:auto}.hc-pre{width:max-content;max-width:100%;margin-inline:auto;padding-inline:calc(2px + .15em);font-size:13px;line-height:19px}}@media (width<=767px){.site-header{height:56px}.header-shell{grid-template-columns:1fr auto auto;height:44px}.desktop-nav,.header-contact{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{z-index:2;cursor:pointer;width:44px;height:44px;transition:background var(--transition-control);border-radius:10px;place-items:center;list-style:none;display:grid;position:relative}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mobile-nav__icon{width:28px;height:28px;color:var(--gray-11);display:block}.mobile-nav__icon--close{color:var(--gray-12);display:none}.mobile-nav[open] .mobile-nav__icon--menu{display:none}.mobile-nav[open] .mobile-nav__icon--close{display:block}.mobile-nav[open] summary{background:#ffffff14}.mobile-menu{z-index:1;padding:16px var(--gutter) calc(32px + env(safe-area-inset-bottom));overscroll-behavior:contain;background:var(--black);position:fixed;inset:56px 0 0;overflow-y:auto}.mobile-menu-primary,.mobile-menu-secondary{width:100%;margin-bottom:14px;font-size:16px}.mobile-menu-secondary{color:var(--gray-11)}.mobile-menu-link{border-bottom:1px solid var(--border-subtle);width:100%;color:var(--gray-11);transition:color var(--transition-control);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;font-size:17px;font-weight:500;display:flex}.mobile-menu-link:last-child{border-bottom:0}.mobile-menu-link:hover{color:var(--gray-12)}.mobile-menu-label{min-width:0}.mobile-menu-arrow{width:20px;height:20px;color:var(--gray-10);transition:color var(--transition-control);flex:none}.mobile-menu-link:hover .mobile-menu-arrow{color:var(--gray-12)}body.is-menu-open{overflow:hidden}.hero{min-height:660px;padding:88px 24px 56px}.hero-content{text-align:center;width:100%;max-width:100%;margin-inline:auto}.hero h1{font-size:clamp(40px,11vw,56px);line-height:.91}.hero-lead{max-width:560px;margin-inline:auto;font-size:16px}.hero-grid{opacity:.32;width:100%;height:50%;top:42%;right:-35%}.hero-label{margin-inline:auto;margin-bottom:22px}.button-row{justify-content:center}.hero-inner{grid-template-columns:1fr;gap:44px}.hero-code{width:100%;max-width:560px;margin-inline:auto}.hc-pre{width:max-content;max-width:100%;margin-inline:auto;padding-inline:calc(2px + .15em);font-size:12px;line-height:17px}.work,.ai-section,.builds-section,.about{padding-top:128px}.work{padding-top:112px}.work-heading{max-width:680px;margin-bottom:64px}.work-heading h2{font-size:clamp(48px,9vw,72px)}.work-heading p{font-size:15px}.ascii-heading__cluster{white-space:normal;column-gap:0;display:block}.ascii-heading__cluster.is-start .ascii-cursor{margin-right:.09em}.ascii-heading__cluster.is-end .ascii-cursor{margin-left:.09em}.ascii-heading__cluster.is-end{padding-inline-end:.09em}.ascii-heading__cluster.is-middle .ascii-cursor{margin-inline:.09em}.module-ascii{width:400px;height:200px;margin-bottom:22px}.project-list{gap:96px}.project-row{grid-template-columns:1fr;gap:32px}.project-copy{max-width:560px}.project-copy h3{font-size:clamp(36px,7.5vw,48px)}.timeline{--timeline-x:3px}.timeline:before{top:17px;bottom:24px}.experience-item{grid-template:"marker meta"36px"marker copy"minmax(0,1fr)/24px minmax(0,1fr);min-height:0;padding:8px 0 36px}.experience-meta{white-space:normal;grid-area:meta;padding-top:0}.timeline-marker{grid-area:marker;margin:5px 0 0}.experience-copy{grid-area:copy}.experience-title-primary,.experience-title-secondary{flex-basis:100%}.experience-title-secondary{white-space:normal}.experience-description{opacity:1;grid-template-rows:1fr;transform:none}.capability-grid article{padding:32px 32px 30px}.contact{min-height:560px;margin-top:72px;padding:96px 20px 0}.contact h2{font-size:clamp(58px,14vw,82px)}.footer-grid{padding:112px var(--gutter);grid-template-columns:1fr;gap:64px}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:normal;justify-self:stretch;gap:48px 32px;width:100%}.footer-column .footer-social-qr{left:0;transform:none}}@media (width<=520px){.hero{min-height:620px;padding-inline:20px}.hero-label{font-size:11px}.button-row{flex-direction:column;align-items:stretch}.button-row .button{width:100%}.work-heading{margin-bottom:56px}.work-heading h2{font-size:clamp(34px,10.67vw,40px)}.module-ascii{width:100%;max-width:400px;height:auto;margin-bottom:18px}.project-list{gap:88px}.project-row{gap:26px}.project-placeholder{border-radius:12px}.project-copy h3{margin-top:12px}.project-summary{margin-top:16px;font-size:15px}.experience-copy h3{font-size:36px}.contact{min-height:500px;padding:88px 18px 0}.footer-logo-stage{display:none}.footer-grid{padding:88px var(--gutter);margin-top:0}.footer-nav{grid-template-columns:1fr;gap:28px;width:100%}.brand-logo{height:14px}}@media (hover:none){.experience-description{opacity:1;grid-template-rows:1fr;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}