*,*:before,*:after{box-sizing:border-box}html{min-width:320px;background:#f7f8fb;text-size-adjust:100%}body,h1,h2,p{margin:0}body{min-width:320px;min-height:100%}img,picture,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{color-scheme:light;font-family:Helvetica Neue,Segoe UI Variable,Segoe UI,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--paper: #f7f8fb;--paper-cold: #f2f5f8;--paper-bright: #fcfdfe;--ink: #13151a;--ink-soft: #363b46;--steel: #566273;--steel-light: #626f82;--line: rgba(74, 88, 108, .18);--line-strong: rgba(55, 71, 92, .32);--cyan: #2ed4ea;--cyan-deep: #2b7084;--cyan-soft: #70b7bf;--display: "Arial Narrow", "Aptos Narrow", "Helvetica Neue", sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--ease-cinema: cubic-bezier(.2, .75, .25, 1);--ease-precise: cubic-bezier(.32, 0, .12, 1);--scroll-progress: 0;--scene-progress: 0;--scene-0: 1;--scene-1: 0;--scene-2: 0;--scene-3: 0;--scene-4: 0;--camera-x: 0vw;--camera-y: 0vh;--camera-scale: 1;--camera-rotate: 0deg;--camera-focus: 1;--parallax-far-x: 0px;--parallax-far-y: 0px;--parallax-subject-x: 0px;--parallax-subject-y: 0px;--parallax-tech-x: 0px;--parallax-tech-y: 0px;--parallax-front-x: 0px;--parallax-front-y: 0px}::selection{color:var(--paper-bright);background:var(--ink)}html,body{overflow-x:clip}body{color:var(--ink);background:radial-gradient(circle at 74% 38%,rgba(255,255,255,.94),transparent 36rem),linear-gradient(132deg,var(--paper-bright),var(--paper) 45%,var(--paper-cold))}body:before{position:fixed;z-index:120;inset:0;border:1px solid rgba(49,64,82,.1);pointer-events:none;content:""}.skip-link{position:fixed;z-index:999;top:12px;left:12px;padding:10px 14px;color:var(--paper-bright);background:var(--ink);font:600 11px/1 var(--mono);letter-spacing:.08em;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link:focus-visible{clip:auto;clip-path:none;width:auto;height:auto;overflow:visible}.topbar{position:fixed;z-index:100;top:max(24px,env(safe-area-inset-top));right:clamp(24px,3.5vw,64px);left:clamp(24px,3.5vw,64px);display:flex;align-items:center;justify-content:space-between;pointer-events:none}.topbar__brand{display:inline-flex;gap:10px;align-items:center;color:var(--ink-soft);font:600 10px/1 var(--mono);letter-spacing:.16em;padding-block:9px;pointer-events:auto}.topbar__brand img{width:26px;color:var(--ink-soft)}.topbar__status{display:inline-flex;gap:9px;align-items:center;color:var(--steel);font:500 9px/1 var(--mono);letter-spacing:.18em}.topbar__status i{width:4px;height:4px;background:var(--cyan);box-shadow:0 0 12px #2ed4ea99;transform:rotate(45deg)}.experience{position:relative;height:500svh;isolation:isolate}.scroll-origin{position:absolute;top:0}.stage{position:sticky;top:0;width:100%;height:100svh;min-height:580px;overflow:hidden;background:radial-gradient(circle at 69% 46%,rgba(255,255,255,.78) 0 15%,transparent 48%),linear-gradient(115deg,rgba(255,255,255,.5),transparent 43%);contain:layout paint}.stage:after{position:absolute;z-index:80;inset:0;background:linear-gradient(90deg,rgba(247,248,251,.4),transparent 16% 84%,rgba(232,237,242,.3)),linear-gradient(180deg,rgba(255,255,255,.3),transparent 18% 82%,rgba(226,231,237,.36));pointer-events:none;content:""}.environment,.copy-layer,.project-layer,.ambient-layer,.foreground-lines{position:absolute;inset:0}.environment{z-index:1;pointer-events:none}.environment__grid{width:100%;height:100%;color:var(--steel);opacity:calc(.78 - var(--scroll-progress) * .3);object-fit:cover;transform:translate3d(var(--parallax-far-x),var(--parallax-far-y),0) scale(1.02)}.environment__mark{position:absolute;top:19%;left:44%;width:clamp(180px,28vw,480px);color:var(--steel-light);opacity:calc(.055 + var(--scene-4) * .05);transform:translate3d(var(--parallax-far-x),var(--parallax-far-y),0) rotate(calc(-9deg + var(--scroll-progress) * 7deg))}.environment__axis{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent);transform-origin:center}.environment__axis:after{position:absolute;top:-3px;left:58%;width:7px;height:7px;border:1px solid var(--cyan-soft);content:"";transform:rotate(45deg)}.environment__axis--one{top:27%;left:3%;width:35vw;transform:rotate(-18deg)}.environment__axis--two{right:-3%;bottom:21%;width:31vw;transform:rotate(-42deg)}.environment__coordinate{position:absolute;right:3.5vw;bottom:12vh;color:#3c4a5d70;font:500 8px/1 var(--mono);letter-spacing:.16em;writing-mode:vertical-rl}.portrait-camera{position:absolute;z-index:20;top:0;right:-3vw;width:min(70vw,920px);height:100svh;transform:translate3d(var(--camera-x),var(--camera-y),0) scale(var(--camera-scale)) rotate(var(--camera-rotate));transform-origin:63% 48%;will-change:transform}.portrait-parallax{display:grid;width:100%;height:100%;place-items:center;transform:translate3d(var(--parallax-subject-x),var(--parallax-subject-y),0);will-change:transform}.portrait-breath{position:relative;width:min(92vh,860px);max-width:100%;aspect-ratio:1;transform-origin:56% 56%}.portrait-picture{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%)}.portrait-picture img{width:100%;height:100%;object-fit:contain}.portrait-picture--main{z-index:2;filter:saturate(var(--camera-focus)) contrast(1.01)}.portrait-picture--energy{z-index:1;opacity:calc(.08 + var(--scene-1) * .1 + var(--scene-2) * .13 + var(--scene-3) * .08);filter:saturate(2.1) contrast(1.08) blur(9px);mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle at 48% 78%,#000 0 4%,transparent 12%),radial-gradient(circle at 66% 24%,#000 0 3%,transparent 10%),radial-gradient(circle at 69% 52%,#000 0 3%,transparent 9%),radial-gradient(circle at 35% 72%,#000 0 5%,transparent 14%);mask-image:radial-gradient(circle at 48% 78%,#000 0 4%,transparent 12%),radial-gradient(circle at 66% 24%,#000 0 3%,transparent 10%),radial-gradient(circle at 69% 52%,#000 0 3%,transparent 9%),radial-gradient(circle at 35% 72%,#000 0 5%,transparent 14%)}.energy-layer{position:absolute;z-index:3;inset:0;transform:translate3d(var(--parallax-tech-x),var(--parallax-tech-y),0);pointer-events:none}.copy-layer{z-index:30;pointer-events:none}.project-layer{z-index:35;transform:translate3d(var(--parallax-tech-x),var(--parallax-tech-y),0);pointer-events:none}.ambient-layer{z-index:65;transform:translate3d(var(--parallax-front-x),var(--parallax-front-y),0);pointer-events:none}.foreground-lines{z-index:70;transform:translate3d(var(--parallax-front-x),var(--parallax-front-y),0);pointer-events:none}.scene-rail{position:absolute;z-index:92;right:clamp(20px,3.5vw,64px);bottom:max(24px,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto minmax(64px,12vw) auto;gap:14px;align-items:center;color:var(--steel);font:500 8px/1 var(--mono);letter-spacing:.14em;pointer-events:none}.scene-rail__track{position:relative;height:1px;background:#4e5c6f33}.scene-rail__track i{position:absolute;inset:0 auto 0 0;width:calc(var(--scroll-progress) * 100%);min-width:2px;background:var(--cyan);box-shadow:0 0 10px #2ed4ea59}.noscript-note{position:fixed;z-index:200;right:1rem;bottom:1rem;left:1rem;padding:.8rem;color:#fff;background:#13151a;font:12px/1.4 var(--mono)}.scene-copy{position:absolute;max-width:min(42vw,620px);opacity:0;pointer-events:none;transform:translate3d(0,22px,0);will-change:transform,opacity}.scene-copy__eyebrow{display:inline-flex;gap:.75rem;align-items:center;margin-bottom:1.2rem;color:var(--steel);font:600 clamp(8px,.7vw,10px)/1 var(--mono);letter-spacing:.16em}.scene-copy__eyebrow:before{width:6px;height:6px;border:1px solid var(--cyan-soft);content:"";transform:rotate(45deg)}.scene-copy h1,.scene-copy h2{font-family:var(--display);font-weight:520;line-height:.82;letter-spacing:-.065em;text-transform:uppercase}.scene-copy h1{font-size:clamp(78px,11vw,178px)}.scene-copy h2{font-size:clamp(54px,7.2vw,112px)}.scene-copy p,.scene-copy>a,.scene-copy__url{display:block;margin-top:1.15rem;color:var(--ink-soft);font:500 clamp(11px,.9vw,14px)/1.3 var(--mono);letter-spacing:.13em}.scene-copy>a{width:max-content;max-width:100%;min-height:44px;display:flex;align-items:center;pointer-events:auto}.scene-copy__url{width:max-content;max-width:100%}.scene-copy>a:after{display:inline-block;width:2.5rem;height:1px;margin-left:.75rem;background:linear-gradient(90deg,var(--cyan),transparent);vertical-align:middle;content:"";transition:width .28s var(--ease-cinema)}.scene-copy>a:hover:after,.scene-copy>a:focus-visible:after{width:4.5rem}.scene-copy--hero{top:30%;left:clamp(34px,7vw,118px);opacity:var(--scene-0);transform:translate3d(calc((1 - var(--scene-0)) * -28px),0,0)}.scene-copy--hero p{margin-top:1.7rem;font-size:clamp(10px,.8vw,12px)}.scene-copy__line{display:block;margin-top:.7rem;color:var(--steel);font:400 clamp(13px,1.1vw,17px)/1.2 var(--display);letter-spacing:.04em}.scene-copy--doc{top:34%;left:clamp(34px,8.5vw,145px);opacity:var(--scene-1);transform:translate3d(calc((1 - var(--scene-1)) * -32px),calc((1 - var(--scene-1)) * 12px),0)}.scene-copy--doc:after{position:absolute;top:52%;left:calc(100% + 2rem);width:min(28vw,420px);height:1px;background:linear-gradient(90deg,rgba(46,212,234,.5),transparent);opacity:var(--scene-1);content:"";transform:rotate(-7deg);transform-origin:left}.scene-copy--short{top:49%;left:clamp(34px,10vw,170px);opacity:var(--scene-2);transform:translate3d(calc((1 - var(--scene-2)) * -30px),calc((1 - var(--scene-2)) * 18px),0)}.scene-copy--short h2{font-size:clamp(48px,6.4vw,102px)}.scene-copy--short:before{position:absolute;top:-4rem;left:0;width:1px;height:3rem;background:linear-gradient(transparent,var(--cyan-soft));opacity:var(--scene-2);content:""}.scene-copy--lab{top:22%;right:clamp(35px,9vw,150px);left:clamp(34px,7vw,118px);max-width:none;opacity:var(--scene-3);transform:translate3d(0,calc((1 - var(--scene-3)) * 24px),0)}.scene-copy--lab h2{width:max-content}.scene-copy--lab>p{width:max-content}.lab-signal{position:absolute;color:var(--ink-soft);font:500 clamp(10px,.85vw,13px)/1 var(--mono);letter-spacing:.16em;text-shadow:0 0 7px rgba(247,248,251,.98),0 0 2px rgba(247,248,251,1);white-space:nowrap}.lab-signal:before{display:inline-block;width:5px;height:5px;margin-right:9px;border:1px solid var(--cyan-soft);content:"";transform:rotate(45deg)}.lab-signal small{margin-left:.8rem;color:var(--steel-light);font:400 8px/1 var(--mono)}.lab-signal--a{top:18vh;left:36vw}.lab-signal--b{top:48vh;left:18vw}.lab-signal--c{top:7vh;right:26vw}.about-chen{position:absolute;top:58vh;right:auto;left:34vw;display:grid;grid-template-columns:auto 1fr;gap:.35rem .75rem;min-width:210px;padding-top:.8rem;border-top:1px solid var(--line-strong);color:var(--steel);font-family:var(--mono);text-shadow:0 0 7px rgba(247,248,251,.96)}.about-chen small{grid-row:1 / 3;color:var(--cyan-deep);font-size:9px}.about-chen strong{color:var(--ink-soft);font-size:11px;letter-spacing:.12em}.about-chen span{font-size:9px;letter-spacing:.04em}.scene-copy--close{top:50%;left:clamp(34px,12vw,200px);opacity:var(--scene-4);transform:translate3d(0,calc(-50% + (1 - var(--scene-4)) * 24px),0)}.scene-copy--close img{width:clamp(42px,5vw,72px);margin-bottom:1.5rem;color:var(--ink-soft)}.scene-copy--close h2{font-size:clamp(48px,6vw,94px);letter-spacing:-.05em}.scene-copy--close>a{margin-top:2rem;color:var(--steel);font-size:9px}.energy-node{position:absolute;width:9px;height:9px;border:1px solid rgba(112,183,191,.75);opacity:calc(.22 + var(--scene-2) * .5);transform:rotate(45deg)}.energy-node:before,.energy-node:after{position:absolute;inset:-10px;border:1px solid rgba(46,212,234,.14);content:""}.energy-node:after{inset:-18px;border-radius:50%;filter:blur(2px)}.energy-node--hairpin{top:25%;left:67%}.energy-node--earring{top:52%;left:69%}.energy-node--pendant{top:78%;left:48%}.energy-node--collar{top:60%;left:57%}.energy-trace{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(46,212,234,.5),transparent);opacity:calc(.06 + var(--scene-2) * .24);transform-origin:left}.energy-trace--one{top:79%;left:49%;width:28%;transform:rotate(-32deg)}.energy-trace--two{top:53%;left:69%;width:20%;transform:rotate(19deg)}.project-node{--node-opacity: 0;position:absolute;top:var(--node-y);left:var(--node-x);display:grid;grid-template-columns:auto auto;gap:10px;align-items:start;color:var(--ink-soft);opacity:var(--node-opacity);font-family:var(--mono);pointer-events:auto;transform:translate3d(-50%,-50%,0) scale(calc(.96 + var(--node-opacity) * .04));transition:color .18s ease}.project-node:after{position:absolute;top:9px;left:calc(100% + 12px);width:clamp(28px,5vw,80px);height:1px;background:linear-gradient(90deg,rgba(46,212,234,.55),transparent);content:""}.project-node__index{color:var(--cyan-deep);font-size:8px}.project-node__copy{display:grid;gap:5px}.project-node__title{font:600 clamp(10px,.9vw,13px)/1 var(--mono);letter-spacing:.12em}.project-node__caption{color:var(--steel);font:400 8px/1 var(--mono);letter-spacing:.06em}.project-node:hover,.project-node:focus-visible{color:var(--cyan-deep)}.project-node--doc{--node-opacity: var(--scene-1)}.project-node--short{--node-opacity: var(--scene-2)}.project-node[aria-hidden=true]{pointer-events:none}.portrait-breath{animation:portrait-breathe 8.5s ease-in-out infinite;will-change:transform}@keyframes portrait-breathe{0%,to{transform:translateZ(0) scale(1) rotate(0)}50%{transform:translate3d(0,-2px,0) scale(1.006) rotate(.12deg)}}.energy-node{animation:energy-breathe 6.8s ease-in-out infinite}.energy-node--earring{animation-delay:-1.7s}.energy-node--pendant{animation-delay:-3.2s}.energy-node--collar{animation-delay:-4.6s}@keyframes energy-breathe{0%,to{filter:drop-shadow(0 0 2px rgba(46,212,234,.18))}50%{filter:drop-shadow(0 0 7px rgba(46,212,234,.36))}}.ambient-particle{position:absolute;top:var(--particle-y);left:var(--particle-x);display:block;opacity:var(--particle-alpha, .42);transform:translate3d(var(--particle-drift-x, 0),var(--particle-drift-y, 0),0);will-change:transform,opacity}.ambient-particle--dot{width:var(--particle-size);height:var(--particle-size);border-radius:50%;background:#3a57696b;box-shadow:0 0 7px #2ed4ea14}.ambient-particle--diamond{width:var(--particle-size);height:var(--particle-size);border:1px solid rgba(46,164,177,.44);transform:translate3d(var(--particle-drift-x, 0),var(--particle-drift-y, 0),0) rotate(45deg)}.ambient-particle--line{width:var(--particle-size);height:1px;background:linear-gradient(90deg,rgba(73,95,116,.45),transparent)}.foreground-lines span{position:absolute;display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(88,107,128,.26),transparent)}.foreground-lines span:nth-child(1){top:16%;right:-2%;width:20vw;transform:rotate(-24deg)}.foreground-lines span:nth-child(2){bottom:18%;left:-3%;width:28vw;transform:rotate(13deg)}.foreground-lines span:nth-child(3){top:64%;right:12%;width:13vw;background:linear-gradient(90deg,transparent,rgba(46,212,234,.32),transparent);transform:rotate(-47deg)}a:focus-visible{outline:1px solid var(--cyan-deep);outline-offset:6px}html[data-parallax=active] .stage{cursor:crosshair}html[data-quality=low] .portrait-picture--energy{filter:saturate(1.7) blur(5px);opacity:.09}html[data-quality=low] .energy-node:after{display:none}@media(prefers-reduced-motion:reduce){.portrait-breath,.energy-node{animation:none}.portrait-camera,.portrait-parallax,.energy-layer,.project-layer,.ambient-layer,.environment__grid{will-change:auto}}@media(max-width:980px){.portrait-camera{right:-14vw;width:min(84vw,820px)}.scene-copy{max-width:47vw}.scene-copy--lab{right:6vw;max-width:none}.lab-signal--a{left:40vw}.lab-signal--c{right:0}}@media(max-width:720px){:root{--camera-x: 0vw}body:before{border-color:#31405212}.topbar{top:max(18px,env(safe-area-inset-top));right:20px;left:20px}.topbar__brand span,.topbar__status{font-size:8px}.topbar__brand img{width:23px}.stage{min-height:540px}.environment__mark{top:22%;left:5%;width:52vw;opacity:.035}.environment__axis--one{top:30%;width:45vw}.environment__coordinate{right:14px;bottom:18vh}.portrait-camera{top:12svh;right:-5vw;width:92vw;height:88svh;transform-origin:60% 54%}.portrait-breath{width:min(82vw,520px);height:min(78svh,760px);aspect-ratio:705 / 1254}.portrait-picture{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 90%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 90%,transparent 100%)}.scene-copy{z-index:2;top:15%;right:20px;left:20px;max-width:70vw}.scene-copy__eyebrow{margin-bottom:.8rem}.scene-copy h1{font-size:clamp(64px,24vw,102px)}.scene-copy h2,.scene-copy--short h2,.scene-copy--close h2{font-size:clamp(44px,14vw,72px)}.scene-copy p,.scene-copy>a{margin-top:.8rem}.scene-copy--hero{top:16%}.scene-copy--doc{top:20%}.scene-copy--doc:after{top:calc(100% + 1.5rem);left:0;width:42vw}.scene-copy--short{top:22%}.scene-copy--lab{top:14%;max-width:none}.lab-signal{font-size:9px}.lab-signal--a{display:none}.lab-signal--b{top:48vh;left:4vw}.lab-signal--c{top:34vh;right:auto;left:0}.about-chen{top:61vh;right:0;left:auto;min-width:185px}.scene-copy--close{top:24%;max-width:calc(100vw - 40px);transform:translate3d(0,calc((1 - var(--scene-4)) * 20px),0)}html:not([data-scene="4"]) .scene-copy--close{visibility:hidden!important}.project-node{display:none}.scene-rail{right:20px;bottom:max(18px,env(safe-area-inset-bottom));grid-template-columns:minmax(60px,22vw) auto}.scene-rail__label{display:none}.foreground-lines span:nth-child(1){width:42vw}.foreground-lines span:nth-child(2){width:48vw}}@media(max-width:480px){.topbar__status{letter-spacing:.1em}.scene-copy{max-width:84vw}.portrait-camera{right:-11vw;width:106vw}.portrait-breath{width:min(91vw,490px)}.scene-copy--lab{right:16px;left:16px}.lab-signal--a{left:32vw}.lab-signal--b{left:0}.about-chen{right:0}}@media(max-height:680px)and (min-width:721px){.portrait-breath{width:min(94vh,720px)}.scene-copy--hero{top:27%}.scene-copy--doc{top:29%}.scene-copy--short{top:42%}.scene-copy--lab{top:17%}.about-chen{top:55vh}}@media(max-height:579px){.stage{min-height:100svh}.scene-rail{bottom:max(10px,env(safe-area-inset-bottom))}}