@property --on{syntax:"<number>";inherits:true;initial-value:0}@property --n{syntax:"<integer>";inherits:false;initial-value:0}@property --in-delay{syntax:"<time>";inherits:false;initial-value:0s}@property --out-delay{syntax:"<time>";inherits:false;initial-value:0s}html:has(.about-page){scroll-snap-type:y mandatory}.about-page{--step-len:100svh;--ink:#0b0a09;--paper:#f0ece3;--paper-2:#f0ece3a8;--paper-3:#f0ece36b;--hair:#f0ece31f;--accent:#e7a35f;--edge:max(5vw,24px);background:var(--ink);overflow-x:clip}.scene{height:calc(var(--steps)*var(--step-len) + 100svh);position:relative}.scene-stage{height:100svh;position:sticky;top:0;overflow:clip}.snap-anchor{pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always;width:1px;height:1px;position:absolute;left:0}[data-at],[data-on]{--on:0;--delay:var(--out-delay,0s);--vis-delay:calc(var(--dur,.7s) + var(--delay));transition:--on var(--dur,.7s)var(--ease,cubic-bezier(.22,.7,.2,1))var(--delay),visibility 0s linear var(--vis-delay)}[data-at]{visibility:hidden}.logo-mono{filter:brightness(0)invert();opacity:.94;width:auto;display:block}.app-icon{border-radius:23%;flex:none;display:block;box-shadow:0 8px 24px -8px #000000b3}.anav{z-index:60;pointer-events:none;position:fixed;inset:0 0 auto}.anav:before{content:"";pointer-events:none;background:linear-gradient(#0b0a09b8,#0b0a0900);position:absolute;inset:0 0 -40px}.anav-line{pointer-events:auto;background:#f0ece312;height:2px;position:absolute;inset:0 0 auto}.anav-line:after{content:"";position:absolute;inset:0 0 -10px}.anav-fill{background:var(--accent);transform-origin:0;transition:scale .7s cubic-bezier(.22,.7,.2,1);position:absolute;inset:0}.anav-ticks{z-index:1;position:absolute;inset:0}.anav-ticks li{position:absolute;top:0;translate:-50%}.anav-tick{cursor:pointer;background:0 0;border:0;width:16px;height:14px;padding:0;display:block;position:relative}.anav-tick:before{content:"";background:var(--paper);opacity:0;width:1px;height:6px;transition:opacity .25s,height .25s;position:absolute;top:0;left:50%;translate:-50%}.anav-line:hover .anav-tick:before,.anav-tick:focus-visible:before{opacity:.45}.anav-tick.is-current:before{opacity:1;background:var(--accent);height:8px}.anav-tick:hover:before{opacity:1;height:10px}.anav-tick span{white-space:nowrap;color:#14120e;opacity:0;pointer-events:none;background:#f0ece3eb;border-radius:4px;padding:3px 8px;font-size:11.5px;transition:opacity .2s;position:absolute;top:16px;left:50%;translate:-50%}.anav-ticks li:first-child .anav-tick span{left:0;translate:0}.anav-ticks li:last-child .anav-tick span{left:auto;right:0;translate:0}.anav-tick:hover span,.anav-tick:focus-visible span{opacity:1}.anav-bar{padding:14px var(--edge)0;pointer-events:auto;align-items:center;gap:28px;display:flex;position:relative}.anav-chapters{gap:26px;margin-left:auto;display:flex}.anav-chapters button{color:var(--paper-3);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:13.5px;transition:color .3s;position:relative}.anav-chapters button:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:scale .45s cubic-bezier(.22,.7,.2,1);position:absolute;bottom:2px;left:0;right:0;scale:0 1}.anav-chapters button:hover,.anav-chapters button.is-active{color:var(--paper)}.anav-chapters button.is-active:after{scale:1}.anav-step{border-left:1px solid var(--hair);align-items:center;gap:2px;padding-left:20px;display:flex}.anav-title{white-space:nowrap;text-overflow:ellipsis;max-width:9rem;color:var(--paper-3);margin-right:8px;font-size:12.5px;overflow:hidden}.anav-step button{width:28px;height:28px;color:var(--paper-2);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.anav-step button svg{width:16px;height:16px}.anav-step button:hover:not(:disabled){color:var(--paper);background:#f0ece314}.anav-step button:disabled{opacity:.25;cursor:default}.anav :focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}.intro{min-height:100svh;padding:100px var(--edge)104px;scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;display:flex;position:relative}.intro-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);grid-template-areas:"identity portrait""details portrait";align-items:center;column-gap:6vw;width:100%;max-width:74rem;margin:0 auto;display:grid}.intro-identity{grid-area:identity;min-width:0}.intro-name{font-family:var(--font-display);letter-spacing:-.04em;color:var(--paper);font-size:clamp(3.4rem,7.6vw,6.2rem);font-weight:800;line-height:.9}.intro-real{color:var(--paper);margin-top:16px;font-size:clamp(20px,2.1vw,28px);font-weight:550;line-height:1.25}.intro-line{color:var(--paper-2);margin-top:5px;font-size:15px;line-height:1.5}.intro-blocks{grid-area:details;margin-top:40px}.intro-block{border-top:1px solid var(--hair);grid-template-columns:84px minmax(0,1fr);gap:0 24px;padding:20px 0;display:grid}.intro-block:last-child{border-bottom:1px solid var(--hair)}.intro-label{color:var(--paper-3);align-items:flex-start;gap:8px;padding-top:2px;font-size:13px;font-weight:500;display:flex}.intro-label svg{stroke-width:1.6px;width:16px;height:16px;color:var(--accent);flex:none}.edu{gap:12px;display:grid}.edu li{grid-template-columns:12.5em minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.edu-school{white-space:nowrap;color:var(--paper);align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.edu-logo{flex:none;width:22px}.edu-degree{white-space:nowrap;color:var(--paper-2);font-size:13.5px}.edu time,.tl-year{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--paper-3);font-size:12.5px}.edu time{text-align:right}.tl-track{background:var(--hair);height:2px;margin:8px 0 30px;position:relative}.tl-seg{background:var(--accent);transform-origin:0;height:3px;animation:tl-grow .9s cubic-bezier(.22,.7,.2,1)calc(.7s + var(--i)*.2s)both;border-radius:2px;position:absolute;top:-.5px}.tl-year{font-size:11px;position:absolute;top:10px;translate:-50%}.tl-year:nth-of-type(4){translate:0}.tl-year:last-child{translate:-100%}.tl-jobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 18px;display:grid}.tl-jobs li{grid-row:span 3;grid-template-rows:subgrid;place-items:start;min-width:0;display:grid}.tl-jobs .logo-mono{align-self:center;max-width:100%;margin-bottom:6px}.tl-jobs strong{white-space:nowrap;color:var(--paper);font-size:14px;font-weight:600}.tl-jobs span{white-space:nowrap;color:var(--paper-3);font-size:12.5px}.honors{color:var(--paper-2);flex-wrap:wrap;gap:6px 20px;font-size:13.5px;display:flex}.intro-portrait{grid-area:portrait;justify-self:center;width:100%;max-width:370px}.intro-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.intro-link{border:1px solid var(--hair);min-height:32px;color:var(--paper-2);border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;line-height:1;transition:border-color .2s,background .2s;display:inline-flex}.intro-link img,.intro-link svg{width:15px;height:15px}.intro-link img{border-radius:4px}.intro-link:hover,.intro-link:focus-visible{background:#e7a35f14;border-color:#e7a35f99}.intro-scroll{color:var(--paper-2);flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex;position:absolute;bottom:26px;left:50%;translate:-50%}.intro-scroll-mouse{border:1.5px solid #f0ece380;border-radius:11px;width:22px;height:34px;position:relative}.intro-scroll-mouse i{background:var(--accent);border-radius:2px;width:3px;height:7px;animation:1.6s ease-in-out infinite scroll-wheel;position:absolute;top:6px;left:50%;translate:-50%}.intro-scroll-chevron{width:18px;height:18px;color:var(--accent);animation:1.6s ease-in-out infinite scroll-bob}.caps{z-index:8;pointer-events:none;position:absolute;inset:0}.cap{--dur:.6s;left:var(--edge);width:min(30vw,420px);translate:0 calc(-50% + (1 - var(--on))*16px);opacity:var(--on);pointer-events:auto;position:absolute;top:52%}.cap--top{text-align:center;width:min(80vw,760px);translate:-50% calc((1 - var(--on))*16px);top:92px;left:50%}.cap-logo{margin-bottom:26px}.cap-brand{align-items:center;gap:16px;margin-bottom:24px;display:flex}.cap-title{letter-spacing:-.01em;color:var(--paper);text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(26px,2.4vw,36px);font-weight:600;line-height:1.22}.cap-meta{font-variant-numeric:tabular-nums;color:var(--paper-3);margin-top:10px;font-size:13.5px}.cap-body{color:var(--paper-2);margin-top:14px;font-size:15px;line-height:1.75}.metrics{flex-wrap:wrap;gap:16px 36px;margin-top:24px;display:flex}.metrics>div{flex-direction:column-reverse;gap:4px;display:flex}.metrics dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;color:var(--paper);font-size:clamp(22px,2vw,30px);font-weight:600}.metrics dt{color:var(--paper-3);font-size:12.5px}.cap-duties{border-top:1px solid var(--hair);margin-top:26px}.cap-duties li{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;display:flex}.cap-duties strong{color:var(--paper);font-size:15px;font-weight:600}.cap-duties span{color:var(--paper-3);font-size:13.5px}.life{--dev-h:min(78svh,760px);--dev-w:calc(var(--dev-h)*.46);--dev-x:64vw;--dev-y:53svh;--scr-pad:calc(var(--dev-h)*.013);--scr-t:calc(var(--dev-y) - var(--dev-h)/2 + var(--scr-pad));--scr-b:calc(100svh - var(--dev-y) - var(--dev-h)/2 + var(--scr-pad));--scr-l:calc(var(--dev-x) - var(--dev-w)/2 + var(--scr-pad));--scr-r:calc(100vw - var(--dev-x) - var(--dev-w)/2 + var(--scr-pad));--scr-rad:calc(var(--dev-h)*.058);height:100%;position:relative}.cap--dev{left:auto;right:calc(100vw - var(--dev-x) + var(--dev-w)/2 + 72px)}.cap--recap{left:var(--edge)}.life-map{--dur:.9s;--ease:cubic-bezier(.7,0,.2,1);--k:calc(1 - var(--on));z-index:4;clip-path:inset(calc(var(--k)*var(--scr-t))calc(var(--k)*var(--scr-r))calc(var(--k)*var(--scr-b))calc(var(--k)*var(--scr-l))round calc(var(--k)*var(--scr-rad)));opacity:clamp(0,calc(var(--on)*5),1);position:absolute;inset:0}.life-map-inner{transform-origin:var(--dev-x)var(--dev-y);scale:calc(.6 + .4*var(--on));position:absolute;inset:0}.fp{color:var(--paper);background:radial-gradient(#f0ece30b 1px,#0000 1.3px) 0 0/24px 24px,radial-gradient(85% 75% at 58% 45%,#18150f 0%,#0d0c0a 60%,#080706 100%)}.fp-head{top:74px;left:var(--edge);z-index:9;align-items:center;gap:10px;display:flex;position:absolute}.fp-head-title{font-size:15px;font-weight:600}.fp-head-note{color:var(--paper-3);font-size:12.5px}.fp-box{aspect-ratio:1000/846;width:min(72vw,118.2svh - 200.94px);position:absolute;top:54%;left:58%;translate:-50% -50%}.fp-china{--dur:.6s;--in-delay:1.3s;opacity:calc(1 - var(--on));position:absolute;inset:0}.fp-cam{transform-origin:0 0;transform:translate(calc(var(--tx,0)*100%),calc(var(--ty,0)*100%))scale(var(--cs,1));transition:transform 1.25s cubic-bezier(.65,0,.3,1);position:absolute;inset:0}.fp-svg{width:100%;height:100%;display:block;overflow:visible}.fp-svg path,.fp-inset path{vector-effect:non-scaling-stroke;stroke-linejoin:round}.fp-border path{fill:none;stroke:#f0ece357;stroke-width:2px}.fp-provinces path{fill:#16140f;stroke:#f0ece314;stroke-width:.7px}.fp-lit{--dur:.6s;fill:var(--accent);fill-opacity:calc(var(--on)*.26);stroke:var(--accent);stroke-opacity:calc(var(--on)*.85);stroke-width:1.1px}.fp-lit--demo{--dur:.9s;--in-delay:1.9s;fill:var(--paper);fill-opacity:calc(var(--on)*.07);stroke:var(--paper);stroke-opacity:calc(var(--on)*.22)}.fp-islands{fill:#f0ece366}.fp-checkins circle{--dur:.45s;fill:var(--paper);transform-box:fill-box;transform-origin:50%;scale:var(--on);opacity:calc(var(--on)*.6)}.fp-route-group{--dur:.95s;--ease:cubic-bezier(.45,0,.3,1)}.fp-route,.fp-route-glow{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--on))}.fp-route{stroke-width:2px}.fp-route-glow{stroke-width:10px;stroke-opacity:.14}.fp-overlay{position:absolute;inset:0}.fp-stop{--dur:.5s;width:0;height:0;opacity:var(--on);position:absolute}.fp-stop-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:-5px;box-shadow:0 0 0 3px #e7a35f38,0 0 16px #e7a35fb3}.fp-stop-pulse{border:1px solid #e7a35fb3;border-radius:50%;width:32px;height:32px;animation:2.4s ease-out infinite fp-pulse;position:absolute;top:-16px;left:-16px}.fp-stop-name{white-space:nowrap;color:var(--paper);text-shadow:0 1px 6px #000;font-size:12px;font-weight:600;position:absolute;top:9px;left:10px}.fp-call{--dur:.6s;--line:56px;z-index:5;width:0;height:0;opacity:var(--on);position:absolute}.fp-call--far{--line:120px}.fp-call-line{width:var(--line);height:1px;scale:var(--on)1;position:absolute;top:0}.fp-call-line:after{content:"";background:var(--paper);border-radius:50%;width:5px;height:5px;position:absolute;top:-2px}.fp-call--left .fp-call-line{transform-origin:100%;background:linear-gradient(270deg,#f0ece3b3,#f0ece333);right:10px}.fp-call--left .fp-call-line:after{left:-2px}.fp-call--right .fp-call-line{transform-origin:0;background:linear-gradient(90deg,#f0ece3b3,#f0ece333);left:10px}.fp-call--right .fp-call-line:after{right:-2px}.fp-call-body{text-shadow:0 1px 12px #000000d9;width:min(290px,24vw);translate:0 calc(-50% + (1 - var(--on))*10px);position:absolute;top:0}.fp-call--left .fp-call-body{right:calc(var(--line) + 24px);text-align:right}.fp-call--left .fp-call-body .stop-logo{margin-left:auto}.fp-call--right .fp-call-body{left:calc(var(--line) + 24px)}.fp-call--up .fp-call-body{translate:0 calc(-78% + (1 - var(--on))*10px)}.fp-call-photo{aspect-ratio:16/10;object-fit:cover;border-radius:10px;width:100%;margin-bottom:16px;display:block;box-shadow:0 30px 60px -24px #000000e6}.stop-logo{margin-bottom:14px}.stop-title{color:var(--paper);word-break:keep-all;font-size:clamp(20px,1.7vw,25px);font-weight:600;line-height:1.3}.stop-meta{font-variant-numeric:tabular-nums;color:var(--paper-3);margin-top:6px;font-size:13px}.stop-body{color:var(--paper-2);margin-top:10px;font-size:14px;line-height:1.7}.fp-tower{--dur:.6s;--in-delay:.6s;z-index:4;width:34%;height:62%;opacity:var(--on);position:absolute;translate:-50% -88%;-webkit-mask-image:radial-gradient(closest-side at 50% 55%,#000 62%,#0000 100%);mask-image:radial-gradient(closest-side at 50% 55%,#000 62%,#0000 100%)}.fp-inset{--dur:.4s;border:1px solid var(--hair);width:11%;opacity:calc(1 - var(--on));padding:4px;position:absolute;bottom:0;right:0}.fp-inset svg{width:100%;height:calc(100% - 12px);display:block}.fp-inset span{text-align:center;color:var(--paper-3);font-size:9px;line-height:12px;display:block}.fp-inset-land{fill:#16140f;stroke:#f0ece333;stroke-width:.7px}.fp-nine-dash{fill:#f0ece38c;stroke:#f0ece38c;stroke-width:1px}.fp-bar{--in-delay:.3s;left:var(--edge);z-index:9;width:min(320px,26vw);opacity:var(--on);translate:0 calc((1 - var(--on))*16px);position:absolute;bottom:34px}.fp-slider{--year:2015;font-variant-numeric:tabular-nums;color:var(--paper-3);align-items:center;gap:10px;font-size:11px;display:flex}.fp-slider-track{--p:calc((var(--year) - 2015)/11);background:#f0ece333;flex:1;height:1px;position:relative}.fp-slider-fill{width:calc(var(--p)*100%);background:var(--accent);transition:width .9s cubic-bezier(.65,0,.25,1);position:absolute;inset:0 auto 0 0}.fp-slider-handle{top:50%;left:calc(var(--p)*100%);background:var(--paper);border-radius:50%;width:9px;height:9px;transition:left .9s cubic-bezier(.65,0,.25,1);position:absolute;translate:-50% -50%;box-shadow:0 0 0 4px #e7a35f40}.fp-stats{grid-template-columns:repeat(3,auto);justify-content:space-between;margin-top:14px;display:grid}.fp-stats dt{color:var(--paper-3);font-size:11.5px}.fp-stats dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--paper);margin-top:2px;font-size:22px;font-weight:600}.fp-stats small{font-family:var(--font-sans);color:var(--paper-3);margin-left:4px;font-size:11px;font-weight:400}.fp-num{counter-reset:n var(--n);transition:--n 1s cubic-bezier(.2,.7,.2,1)}.fp-num:after{content:counter(n)}.fp-year{--n:2015}.fp-panel{--dur:.7s;left:var(--edge);z-index:6;width:min(28vw,390px);translate:0 calc(-50% + (1 - var(--on))*16px);opacity:var(--on);position:absolute;top:54%}.fp-panel-title{letter-spacing:-.01em;font-size:clamp(30px,3vw,44px);font-weight:600}.fp-panel-body{color:var(--paper-2);margin-top:14px;font-size:15px;line-height:1.75}.fp-panel-note{color:var(--paper-3);margin-top:10px;font-size:12.5px}.fp-panel-card{border-radius:12px;width:100%;margin-top:26px;display:block;box-shadow:0 30px 60px -28px #000000e6}.city-layer{--dur:.9s;z-index:5;opacity:var(--on);background:radial-gradient(90% 80% at 55% 45%,#13110d,#080706 80%);position:absolute;inset:0}.city{opacity:0;transition:opacity .6s;position:absolute;inset:0}.city.is-ready,.city.is-fallback{opacity:1}.city canvas{display:block}.city-fallback{display:none}.city.is-fallback .city-fallback{place-items:center;height:100%;display:grid}.city-fallback img{border-radius:12px;max-width:40%;max-height:70%}.city-layer:after{content:"";pointer-events:none;background:linear-gradient(90deg,#080706b3,#0000 36% 64%,#080706b3),linear-gradient(#08070699,#0000 22% 80%,#080706b3);position:absolute;inset:0}.bj-call{--dur:.6s;z-index:3;width:min(28vw,380px);translate:0 calc(-50% + (1 - var(--on))*16px);opacity:var(--on);position:absolute;top:52%}.bj-call--left{left:var(--edge)}.bj-call--right{right:var(--edge)}.bj-call .stop-logo{margin-bottom:18px}.bj-call .stop-title{font-size:clamp(28px,2.6vw,38px)}.bj-call .stop-body{font-size:15px}.bj-call-line{height:1px;scale:var(--on)1;position:absolute;top:50%}.bj-call--left .bj-call-line{transform-origin:0;background:linear-gradient(90deg,#f0ece31f,#e7a35fcc);width:72px;left:calc(100% + 28px)}.bj-call--right .bj-call-line{transform-origin:100%;background:linear-gradient(270deg,#f0ece31f,#e7a35fcc);width:72px;right:calc(100% + 28px)}.bj-path{gap:14px;margin-top:24px;padding-left:18px;display:grid;position:relative}.bj-path:before{content:"";background:var(--hair);width:1px;position:absolute;top:8px;bottom:8px;left:3px}.bj-path li{grid-template-columns:3.2em auto 1fr;align-items:baseline;gap:12px;display:grid;position:relative}.bj-path li:before{content:"";background:var(--ink);width:7px;height:7px;box-shadow:inset 0 0 0 1.5px var(--paper-3);border-radius:50%;position:absolute;top:.55em;left:-18px}.bj-path li:last-child:before{box-shadow:inset 0 0 0 4px var(--accent)}.bj-path time{font-variant-numeric:tabular-nums;color:var(--paper-3);font-size:12.5px}.bj-path strong{white-space:nowrap;font-size:15px;font-weight:600}.bj-path span{color:var(--paper-2);font-size:13px}.sj{--dur:.7s;--in-delay:1.2s;z-index:7;padding:96px var(--edge)56px;opacity:var(--on);background:linear-gradient(90deg,#080706f0 0%,#080706b8 38%,#0807061a 75%);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:3vw;display:grid;position:absolute;inset:0}.sj-copy{translate:0 calc((1 - var(--on))*16px)}.sj-brand{align-items:center;gap:16px;display:flex}.sj-name{letter-spacing:-.01em;color:var(--paper);font-size:clamp(32px,3.4vw,50px);font-weight:700}.sj-meta{color:var(--paper-3);margin-top:2px;font-size:13px}.sj-pitch{color:var(--paper-2);margin-top:22px;font-size:15px;line-height:1.75}.sj-role{color:var(--accent);margin-top:18px;font-size:18px;font-weight:600}.sj-features{border-top:1px solid var(--hair);color:var(--paper-2);flex-wrap:wrap;gap:8px 22px;margin-top:26px;padding-top:18px;font-size:13.5px;display:flex}.sj-screens{perspective:1200px;justify-content:center;align-items:flex-end;height:100%;padding-bottom:4svh;display:flex}.sj-screen{--dur:.9s;--ease:cubic-bezier(.2,.85,.25,1);--in-delay:calc(1.6s + var(--i)*.16s);transform-origin:50% 100%;width:min(15vw,236px);transform:rotateX(calc((1 - var(--on))*78deg))translateY(calc((1 - var(--on))*40px));opacity:clamp(0,calc(var(--on)*3),1);margin:0 -1vw;position:relative}.sj-screen--1{z-index:2;width:min(17vw,268px)}.sj-screen-frame{aspect-ratio:.703;background:#000;border:1px solid #ffffff24;border-radius:20px;position:relative;overflow:clip;box-shadow:0 40px 80px -30px #000000f2}.sj-screen-frame img,.sj-screen-frame video{object-fit:cover;width:100%;height:100%;display:block}.sj-screen-frame--shade:after{content:"";pointer-events:none;background:linear-gradient(#0000 31%,#09090ac7 43%,#09090aed 68%);position:absolute;inset:0}.sj-screen figcaption{text-align:center;color:var(--paper-3);margin-top:12px;font-size:12.5px}.dy-tools{z-index:4;padding:78px var(--edge)28px;background:var(--ink);opacity:var(--on);grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:clamp(20px,4vw,76px);display:grid;position:absolute;inset:0}.dy-tool{justify-content:center;align-items:center;gap:clamp(14px,2vw,36px);min-width:0;display:flex}.dy-tool .dy-tool-phone{aspect-ratio:660/1434;border:1px solid var(--hair);border-radius:12%/5.5%;flex:none;width:min(15vw,27svh,204px);height:auto}.dy-tool-copy{max-width:17em}.dy-tool .cap-title{font-size:clamp(22px,2.4vw,38px)}.dy-tool .metrics{gap:8px 24px}@media (max-width:900px){.dy-tools{gap:16px;padding:64px 18px 16px}.dy-tool{flex-direction:column;justify-content:flex-start;align-self:start}.dy-tool .dy-tool-phone{width:min(34vw,19svh,170px)}.dy-tool-copy{width:100%;max-width:210px}.dy-tool .cap-title{font-size:clamp(18px,4.8vw,26px)}.dy-tool .cap-body{margin-top:6px;font-size:13px;line-height:1.5}.dy-tool .metrics{gap:6px 14px;margin-top:10px}}.dev-shift{--dur:.9s;z-index:3;pointer-events:none;translate:calc(var(--on)*-12vw)0;position:absolute;inset:0}.dev-pos{--dur:.5s;left:var(--dev-x);top:var(--dev-y);z-index:3;opacity:var(--on);pointer-events:auto;position:absolute;translate:-50% -50%}.dev-pos--second{--in-delay:.3s;left:calc(var(--dev-x) + 11vw);z-index:2}.dev-body{width:var(--dev-w);height:var(--dev-h);padding:var(--scr-pad,calc(var(--dev-h)*.013));border-radius:calc(var(--dev-h)*.07);background:linear-gradient(145deg,#2c2c30,#0c0c0e 40%,#1b1b1e);box-shadow:inset 0 0 0 1.5px #ffffff1f,0 0 0 1px #0009,0 50px 120px -40px #000000f2}.dev-screen{border-radius:calc(var(--dev-h)*.058);isolation:isolate;background:#000;width:100%;height:100%;position:relative;overflow:clip;container-type:size}.dev-scr{--dur:.5s;z-index:0;isolation:isolate;opacity:var(--on);position:absolute;inset:0}.dev-scr--cut{--dur:.12s}.dev-scr--sheet{--dur:.5s;--ease:cubic-bezier(.2,.9,.3,1);opacity:clamp(0,calc(var(--on)*4),1);translate:0 calc((1 - var(--on))*100%)}.dev-scr>img,.dev-scr>video,.dev-screen>video{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.shutter-flash{--anim:flash;z-index:4;opacity:0;pointer-events:none;background:#fff;animation-duration:.45s;animation-delay:1.05s;animation-fill-mode:both;position:absolute;inset:0}.home-dim{--anim:dim-in;z-index:3;background:radial-gradient(circle at var(--x)var(--y),transparent 9.6cqw,#000000c7 10.4cqw);opacity:0;pointer-events:none;animation-duration:.6s;animation-delay:var(--dim-delay);animation-fill-mode:both;position:absolute;inset:0}.home-dim--amap{-webkit-mask-image:radial-gradient(circle at var(--x)var(--y),transparent 10.8cqw,black 11.5cqw),radial-gradient(ellipse 4.3cqw 3.7cqw at 45.2% 32.8%,transparent 92%,black 100%);mask-image:radial-gradient(circle at var(--x)var(--y),transparent 10.8cqw,black 11.5cqw),radial-gradient(ellipse 4.3cqw 3.7cqw at 45.2% 32.8%,transparent 92%,black 100%);background:#000000c7;-webkit-mask-composite:source-in;mask-composite:intersect}.home-dim:after{content:"";left:var(--x);top:var(--y);aspect-ratio:1;border:1.5px solid #ffffffe6;border-radius:5cqw;width:19cqw;animation:1.8s .6s infinite tap-pulse;position:absolute;translate:-50% -50%}.home-dim--amap:after{content:none}.home-dim--hold{--anim:dim-out;opacity:1;animation-duration:.2s}.home-hit{left:var(--x);top:var(--y);z-index:4;aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:4.5cqw;width:17.5cqw;padding:0;position:absolute;translate:-50% -50%}.home-pulse{z-index:3;left:var(--x);top:var(--y);aspect-ratio:1;opacity:0;pointer-events:none;border:1.5px solid #fff9eae6;border-radius:30%;width:23cqw;position:absolute;translate:-50% -50%}@keyframes home-converge{0%{opacity:0;transform:scale(2.3)}22%{opacity:.9}77%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1)}}.home-hit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.finger{z-index:6;pointer-events:none;position:absolute;inset:0}.finger-tip{--anim:finger-tap;left:var(--x);top:var(--y);opacity:0;filter:drop-shadow(0 4px 10px #0000008c);width:15cqw;animation-duration:1s;animation-delay:var(--finger-delay);animation-timing-function:cubic-bezier(.3,.7,.3,1);animation-fill-mode:both;position:absolute;translate:-46% -6%}.finger-tip svg{fill:#fffffff0;stroke:#00000040;stroke-width:1.5px;width:100%;display:block}.finger-ripple{--anim:finger-ripple;left:var(--x);top:var(--y);aspect-ratio:1;opacity:0;width:20cqw;animation-duration:.7s;animation-delay:calc(var(--finger-delay) + .55s);border:2px solid #fff;border-radius:50%;animation-fill-mode:both;position:absolute;translate:-50% -50%}.spot{--anim:spot-in;background:radial-gradient(circle at var(--x)var(--y),transparent calc(var(--r) - 1px),#000000a8 calc(var(--r) + 1px));opacity:0;animation-duration:.6s;animation-delay:var(--spot-delay);animation-fill-mode:both;position:absolute;inset:0}.spot-ring,.spot-tap,.spot-hit{left:var(--x);top:var(--y);aspect-ratio:1;border-radius:50%;position:absolute;translate:-50% -50%}.spot-ring{--anim:spot-pulse;width:calc(var(--r)*2);animation-duration:1.8s;animation-delay:calc(var(--spot-delay) + .4s);border:2px solid #fff;animation-iteration-count:infinite;box-shadow:0 0 0 5px #ffffff24,0 0 30px #fff6}.spot-tap{--anim:spot-tapdot;width:calc(var(--r)*.9);opacity:0;animation-duration:1.8s;animation-delay:calc(var(--spot-delay) + .7s);background:#ffffffd9;animation-iteration-count:infinite}.spot-tag{--anim:spot-in;left:var(--x);top:var(--y);background:var(--paper);white-space:nowrap;color:#14120e;opacity:0;animation-duration:.5s;animation-delay:calc(var(--spot-delay) + .5s);border-radius:999px;padding:1.4cqw 3.2cqw;font-size:3.6cqw;font-weight:600;animation-fill-mode:both;position:absolute;box-shadow:0 6px 18px #00000073}.spot-tag--top{translate:-50% calc(-100% - var(--r) - 2.5cqw)}.spot-tag--bottom{translate:-50% calc(var(--r) + 2.5cqw)}.spot-tag--left{translate:calc(-100% - var(--r) - 2.5cqw)-50%}.spot-hit{width:calc(var(--r)*2.2);cursor:pointer;background:0 0;border:0;padding:0}.spot-hit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pico{background:#000;height:100%;position:relative}.pico-desk{--dur:.9s;--ease:cubic-bezier(.55,0,.85,.35);transform-origin:50% 36%;scale:calc(1 + .8*var(--on));opacity:calc(1 - var(--on));position:absolute;inset:0}.pico-desk:after{content:"";background:linear-gradient(90deg,#000000db 0%,#00000073 36%,#0000 60%);position:absolute;inset:0}.pico-film{object-fit:cover;width:100%;height:100%;display:block}.cap--pico .cap-title,.cap--pico .cap-body{text-shadow:0 1px 14px #000c}.pico-vr{--dur:1.1s;--in-delay:.65s;--ease:cubic-bezier(.3,0,.2,1);--lens:var(--on);opacity:clamp(0,calc(var(--on)*30),1);-webkit-mask-image:radial-gradient(ellipse calc(var(--lens)*62%)calc(var(--lens)*88%)at 31% 50%,#000 72%,transparent 100%),radial-gradient(ellipse calc(var(--lens)*62%)calc(var(--lens)*88%)at 69% 50%,#000 72%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse calc(var(--lens)*62%)calc(var(--lens)*88%)at 31% 50%,#000 72%,transparent 100%),radial-gradient(ellipse calc(var(--lens)*62%)calc(var(--lens)*88%)at 69% 50%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse calc(var(--lens)*62%)calc(var(--lens)*88%)at 31% 50%,#000 72%,transparent 100%),radial-gradient(ellipse calc(var(--lens)*62%)calc(var(--lens)*88%)at 69% 50%,#000 72%,transparent 100%);position:absolute;inset:0}.vr-env{background:radial-gradient(80% 60% at 50% 38%,#2a2533 0%,#14121a 45%,#060508 100%);position:absolute;inset:0;overflow:clip}.vr-horizon{background:linear-gradient(90deg,#0000,#f0ece352,#0000);height:1px;position:absolute;top:64%;left:0;right:0;box-shadow:0 0 40px 10px #e7a35f1a}.vr-floor{transform-origin:top;background-image:linear-gradient(#f0ece312 1px,#0000 1px),linear-gradient(90deg,#f0ece312 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:64% -50% -40%;transform:perspective(500px)rotateX(70deg);-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}.vr-panels{perspective:1400px;justify-content:center;align-items:center;gap:2vw;padding:18svh 4vw 0;display:flex;position:absolute;inset:0}.vr-panel{--dur:.8s;--in-delay:calc(1.5s + var(--i)*.14s);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(25vw,360px);translate:0 calc((1 - var(--on))*50px);opacity:var(--on);background:#18161eb8;border:1px solid #ffffff1a;border-radius:22px;overflow:clip;box-shadow:0 40px 100px -30px #000000e6}.vr-panel--0{rotate:y 16deg}.vr-panel--1{scale:1.06}.vr-panel--2{rotate:y -16deg}.vr-media{aspect-ratio:16/10;background:#000;position:relative;overflow:clip}.vr-media img{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}.vr-panel-body{padding:18px 20px 20px}.vr-panel-body h4{color:var(--paper);font-size:19px;font-weight:600}.vr-panel-body p{color:var(--paper-2);margin-top:6px;font-size:13.5px}.vr-panel-body .metrics{gap:10px 26px;margin-top:16px}.vr-panel-body .metrics dd{font-size:clamp(18px,1.5vw,22px)}.mrc{--dur:.9s;opacity:var(--on);position:absolute;inset:0}.mrcw{--p:60vw;--tw:24vw;perspective:var(--p);perspective-origin:50% 40%;position:absolute;inset:0;overflow:clip}.mrcw-cyl{transform-style:preserve-3d;transform:translateZ(var(--p))rotateY(-5deg);animation:24s ease-in-out infinite alternate mrc-drift;position:absolute;top:40%;left:50%}.mrcw-tile{left:calc(var(--tw)/-2);top:calc(var(--row)*(var(--tw)*.565 + 1vw) - var(--tw)*.2825);width:var(--tw);aspect-ratio:400/226;backface-visibility:hidden;height:auto;transform:rotateY(calc(var(--col)*-25deg))translateZ(calc(var(--p)*-1));scale:calc(.9 + .1*var(--on));background:#111;border-radius:8px;position:absolute;box-shadow:0 0 0 1px #ffffff14}.mrc-board{--in-delay:.4s;padding:18svh var(--edge)6svh;translate:0 calc((1 - var(--on))*24px);background:linear-gradient(#06050800,#060508db 45%,#060508f5);grid-template-columns:minmax(0,.75fr) minmax(0,1.65fr) minmax(0,.6fr);align-items:end;gap:4vw;display:grid;position:absolute;inset:auto 0 0}.mrc-head .cap-title{font-size:clamp(28px,2.8vw,42px)}.mrc-metrics{grid-template-columns:repeat(3,auto);justify-content:start;gap:18px 48px;margin-top:0;display:grid}.mrc-metrics dd{font-size:clamp(20px,1.8vw,28px)}.mrc-setup{color:var(--paper-3);font-size:12.5px}.vr-bar{height:20px;margin-top:8px;position:relative}.vr-bar span{transform-origin:0;scale:var(--on)1;background:#f0ece32e;border-radius:3px;transition:scale 1s cubic-bezier(.22,.7,.2,1) .8s;position:absolute;inset:0 auto 0 0}.vr-bar--now span{background:var(--accent)}.vr-bar b{font-variant-numeric:tabular-nums;color:var(--paper);padding-left:8px;font-size:12px;font-weight:600;line-height:20px;position:relative}.vr-bar--now b{color:#1a1306}.about-vibe{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;min-height:100svh;padding-top:96px;scroll-margin-top:0;display:flex}.about-footer{scroll-snap-align:end}.finale{background:radial-gradient(60% 50% at 50% 45%,#e7a35f12,#0000 70%);height:100%;position:relative}.finale-canvas{width:100%;height:100%;position:absolute;inset:0}.finale-end{--dur:.8s;translate:-50% calc((1 - var(--on))*16px);opacity:var(--on);position:absolute;top:70%;left:50%}.finale-home{border:1px solid var(--hair);color:var(--paper);border-radius:999px;align-items:center;gap:16px;padding:6px 22px 6px 6px;transition:border-color .35s,background .35s;display:flex}.finale-home-ring{background:var(--accent);color:#1a1306;border-radius:50%;place-items:center;width:48px;height:48px;transition:scale .35s cubic-bezier(.22,.7,.2,1);display:grid}.finale-home-ring svg{width:20px;height:20px;transition:translate .35s cubic-bezier(.22,.7,.2,1)}.finale-home-text{letter-spacing:.04em;font-size:15px;font-weight:500}.finale-home:hover,.finale-home:focus-visible{background:#e7a35f0f;border-color:#e7a35f80}.finale-home:hover .finale-home-ring svg,.finale-home:focus-visible .finale-home-ring svg{translate:-3px}.finale-home:focus-visible{outline:1.5px solid var(--accent);outline-offset:4px}@keyframes scroll-wheel{0%{opacity:0;translate:-50% -2px}30%{opacity:1}to{opacity:0;translate:-50% 11px}}@keyframes scroll-bob{50%{translate:0 5px}}@keyframes tl-grow{0%{scale:0 1}}@keyframes dev-intro{0%{translate:calc(50vw - var(--dev-x))0}}@keyframes fp-pulse{0%{opacity:.9;scale:.4}to{opacity:0;scale:1.6}}@keyframes dim-in{to{opacity:1}}@keyframes dim-out{to{opacity:0}}@keyframes tap-pulse{0%{opacity:0;scale:1}20%{opacity:1}to{opacity:0;scale:1.35}}@keyframes finger-tap{0%{opacity:0;transform:translate(55%,70%)}40%{opacity:1;transform:translate(0)}58%{transform:scale(.84)}74%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes finger-ripple{0%{opacity:.9;scale:.4}to{opacity:0;scale:1.3}}@keyframes spot-in{to{opacity:1}}@keyframes spot-pulse{0%{opacity:1;scale:.92}70%{opacity:.2;scale:1.15}to{opacity:0;scale:1.2}}@keyframes spot-tapdot{0%,to{opacity:0;scale:1.3}25%{opacity:.9;scale:1}40%{opacity:.9;scale:.78}60%{opacity:0;scale:1}}@keyframes flash{0%{opacity:.9}to{opacity:0}}@keyframes mrc-drift{to{transform:translateZ(var(--p))rotateY(5deg)}}@media (max-width:1180px) and (min-width:768px){.anav-title{display:none}.intro-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr)}.tl-jobs span{white-space:normal}}@media (max-width:767px){.anav-bar{gap:12px;padding-top:10px}.anav-chapters{gap:14px}.anav-chapters button{font-size:12.5px}.anav-title{display:none}.anav-step{padding-left:8px}.intro{justify-content:flex-start;padding:76px 20px 40px}.intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,38%);grid-template-areas:"identity portrait""details details";column-gap:4px}.intro-name{font-size:clamp(49px,14.8vw,76px)}.intro-real{margin-top:12px;font-size:19px}.intro-line{font-size:14px}.intro-portrait{place-self:center end;max-width:170px}.intro-links{margin-top:10px}.intro-blocks{margin-top:24px}.intro-block{grid-template-columns:1fr;gap:12px;padding:16px 0}.edu li{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.edu-degree{grid-row:2;padding-left:32px}.tl-jobs{column-gap:10px}.tl-jobs span,.tl-jobs strong{white-space:normal}.intro-scroll{margin:28px auto 0;position:static;translate:none}.life{--dev-h:50svh;--dev-x:50vw;--dev-y:37svh}.cap,.cap--top,.cap--dev,.cap--recap{text-align:left;width:auto;translate:0 calc((1 - var(--on))*16px);inset:auto 20px 22px}.cap-logo,.cap-brand{margin-bottom:12px}.cap-title{font-size:22px}.cap-body{margin-top:8px;font-size:13.5px;line-height:1.65}.metrics{gap:10px 24px;margin-top:12px}.metrics dd{font-size:19px}.cap-duties{margin-top:12px}.cap-duties li{padding:8px 0}.fp-head{top:64px;left:20px}.fp-box{width:100vw;top:112px;left:50%;translate:-50%}.fp-cam{transform:none}[data-step] .fp-cam{animation:none}.fp-bar,.fp-panel-card{display:none}.fp-call,.fp-call--left,.fp-call--right{width:auto;right:20px;top:calc(100% + 24px)!important;left:20px!important}.fp-call-line{display:none}.fp-call-body,.fp-call--left .fp-call-body,.fp-call--right .fp-call-body,.fp-call--up .fp-call-body{text-align:left;width:calc(100vw - 40px);translate:0 calc((1 - var(--on))*10px);left:0;right:auto}.fp-call--left .fp-call-body .stop-logo{margin-left:0}.fp-call-photo{aspect-ratio:16/7;margin-bottom:12px}.fp-tower{width:60%;height:80%}.fp-panel{width:auto;translate:0 calc((1 - var(--on))*16px);inset:auto 20px 22px}.fp-panel-title{font-size:26px}.fp-panel-body{font-size:13.5px}.city-layer:after{background:linear-gradient(#08070699,#0000 20% 45%,#080706f0 72%)}.bj-call,.bj-call--left,.bj-call--right{width:auto;translate:0 calc((1 - var(--on))*16px);inset:auto 20px 22px}.bj-call-line{display:none}.bj-call .stop-title{font-size:24px}.bj-path{gap:8px;margin-top:14px}.sj{background:#080706db;grid-template-columns:1fr;align-content:start;gap:18px;padding:96px 20px 20px}.sj-screens{order:-1;height:auto;padding:0}.sj-screen{width:27vw}.sj-screen--1{width:31vw}.sj-features{display:none}.dev-shift{translate:calc(0px - var(--recap-offset,0px))0}.dev-pos--second{left:calc(var(--dev-x) + var(--recap-offset,0px))}.cap--recap{top:calc(var(--dev-y) + var(--dev-h)/2 + 18px);bottom:auto}.pico-desk:after{background:linear-gradient(#0000 40%,#000000db)}.vr-panels{padding:140px 16px max(14px,env(safe-area-inset-bottom));flex-direction:column;justify-content:center;gap:clamp(8px,1.8svh,20px)}.vr-panel{border-radius:16px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;column-gap:10px;width:100%;padding:clamp(9px,1.8svh,18px) 12px;display:grid;rotate:none;scale:1}.vr-panel-body{grid-area:1/1;padding:0}.vr-media{aspect-ratio:auto;background:0 0;border-radius:6px;grid-area:1/2}.vr-media img{height:auto}.vr-panel-body h4{font-size:17px}.vr-panel-body p{margin-top:2px;font-size:12px}.vr-panel-body .metrics{gap:4px 10px;margin-top:8px}.vr-panel-body .metrics>div{gap:0}.vr-panel-body .metrics dd{font-size:clamp(13px,3.6vw,17px)}.vr-panel-body .metrics dt{font-size:11px}.cap--top{top:64px;bottom:auto}.mrcw{--p:120vw;--tw:52vw;perspective-origin:50% 30%}.mrcw-cyl{top:30%}.mrc-board{grid-template-columns:1fr;gap:14px;padding:12svh 20px 22px}.mrc-head .cap-body,.mrc-setup{display:none}.mrc-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}}.amap-launch-image,.anav-skip{display:none}@media (pointer:coarse){.scene[data-touch-pages] .scene-stage{touch-action:pan-x pinch-zoom}}@keyframes amap-open-from-icon{0%{opacity:0;border-radius:24%;transform:translate(-11.3%,-14%)scale(.16,.074)}10%{opacity:1}to{opacity:1;border-radius:0;transform:none}}@media (max-width:767px),(pointer:coarse){.amap-launch-recording{display:none}.amap-launch-image{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.about-page:has(.scene[data-demo-playing]) .anav-step button:last-child{gap:2px;width:auto;padding-inline:6px;display:flex}.about-page:has(.scene[data-demo-playing]) .anav-skip{color:var(--accent);font-size:12px;display:inline}}@media (max-width:767px){.anav-step button{min-width:36px;min-height:42px}.cap--dev{bottom:max(18px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){[data-at],[data-on]{transition-duration:0s!important;transition-delay:0s!important}.replay,.amap-launch-image,.fp-stop-pulse,.tl-seg,.intro-scroll-mouse i,.intro-scroll-chevron,.home-dim:after,.home-pulse,.mrcw-cyl,.dev-move,[data-step] .fp-cam{animation:none!important}.spot,.spot-tag,.home-dim{opacity:1}.fp-cam,.fp-slider-fill,.fp-slider-handle,.fp-num,.vr-bar span{transition:none!important}.life-map-inner,.pico-desk{scale:1}.pico-vr{-webkit-mask-image:none;mask-image:none}}