@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ececec;font-synthesis:none;--paper:#e8e8e8;--ink:#181818;--pad:4.2vw;background:#181818;font-family:Manrope Variable,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#707070 #181818}body{background:#181818;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;border-radius:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:7px;outline:2px solid}::selection{color:#181818;background:#d9d9d9}h1,h2,h3,p{margin:0}canvas{width:100%;height:100%;display:block}.skip-link{z-index:100;background:var(--paper);color:var(--ink);padding:15px;position:fixed;top:12px;left:15px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.grain{z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header{top:env(safe-area-inset-top,0px);height:105px;margin:0 max(var(--pad), env(safe-area-inset-right,0px)) 0 max(var(--pad), env(safe-area-inset-left,0px));z-index:30;align-items:center;display:flex;position:absolute;left:0;right:0}.icon-arrow{vertical-align:-.08em;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:square;stroke-linejoin:miter;width:1em;height:1em;display:inline-block}.wordmark{letter-spacing:-.11em;align-items:flex-start;font-size:45px;font-weight:750;line-height:1;display:flex}.wordmark span{letter-spacing:0;margin:3px 0 0 5px;font-size:25px;font-weight:400;line-height:.9}.site-header nav{align-items:center;gap:42px;margin-left:auto;font-size:14px;display:flex}.site-header nav a{align-items:center;gap:12px;padding:10px 0;transition:opacity .25s;display:flex}.site-header nav a:hover{opacity:.55}.nav-arrow{font:21px Arial,sans-serif}.hero-chapter{height:240lvh;position:relative}.hero-sticky{isolation:isolate;background:#181818;height:100lvh;position:sticky;top:0;overflow:hidden}.hero-atmosphere{background:radial-gradient(at 60% 13%,#494949 0%,#313131 28%,#1e1e1e 55%,#151515 92%);position:absolute;inset:0}.hero-title-wrap{z-index:2;will-change:transform, opacity;position:absolute;bottom:13.5%;left:3.1%;right:3.1%}.hero-title-wrap h1{letter-spacing:-.085em;white-space:nowrap;width:max-content;font-size:clamp(170px,38vw,690px);font-weight:570;line-height:.73}.title-period{margin-left:.03em;font-size:.6em;display:inline-block}.hero-scene{z-index:3;pointer-events:none;position:absolute;inset:0}.hero-scene canvas{position:absolute;inset:0}.hero-outro{z-index:4;letter-spacing:-.075em;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(58px,10vw,160px);line-height:1;display:flex;position:absolute;inset:0}.outro-second{color:#999}.hero-wipe{background:var(--paper);z-index:8;clip-path:inset(100% 0 0);pointer-events:none;will-change:clip-path;position:absolute;inset:0}.sculpture-fallback,.webgl-ready .sculpture-fallback,.webgl-ready .portrait-fallback{display:none}.portrait-fallback,.sculpture-sequence{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.webgl-ready .sculpture-sequence{display:none}.hero-scene:not(.webgl-ready)>.webgl-canvas,.interlude-scene:not(.webgl-ready)>.webgl-canvas{visibility:hidden}.sequence-ready:not(.webgl-ready){cursor:default}.light-section{color:var(--ink);background:var(--paper)}.about-section{min-height:100lvh;padding:0 var(--pad);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.about-heading h2{letter-spacing:-.07em;font-size:clamp(70px,10.5vw,180px);font-weight:430;line-height:1.06}.about-heading h2>span{display:block}.about-heading em,.contact-main em,.interlude-word em{letter-spacing:-.075em;font-family:Georgia,Times New Roman,serif;font-weight:400}.interlude-chapter{background:#131313;height:270lvh;position:relative}.interlude-sticky{background:radial-gradient(#2d2d2d 0%,#1d1d1d 36%,#121212 76%);height:100lvh;position:sticky;top:0;overflow:hidden}.interlude-scene{pointer-events:none;position:absolute;inset:0}.interlude-copy{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.interlude-word{letter-spacing:-.075em;opacity:0;will-change:transform, opacity;font-size:clamp(60px,12vw,200px);font-weight:430;position:absolute}.interlude-word.first{opacity:1}.interlude-word.third{font-size:clamp(75px,14vw,220px)}.work-section{padding:70px var(--pad) 130px;color:#e9e9e9;background:#161616;position:relative}.work-heading{padding:55px 0 75px}.work-heading h2{letter-spacing:-.055em;font-size:clamp(45px,6.3vw,105px);font-weight:430;line-height:1.12}.work-heading h2 span{color:#898989}.project{display:block}.project-art{background:radial-gradient(at 50% 75%,#7e7e7e -40%,#454545 15%,#292929 45%,#222 85%);height:540px;position:relative;overflow:hidden}.project-orbit{will-change:transform;border:20px solid #c5c5c5;border-radius:50%;width:350px;height:350px;position:absolute;top:50%;left:50%;box-shadow:inset 1px 2px 2px #f4f4f4,inset -5px -5px 7px #393939,2px 3px 5px #dbdbdb,12px 24px 28px #111}.orbit-one{transform:translate(-50%,-50%)rotate(-32deg)rotateY(62deg)}.orbit-two{transform:translate(-50%,-50%)rotate(32deg)rotateY(62deg)}.orbit-three{transform:translate(-50%,-50%)rotate(90deg)rotateY(62deg)}.project-core{background:radial-gradient(circle at 31% 23%,#f3f3f3 0%,#b9b9b9 15%,#646464 40%,#2c2c2c 63%,#929292 88%,#323232 100%);border-radius:50%;width:69px;height:69px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:13px 20px 40px #09090999}.project:hover .project-open{padding-left:25px;padding-right:29px}.project-info{justify-content:space-between;align-items:center;gap:20px;padding:28px 0 35px;display:flex}.project-info h3{letter-spacing:-.045em;font-size:32px;font-weight:450}.project-info h3 span{margin-left:19px;font-size:25px;transition:transform .3s;display:inline-block}.project:hover h3 span{transform:translate(3px,-3px)}.project-info>span{color:#a2a2a2;font-size:14px}.contact-section{padding:0 var(--pad);flex-direction:column;min-height:90lvh;display:flex;position:relative;overflow:hidden}.contact-main{padding:155px 0 100px;position:relative}.contact-main h2{letter-spacing:-.065em;white-space:nowrap;align-items:baseline;gap:.21em;font-size:clamp(75px,13.3vw,220px);font-weight:430;line-height:1.06;display:flex}.contact-arrow{margin-left:auto;font-family:Arial,sans-serif;font-size:.9em;font-weight:300;line-height:1;transition:transform .5s}.contact-arrow:hover{transform:translate(8px,-8px)}.contact-details{align-items:center;gap:40px;margin-top:57px;display:flex}.email-link{letter-spacing:-.03em;align-items:center;gap:40px;padding:8px 0;font-size:23px;display:flex}.email-link span{font-family:Arial;font-size:26px;transition:transform .3s}.email-link:hover span{transform:translate(3px,-3px)}.copy-email{color:#565656;background:#d8d8d8;padding:11px 16px;font-size:12px;transition:background .25s}.copy-status{color:#666;height:20px;padding-top:9px;font-size:12px}footer{align-items:center;gap:7.5vw;margin-top:auto;padding:40px 0;display:flex}.footer-name{letter-spacing:-.07em;font-size:38px;font-weight:550;line-height:1}.back-to-top{align-items:center;gap:26px;margin-left:auto;font-size:12px;display:flex}.back-to-top>span{font-size:25px}.reveal{transition:opacity .9s,transform 1.2s cubic-bezier(.2,.7,.2,1)}.js-ready .reveal:not(.is-visible){opacity:0;transform:translateY(35px)}@media (width>=1700px){.hero-title-wrap{bottom:12.5%}.about-lower{padding-top:115px}.project-art{height:650px}}@media (width<=1000px){:root{--pad:5vw}.site-header{height:90px}.hero-title-wrap{bottom:18%}.hero-title-wrap h1{font-size:38vw}.hero-caption{top:27%}.about-heading h2{font-size:11.5vw}.about-second-line{padding-left:7%}.about-lower{gap:16%;padding:70px 0 100px}.about-intro p{font-size:18px}.about-note p{font-size:22px}.work-heading{padding:30px 0 60px}.project-art{height:460px}.contact-main{padding:120px 0 80px}.contact-main h2{gap:.16em;font-size:13vw}.contact-details{margin-top:47px}}@media (width<=600px){:root{--pad:6vw}.site-header{height:85px}.wordmark{font-size:37px}.wordmark span{font-size:19px}.site-header nav{gap:24px;font-size:12px}.site-header nav .nav-arrow{display:none}.hero-chapter{height:210lvh}.hero-caption{top:17%}.hero-caption p{font-size:17px;line-height:1.4}.hero-title-wrap{bottom:20%;left:4%;right:4%}.hero-title-wrap h1{font-size:38vw;font-weight:590;line-height:.8}.hero-outro{font-size:14vw}.sculpture-fallback{width:105vw;height:140vw;top:46%;left:59%}.about-section{min-height:85lvh}.about-heading{padding-top:85px}.about-heading h2{letter-spacing:-.065em;font-size:13.5vw;line-height:1.12}.about-second-line{padding-left:0}.about-lower{grid-template-columns:1fr;gap:42px;padding:60px 0 90px}.about-intro{padding:0}.about-intro p{font-size:17px;line-height:1.9}.about-intro p span{font-size:14px}.about-note{margin-left:28%}.about-note p{padding:0;font-size:20px;line-height:1.6}.interlude-chapter{height:230lvh}.interlude-word{font-size:16vw}.interlude-word.third{font-size:19vw}.work-section{padding-top:70px;padding-bottom:85px}.work-heading{padding:0 0 50px}.work-heading h2{letter-spacing:-.05em;font-size:9vw;line-height:1.2}.project-art{height:370px}.project-orbit{border-width:13px;width:235px;height:235px}.project-core{width:49px;height:49px}.project-open{gap:22px;padding:11px 14px;font-size:11px;bottom:18px;right:18px}.project-open span{font-size:19px}.project-info{align-items:flex-start;gap:10px;padding:23px 0}.project-info h3{font-size:27px}.project-info h3 span{margin-left:10px;font-size:22px}.project-info>span{text-align:right;width:125px;padding-top:4px;font-size:11px;line-height:1.7}.next-project{padding-top:35px;font-size:15px}.contact-section{min-height:100lvh}.contact-main{padding:120px 0 75px}.contact-main h2{letter-spacing:-.07em;gap:.16em;font-size:15.8vw}.contact-arrow{align-self:center;font-size:.6em}.contact-details{flex-direction:column;align-items:flex-start;gap:18px;margin-top:40px}.email-link{gap:40px;font-size:20px}.copy-email{font-size:11px}footer{flex-wrap:wrap;gap:20px;padding:30px 0 68px}.footer-name{font-size:31px}.copyright{font-size:10px}.back-to-top{gap:14px;font-size:10px}.back-to-top>span{font-size:21px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.js-ready .reveal:not(.is-visible){opacity:1;transform:none}a,button,.project-open{transition:none!important}.hero-chapter{height:100lvh}.hero-sticky{position:relative}.interlude-chapter{height:100lvh}.interlude-sticky{position:relative}.interlude-word.first{opacity:1}.interlude-word.second,.interlude-word.third,.hero-wipe,.hero-outro{display:none}}.about-heading{padding:100px 0 140px}.about-heading h2{font-size:clamp(100px,16vw,270px);line-height:1.03}.about-second-line{padding-left:32%}.work-heading h2{font-size:clamp(80px,10vw,170px)}.copy-email{color:#777;background:0 0;padding:12px 0;font-size:14px}.copy-email:hover{color:#181818;background:0 0}.back-to-top{padding:12px;font-size:25px}@media (width<=600px){.about-heading{padding:90px 0 120px}.about-heading h2{font-size:25vw}.about-second-line{padding-left:22%}.work-heading h2{font-size:18vw}}.interlude-scene .sculpture-fallback{opacity:.65;top:50%;left:50%}.hero-chapter{height:230lvh}.about-section{z-index:9;margin-top:-100lvh}.interlude-chapter{height:calc(410lvh + var(--silver-turn-extra,0lvh) + var(--silver-outro,0lvh))}.interlude-scene{pointer-events:auto;cursor:grab;touch-action:pan-y}.interlude-scene.is-dragging{cursor:grabbing}.interlude-scene:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #8b8b8b}.cities-chapter{background:#141414;height:270lvh;position:relative}.cities-sticky{background:radial-gradient(at 48% 48%,#272727 0%,#141414 73%);height:100lvh;position:sticky;top:0;overflow:hidden}.cities-scene{z-index:2;pointer-events:none;position:absolute;inset:0}.city-panel{isolation:isolate;perspective:1000px;perspective-origin:50% 62%;transform-origin:50% 55%;will-change:transform;width:50%;position:absolute;top:0;bottom:0}.shenzhen-panel{left:3%}.london-panel{left:47%}.city-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.city-illustration{aspect-ratio:.56;height:69lvh;position:absolute;bottom:18%;left:calc(50% - 19.32lvh)}.london-print{height:63lvh;bottom:12%;left:calc(50% - 17.64lvh)}.city-ring{width:0;height:0;transform-style:preserve-3d;will-change:transform;color:#e7e7e7;font-size:clamp(25px,3.2vw,48px);font-weight:500;line-height:1;position:absolute;top:62%;left:50%}.london-panel .city-ring{top:70%}.city-letter{text-align:center;backface-visibility:hidden;transform-style:preserve-3d;text-shadow:0 0 .2em #141414;position:absolute;top:-.5em}.city-canvas{pointer-events:none;position:absolute;inset:0}.canvas-ready .city-illustration{visibility:hidden}.city-image{pointer-events:none;width:auto;max-width:none;height:100%;position:absolute;left:50%;transform:translate(-50%)}.about-heading{will-change:transform}.about-second-line{will-change:translate}@media (width<=600px){.hero-chapter{height:220lvh}.interlude-chapter{height:calc(370lvh + var(--silver-turn-extra,0lvh) + var(--silver-outro,0lvh))}.cities-chapter{height:250lvh}.city-illustration{height:55lvh;bottom:28%;left:calc(50% - 15.4lvh)}.london-print{height:48lvh;bottom:17%;left:calc(50% - 13.44lvh)}.city-panel{perspective:600px}.shenzhen-panel{left:0}.london-panel{left:50%}.city-ring{font-size:6vw;top:58%}.london-panel .city-ring{top:70%}}@media (prefers-reduced-motion:reduce){.hero-chapter,.interlude-chapter,.cities-chapter{height:100lvh}.about-section{margin-top:0;opacity:1!important}.cities-sticky{position:relative}.about-heading{transform:none!important}.about-second-line{translate:none!important}.city-illustration,.city-fragment{transform:none!important}}.linkedin-link,.footer-page-link{letter-spacing:-.03em;padding:12px 0;font-size:22px}.linkedin-link span,.footer-page-link span{transition:transform .25s;display:inline-block}.linkedin-link:hover span,.footer-page-link:hover span{transform:translate(3px,-3px)}.about-second-line a{transition:color .3s}.about-second-line a:hover{color:#686868}.biography-page{color:var(--ink);background:var(--paper)}.biography-page .site-header{position:relative}.biography-page .site-header [aria-current=page]{color:#737373}.biography-main{max-width:1440px;padding:70px var(--pad) 80px;margin:auto}.biography-intro{grid-template-columns:1fr 1.05fr;align-items:end;gap:10%;padding:30px 0 105px;display:grid}.biography-intro h1{letter-spacing:-.075em;font-size:clamp(80px,9.5vw,150px);font-weight:430;line-height:1.05}.biography-intro h1 em{letter-spacing:-.075em;padding-left:18%;font-family:Georgia,Times New Roman,serif;font-weight:400;display:block}.biography-intro p{letter-spacing:-.04em;padding-bottom:7px;font-size:clamp(23px,2.2vw,32px);line-height:1.5}.resume-section{grid-template-columns:1fr 1.05fr;gap:10%;padding:42px 0 28px;scroll-margin-top:50px;display:grid}.resume-section h2{letter-spacing:-.045em;font-size:clamp(25px,2.3vw,35px);font-weight:450;line-height:1.35}.resume-content{letter-spacing:-.02em;font-size:20px;line-height:1.5}.resume-entry{padding-bottom:34px}.resume-entry h3{letter-spacing:-.035em;font-size:22px;font-weight:500;line-height:1.4}.resume-entry p{color:#606060;margin-top:7px;font-size:18px}.resume-entry .resume-institution{color:#181818;margin-top:14px;font-size:21px}.resume-entry .resume-period{color:#6b6b6b;font-size:16px}.resume-languages p{grid-template-columns:1fr 1.8fr;gap:24px;margin-bottom:17px;display:grid}.resume-languages p span+span{color:#606060}.biography-footer{max-width:1440px;padding:35px var(--pad) 65px;gap:55px;margin:0 auto}.return-home{letter-spacing:-.04em;margin-right:auto;font-size:22px}.return-home span{margin-right:12px;transition:transform .25s;display:inline-block}.return-home:hover span{transform:translate(-5px)}.biography-footer>a:not(.return-home){letter-spacing:-.025em;font-size:20px}.social-block{min-width:0}.contact-main .social-block{margin-top:30px}.social-links{flex-wrap:wrap;align-items:baseline;gap:12px 38px;display:flex}.social-link{letter-spacing:-.025em;text-align:left;background:0 0;flex-wrap:wrap;align-items:baseline;gap:12px;padding:10px 0;font-size:20px;line-height:1.5;transition:color .2s;display:inline-flex}.social-link:hover{color:#686868}.social-handle{color:#666;letter-spacing:0;-webkit-user-select:text;user-select:text;font-size:17px}.social-action{color:#777;letter-spacing:0;min-width:0;font-size:14px}.social-status{color:#666;min-height:1.5em;font-size:14px;line-height:1.5}.biography-footer{flex-wrap:wrap;align-items:baseline;row-gap:26px}.biography-footer .social-block{flex:540px}.biography-footer .return-home{white-space:nowrap}@media (width<=600px){.contact-main .social-block{margin-top:24px}.social-links{flex-direction:column;gap:6px}.social-link{font-size:19px}.biography-footer .social-block{flex-basis:100%}}.language-toggle{font-size:inherit;white-space:nowrap;background:0 0;padding:10px 0;line-height:1.5;transition:opacity .25s}.language-toggle:hover{opacity:.55}.site-header nav{gap:clamp(18px,3vw,42px)}.hero-title-wrap h1{font-size:min(38vw,64lvh,690px)}.resume-content{overflow-wrap:break-word;min-width:0}html[lang=zh-CN] .resume-section h2,html[lang=zh-CN] .resume-content{letter-spacing:0;line-height:1.65}html[lang=zh-CN] .resume-entry h3{letter-spacing:0}@media (height<=500px){.site-header{height:70px}.hero-title-wrap{bottom:15%}}@media (width<=800px){.biography-main{padding-top:40px}.biography-intro{gap:7%;padding-bottom:75px}.resume-section{grid-template-columns:.7fr 1.3fr;gap:8%}.resume-entry h3{font-size:21px}.biography-footer{gap:35px}}@media (width<=600px){.linkedin-link,.footer-page-link{font-size:18px}.biography-main{padding-top:20px;padding-bottom:35px}.biography-intro{grid-template-columns:1fr;gap:32px;padding:30px 0 55px}.biography-intro h1{font-size:24vw;line-height:1.02}.biography-intro h1 em{padding-left:.16em;display:inline}.biography-intro p{margin-left:18%;font-size:23px}.resume-section{padding:28px 0 10px;display:block}.resume-section h2{margin-bottom:25px;font-size:26px}.resume-content{font-size:18px}.resume-entry h3{font-size:21px}.resume-entry{padding-bottom:28px}.resume-entry p{font-size:17px}.resume-entry .resume-institution{font-size:19px}.resume-entry .resume-period{font-size:16px}.resume-languages p{grid-template-columns:1fr 1.7fr;gap:16px}.biography-footer{flex-wrap:wrap;gap:25px;padding-top:20px;padding-bottom:35px}.return-home{width:100%;margin-bottom:8px;font-size:22px}.biography-footer>a:not(.return-home){font-size:18px}}.social-action:empty,.browser-edge{display:none}@supports (-webkit-touch-callout:none){@media (pointer:coarse){.browser-edge{height:max(12px, env(safe-area-inset-bottom,0px));background:var(--browser-surface,#181818);pointer-events:none;z-index:100;display:block;position:fixed;bottom:0;left:0;right:0}}}@view-transition{navigation:auto}.about-second-line a{view-transition-name:felix-name;display:inline-block}.biography-name{view-transition-name:felix-name}.site-header .wordmark{view-transition-name:site-mark}::view-transition-group(root){animation-duration:.36s;animation-timing-function:cubic-bezier(.22,.68,0,1)}::view-transition-group(felix-name){animation-duration:.58s;animation-timing-function:cubic-bezier(.22,.68,0,1)}::view-transition-old(felix-name){animation-duration:.2s}::view-transition-new(felix-name){animation-duration:.4s}::view-transition-group(site-mark){animation-duration:.36s}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s!important}::view-transition-old(*){animation-duration:0s!important}::view-transition-new(*){animation-duration:0s!important}}@view-transition{navigation:none}@keyframes page-shutter-open{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes page-shutter-close{0%{transform:scaleX(0)}to{transform:scaleX(1)}}body:before,body:after{content:"";z-index:2147483000;pointer-events:none;will-change:transform;background:#141414;width:50.05vw;animation:.7s cubic-bezier(.16,.85,.18,1) 80ms both page-shutter-open;position:fixed;top:0;bottom:0;transform:scaleX(0)}body:before{transform-origin:0;left:0}body:after{transform-origin:100%;right:0}html.page-departing body:before,html.page-departing body:after{pointer-events:auto;animation:.38s cubic-bezier(.55,0,.75,.2) both page-shutter-close}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none!important;display:none!important}}