:root{--paper:#f5f5f5;--ink:#090909;--gray:#5e5e5e;--line:#4a4a4a;--sans:'Hiragino Sans GB','PingFang SC','Helvetica Neue',Arial,sans-serif;--light:'PingFang SC','Helvetica Neue',Arial,sans-serif;--serif:'Adobe Song Std','AdobeSongStd-Light','Songti SC','Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:white;color:var(--ink);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,.cube-scene:focus-visible{outline:1px solid #74717e;outline-offset:7px}::selection{background:#cfccd7;color:black}.site-wrap{width:95.2%;max-width:1740px;margin:3.33vw auto 0;container-type:inline-size}.cover-panel,.work-panel,.project-header-panel{background:var(--paper)}.cover-panel{height:41.3cqw;position:relative}.site-header{height:8.2cqw;margin:0 1cqw;padding:0 1.15cqw;display:flex;align-items:center;justify-content:space-between;border-bottom:.7px solid var(--line);position:relative}.wordmark{font-family:var(--light);font-weight:100;font-size:2.92cqw;line-height:1}.site-header nav{display:flex;align-items:center;gap:3cqw;font-family:var(--light);font-size:1.94cqw;font-weight:100}.nav-link{padding:8px 0}.cv-link{display:flex;align-items:center;border:.6px solid var(--line);padding:.2cqw .7cqw;gap:.3cqw;line-height:1.4}.cv-link svg{width:1.6cqw;height:1.6cqw;stroke:currentColor;stroke-width:1.1}.measure:before,.measure:after{content:'';position:absolute;width:.7px;height:3cqw;background:var(--line);bottom:-1.5cqw;pointer-events:none}.measure:before{left:0}.measure:after{right:0}.hero-meta{position:absolute;right:3cqw;top:10.4cqw;font-family:var(--light);font-size:1.46cqw;font-weight:100;color:#4a4a4a}.hero-name{position:absolute;top:23.5cqw;left:1cqw;margin:0;font-family:var(--sans);font-size:7cqw;font-weight:300;line-height:1.2;letter-spacing:-.025em}.hero-motto{position:absolute;left:1cqw;top:35cqw;margin:0;font-family:var(--light);font-size:1.46cqw;font-weight:100;line-height:1.45;color:#444}.work-panel{position:relative;margin-top:3.3cqw;height:77.8cqw;isolation:isolate}.work-heading{position:absolute;left:2.2cqw;top:4.1cqw;margin:0;font-family:var(--light);font-weight:100;font-size:1.94cqw;line-height:1.5}.project-directory{position:absolute;top:5.5cqw;right:2.4cqw;width:44.2%;display:grid;gap:3.05cqw}.project-link{height:11.05cqw;padding:3cqw .6cqw 1.8cqw;border-radius:1.5cqw;background:linear-gradient(90deg,#f1f1f1 0%,var(--tint) 100%);position:relative;display:flex;flex-direction:column;justify-content:center;gap:.2cqw;transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s;overflow:hidden}.project-link:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#fff9,transparent 70%);opacity:0;transition:opacity .5s;pointer-events:none}.project-link:hover:after,.project-link:focus-visible:after{opacity:1}.project-link:hover,.project-link:focus-visible{transform:translateX(-.8cqw);box-shadow:0 10px 25px #00000008}.project-link-title{font-family:var(--serif);font-weight:300;font-size:2.43cqw;line-height:1.25;z-index:1}.project-link-sub{font-family:var(--light);font-size:1.56cqw;line-height:1.5;color:var(--gray);z-index:1}.project-link .kinetic{display:block}.cube-area{position:absolute;left:8.7cqw;top:16.6cqw;width:36.6cqw;height:45cqw}.cube-scene{position:absolute;inset:0 0 6cqw;perspective:1400px;touch-action:pan-y;cursor:grab;outline-offset:10px}.cube-scene.dragging{cursor:grabbing}.cube-scale{position:absolute;left:50%;top:50%;width:24cqw;height:24cqw;transform:translate(-50%,-50%);transform-style:preserve-3d}.cube{height:100%;width:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-25deg) rotateY(-35deg);will-change:transform}.cube-face{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2.6667cqw;transform-style:preserve-3d}.face-front{transform:translateZ(12cqw)}.face-back{transform:rotateY(180deg) translateZ(12cqw)}.face-right{transform:rotateY(90deg) translateZ(12cqw)}.face-left{transform:rotateY(-90deg) translateZ(12cqw)}.face-top{transform:rotateX(90deg) translateZ(12cqw)}.face-bottom{transform:rotateX(-90deg) translateZ(12cqw)}.cube-tile{position:relative;min-width:0;min-height:0;backface-visibility:visible;transform-style:preserve-3d}.cube-tile.photo{background:#dedddd;box-shadow:0 1px 3px #0002}.cube-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .65s,filter .65s;pointer-events:none}.cube-tile.glass{background:linear-gradient(135deg,#fff9,#d9d8df45 48%,#ffffff7a);border:.65px solid #ffffffb0;box-shadow:inset 0 0 25px #ffffff40,0 2px 10px #32303e0b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cube-tile.glass:after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.19' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.3;pointer-events:none}.cube-measure-x{position:absolute;bottom:0;left:0;width:100%;border-top:.7px solid var(--line);padding-top:.7cqw;text-align:center;font:1.3cqw 'Courier New',monospace;color:#666}.cube-measure-x:before,.cube-measure-x:after{top:-1.5cqw}.cube-measure-y{position:absolute;left:-5.5cqw;top:1.5cqw;height:36.6cqw;border-left:.7px solid var(--line);writing-mode:vertical-rl;font:1.3cqw 'Courier New',monospace;color:#666;display:flex;align-items:center;justify-content:center;padding-right:1cqw;transform:translateX(-100%)}.cube-measure-y:before,.cube-measure-y:after{width:3cqw;height:.7px;left:-1.5cqw;right:auto;bottom:auto}.cube-measure-y:before{top:0}.cube-measure-y:after{bottom:0}.about-panel{position:relative;height:48.9cqw;margin-top:3.3cqw;background:linear-gradient(180deg,#ebebeb 0%,#f4f4f4 48%,#fff 86%)}.about-lines{position:absolute;left:2.7cqw;top:2.6cqw;font-size:3.79cqw;line-height:1.6;letter-spacing:-.02em}.about-summary{position:absolute;left:49.5%;top:25.6cqw;right:1.8cqw;margin:0;font-size:2.43cqw;line-height:1.8;color:#5e5e5e;font-family:var(--light)}.about-link{position:absolute;bottom:5.3cqw;left:2.8cqw;font-family:var(--serif);font-size:2.43cqw;border-bottom:.5px solid #ddd;display:flex;align-items:center;gap:1cqw;line-height:1.6}.about-link svg{width:2cqw;height:2cqw;stroke:currentColor;stroke-width:.8;transition:transform .5s}.about-link:hover svg{transform:translate(4px,-4px)}footer{padding:3.4cqw 1cqw 4.5cqw}.contact-call{display:flex;justify-content:space-between;align-items:flex-start;padding:0 1.8cqw 11.3cqw 0;line-height:1.45}.contact-top{font-size:3.79cqw;letter-spacing:-.02em}.contact-bottom{font-size:7cqw;letter-spacing:-.025em}.contact-call>svg{width:11cqw;height:11cqw;stroke:currentColor;stroke-width:.6;margin-top:1cqw;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.contact-call:hover>svg{transform:translate(8px,-8px)}.footer-line{position:relative;border-top:.7px solid var(--line);display:flex;justify-content:space-between;gap:1cqw;padding:1.8cqw 2.4cqw 0;font-family:var(--light);font-weight:100;font-size:1.94cqw;line-height:1.5;color:#444}.footer-line:before,.footer-line:after{top:-1.5cqw}.footer-line>span{white-space:nowrap}.skip{position:fixed;z-index:100;left:20px;top:-60px;background:white;padding:12px}.skip:focus{top:10px}.motion-control{position:fixed;right:10px;bottom:12px;z-index:20;width:30px;height:30px;border:.7px solid #bbb;background:#ffffffb8;backdrop-filter:blur(8px);border-radius:50%;padding:6px;opacity:.6;transition:opacity .3s}.motion-control:hover,.motion-control:focus-visible{opacity:1}.motion-control svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1}.play-icon{display:none}.motion-paused .pause-icon{display:none}.motion-paused .play-icon{display:block}.kinetic{display:inline-block;transform-origin:left center;transition:transform .65s cubic-bezier(.22,1,.36,1),color .4s,letter-spacing .65s;position:relative}.kinetic:hover{transform:translateY(-2px);color:#5d5966}.hero-name .char{display:inline-block;transition:transform .65s cubic-bezier(.16,1,.3,1),color .4s}.hero-name .char:hover{transform:translateY(-.12em) rotate(-4deg);color:#918998}.hero-name:hover .kinetic{transform:none}.about-lines .kinetic:hover{transform:translateX(.45cqw);letter-spacing:.02em}.home .kinetic{animation:word-appear .85s both;animation-delay:calc(var(--order,0)*35ms)}.work-panel .kinetic{animation-delay:calc(var(--order,0)*8ms)}@keyframes word-appear{from{opacity:0;translate:0 12px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}.js .scroll-reveal{opacity:0;translate:0 24px;transition:opacity 1s,translate 1s cubic-bezier(.22,1,.36,1)}.js .scroll-reveal.in-view{opacity:1;translate:0 0}.project-header-panel{padding-bottom:6cqw}.project-intro{padding:4cqw 3cqw 0;position:relative}.back-link{font-size:2cqw;display:inline-block;transition:transform .3s}.back-link:hover{transform:translateX(-5px)}.project-intro h1{font-family:var(--serif);font-size:6.2cqw;font-weight:300;line-height:1.12;letter-spacing:-.035em;max-width:92%;margin:5cqw 0 4cqw}.project-taglines{display:grid;grid-template-columns:1.1fr 1fr;gap:7cqw;align-items:start;padding:3cqw 0 4cqw;border-top:.6px solid #a4a4a4}.project-taglines p{margin:0}.project-taglines [lang=en]{font-family:var(--serif);font-size:3cqw;line-height:1.22}.project-taglines [lang=zh-CN]{font-family:var(--light);font-size:2.1cqw;line-height:1.7;color:#5e5e5e}.project-description{display:grid;grid-template-columns:1.1fr 1fr;gap:7cqw;font-family:var(--light)}.project-description p{margin:0;font-size:1.65cqw;line-height:1.8;color:#4a4a4a}.project-description [lang=zh-CN]{line-height:2;font-size:1.6cqw}.waterfall{padding:5cqw 1cqw 4cqw;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:2cqw}.waterfall.masonry-ready{display:block}.gallery-item{margin:0;min-width:0;position:relative}.masonry-ready .gallery-item{position:absolute;left:0;top:0;width:var(--item-w);transform:translate3d(var(--x),var(--y),0)}.gallery-item button{display:block;width:100%;border:0;padding:0;background:transparent;position:relative;cursor:zoom-in;perspective:900px}.image-surface{display:block;overflow:hidden;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .7s;transform:translateZ(0);background:#eee}.image-surface img{display:block;width:100%;height:auto;transition:transform 1s cubic-bezier(.16,1,.3,1);will-change:auto}.image-open{position:absolute;right:10px;bottom:10px;width:30px;height:30px;background:#ffffffe0;border-radius:50%;display:grid;place-items:center;opacity:0;transform:translateY(8px);transition:.4s;font-size:20px}.gallery-item button:hover .image-open,.gallery-item button:focus-visible .image-open{opacity:1;transform:none}.gallery-item button:focus-visible .image-surface{outline:1px solid black;outline-offset:6px}.js .gallery-item .image-surface{opacity:0;translate:0 25px;transition:opacity .9s,translate 1s,transform .8s,filter .7s}.js .gallery-item.in-view .image-surface{opacity:1;translate:0 0}.project-vogue .gallery-item button:hover img{transform:scale(1.04)}.project-vogue .gallery-item .image-surface{clip-path:inset(0);transition:clip-path 1s,opacity .8s,translate 1s}.project-vogue .gallery-item:not(.in-view) .image-surface{clip-path:inset(12% 0 0)}.project-gaggenau .gallery-item button:hover .image-surface{transform:translateY(-7px);box-shadow:0 14px 26px #0002}.project-gaggenau .gallery-item button:hover img{transform:scale(1.025)}.project-alipay .gallery-item button:hover .image-surface{transform:rotate(var(--tilt,1.2deg)) scale(.98);border-radius:16px}.project-mm6 .gallery-item button:hover .image-surface{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(.98)}.project-resonant-forms .gallery-item button:hover img{transform:scale(1.035)}.project-resonant-forms .gallery-item:nth-child(3n+1) button:hover .image-surface{transform:translateY(-5px)}.project-pagination{border-top:.7px solid var(--line);margin:3cqw 1cqw 7cqw;padding-top:3cqw;display:flex;justify-content:space-between;gap:5cqw;font-family:var(--serif);font-size:2.6cqw}.project-pagination a{display:flex;gap:2cqw;align-items:center;max-width:47%}.project-pagination a:last-child{text-align:right}.project-pagination svg{flex:0 0 2cqw;width:2cqw;height:2cqw;stroke:currentColor;stroke-width:1}.project-pagination a:first-child svg{order:-1;transform:rotate(180deg)}.about-page{padding:8cqw 3cqw 5cqw;position:relative}.about-page h1{font-size:7cqw;line-height:1.1;font-weight:300;margin:0 0 6cqw}.about-page .about-lines{position:static}.about-page p{font-family:var(--light);font-size:2.4cqw;line-height:1.8;max-width:55%;margin:8cqw 0 6cqw auto;color:#5e5e5e}.about-page .about-link{position:static;display:inline-flex}.lightbox{border:0;background:#f5f5f5ed;backdrop-filter:blur(20px);width:96vw;height:94vh;max-width:96vw;max-height:94vh;padding:40px 60px;overflow:hidden}.lightbox::backdrop{background:#edededb8;backdrop-filter:blur(20px)}.lightbox>img{width:100%;height:100%;object-fit:contain;display:block}.lightbox button{position:absolute;background:#ffffffc9;border:.5px solid #aaa;display:grid;place-items:center;width:32px;height:32px;z-index:1}.lightbox-close{right:12px;top:12px;font-size:26px}.lightbox-prev,.lightbox-next{top:50%;font-size:22px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-count{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);font-family:var(--light);font-size:12px}.page-wipe{position:fixed;inset:0;z-index:100;pointer-events:none;background:#e4e3e6;transform:translateY(100%);transition:transform .45s cubic-bezier(.76,0,.24,1)}.leaving .page-wipe{transform:translateY(0)}
@media(min-width:1500px){.project-description p{font-size:20px}.project-description [lang=zh-CN]{font-size:20px}}
@media(max-width:700px){.site-wrap{width:94%;margin-top:20px}.cover-panel{height:65cqw}.site-header{height:16cqw;padding:0 2cqw}.wordmark{font-size:4.6cqw}.site-header nav{gap:3.5cqw;font-size:2.9cqw}.cv-link{padding:.6cqw 1.2cqw;gap:.5cqw}.cv-link svg{width:2.8cqw;height:2.8cqw}.hero-meta{top:20cqw;font-size:2.3cqw}.hero-name{font-size:10.8cqw;top:34cqw;left:2cqw}.hero-motto{font-size:2.5cqw;top:53cqw;left:2cqw}.work-panel{height:auto;min-height:220cqw;margin-top:5cqw;padding-bottom:5cqw}.work-heading{top:5cqw;left:3cqw;font-size:3cqw}.cube-area{top:24cqw;left:23cqw;width:56cqw;height:63cqw}.cube-scene{bottom:6cqw}.cube-scale{width:34cqw;height:34cqw}.cube-face{gap:3.7778cqw}.face-front{transform:translateZ(17cqw)}.face-back{transform:rotateY(180deg) translateZ(17cqw)}.face-right{transform:rotateY(90deg) translateZ(17cqw)}.face-left{transform:rotateY(-90deg) translateZ(17cqw)}.face-top{transform:rotateX(90deg) translateZ(17cqw)}.face-bottom{transform:rotateX(-90deg) translateZ(17cqw)}.cube-measure-x,.cube-measure-y{font-size:2.3cqw}.cube-measure-y{height:55cqw;left:-7cqw;top:0}.project-directory{position:relative;top:auto;right:auto;width:auto;margin:0 4cqw;padding-top:101cqw;gap:3.3cqw}.project-link{height:19.4cqw;border-radius:2.2cqw;padding:3cqw}.project-link-title{font-size:4.1cqw}.project-link-sub{font-size:2.8cqw;margin-top:.7cqw}.project-link:hover{transform:translateX(-1cqw)}.about-panel{height:76cqw;margin-top:5cqw}.about-lines{top:4cqw;left:3cqw;font-size:5.4cqw;line-height:1.65}.about-summary{top:40cqw;left:33cqw;right:3cqw;font-size:3.3cqw;line-height:1.8}.about-link{font-size:4cqw;bottom:4cqw;left:3cqw}.about-link svg{width:3.3cqw;height:3.3cqw}footer{padding-top:9cqw;padding-bottom:10cqw}.contact-top{font-size:4.8cqw}.contact-bottom{font-size:9.2cqw}.contact-call{padding-bottom:12cqw}.contact-call>svg{width:12cqw;height:12cqw}.footer-line{font-size:2.7cqw;display:grid;grid-template-columns:1.1fr 1fr;row-gap:4cqw;padding:4cqw 2cqw 0}.footer-line>*:nth-child(even){text-align:right}.project-intro{padding-top:5cqw}.back-link{font-size:5cqw}.project-intro h1{font-size:10cqw;line-height:1.16;margin:9cqw 0 8cqw;max-width:100%}.project-taglines,.project-description{grid-template-columns:1fr;gap:5cqw}.project-taglines{padding:6cqw 0 9cqw}.project-taglines [lang=en]{font-size:6.2cqw}.project-taglines [lang=zh-CN]{font-size:3.8cqw}.project-description p{font-size:3.6cqw;line-height:1.8}.project-description [lang=zh-CN]{font-size:3.5cqw;line-height:1.95}.project-header-panel{padding-bottom:10cqw}.waterfall{padding:7cqw 1cqw;grid-template-columns:1fr 1fr;gap:3cqw}.project-pagination{font-size:4cqw;padding-top:6cqw;margin-bottom:12cqw;gap:4cqw}.project-pagination svg{width:4cqw;height:4cqw;flex-basis:4cqw}.about-page{padding:10cqw 3cqw}.about-page h1{font-size:10cqw}.about-page p{max-width:100%;font-size:4cqw}.about-page .about-link{font-size:4cqw}.lightbox{padding:45px 35px}.lightbox button{width:28px;height:28px}.lightbox-prev{left:3px}.lightbox-next{right:3px}}
@media(max-width:480px){.waterfall{grid-template-columns:1fr}.project-pagination a{font-size:3.9cqw}.image-open{opacity:1;transform:none;width:26px;height:26px;font-size:17px}}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .scroll-reveal,.motion-paused .gallery-item .image-surface{opacity:1!important;translate:none!important;clip-path:none!important}.motion-paused .kinetic,.motion-paused .char{animation:none!important;opacity:1!important;filter:none!important;translate:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .scroll-reveal,.js .gallery-item .image-surface{opacity:1;translate:none;clip-path:none}.page-wipe{display:none}.kinetic:hover,.about-lines .kinetic:hover{transform:none;letter-spacing:inherit}}