@font-face{font-family:Roobert;src:url(/fonts/Roobert-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Roobert;src:url(/fonts/Roobert-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:block}@font-face{font-family:Roobert;src:url(/fonts/Roobert-Bold.woff2)format("woff2");font-weight:800;font-style:normal;font-display:block}@font-face{font-family:Noto Sans CJK JP;src:url(/fonts/NotoSansCJKjp-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Noto Sans SC;src:url(/fonts/NotoSansSC-Showcase.woff?v=20261018-face)format("woff");font-weight:400;font-style:normal;font-display:block}:root{color:#fff;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--edge:3.9vw;background:#000;font-family:Roobert,Noto Sans SC,Noto Sans CJK JP,Helvetica,Roboto,Arial,sans-serif}*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{width:0;display:none}body::-webkit-scrollbar{width:0;display:none}body{margin:0;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:8px;outline:2px solid #fff}h1,h2,p{margin:0;font-weight:400}::selection{color:#000;background:#fff}.skip-link{z-index:100;color:#000;background:#fff;padding:12px 20px;position:fixed;top:12px;left:50%;transform:translate(-50%,-200%)}.skip-link:focus{transform:translate(-50%)}.site-header{z-index:10;padding:30px var(--edge);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.site-header>*{pointer-events:auto}.home-button{align-items:center;width:47px;height:38px;display:flex}.home-button span{border:1px solid #fff;border-radius:50%;width:28px;height:28px;transition:transform .6s}.home-button span+span{margin-left:-12px}.home-button:hover span:first-child{transform:translate(-3px)}.home-button:hover span+span{transform:translate(3px)}.project-nav{align-items:center;gap:32px;display:flex}.project-nav a{text-transform:uppercase;align-items:center;gap:8px;padding:8px 0;font-size:max(.677083vw,12px);font-weight:800;display:flex;position:relative}.nav-number{align-self:flex-start;margin-top:1px;font-size:11px;font-weight:400}.project-nav a:after{content:"";transform-origin:100%;background:#fff;height:1px;transition:transform .5s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.project-nav a:hover:after,.project-nav a.active:after{transform-origin:0;transform:scaleX(1)}.c-PixiApp-canvas{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.c-PixiIntro-gradient{visibility:hidden;pointer-events:none;z-index:-1;height:100vh;inset:0;width:100%!important;position:fixed!important}.c-PixiIntro{width:100%;position:relative;overflow:hidden}.hero-title{letter-spacing:normal;visibility:hidden;white-space:nowrap;font-size:max(5.98958vw,47px);line-height:1.4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-title span{display:block}.hero-title span:nth-child(2){margin-left:11vw}.hero-title span:nth-child(3){margin-left:6.5vw}.hero-foot{left:var(--edge);right:var(--edge);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:35px}.explore-link{align-items:center;gap:30px;font-size:16px;display:flex}.long-arrow{font-size:38px;line-height:1;transition:transform .5s}.explore-link:hover .long-arrow{transform:translateY(7px)}.hero-count{align-items:center;gap:18px;font-size:14px;display:flex}.hero-count i{background:#fff;width:90px;height:1px;display:block}.project-sequence{position:relative}.project-stop{pointer-events:none;position:relative}.project-sticky{pointer-events:none;will-change:transform;align-items:center;width:100%;display:flex;position:absolute;top:0;left:0}.project-preview{pointer-events:auto;aspect-ratio:1.6;flex:none;width:48.8633%;margin-left:26.95%;display:block;position:relative}.project-canvas-placeholder{width:100%;height:100%;position:relative}.project-copy{pointer-events:none;width:33.9%;position:absolute;top:50%;left:15.5575%;transform:translateY(-50%)}.project-index{margin-bottom:15px;font-size:max(.677083vw,12px);line-height:1.23;display:block}.project-index>span{margin-left:4px}.project-titles{height:max(5.625vw,57.6px);position:relative}.project-titles h2{letter-spacing:normal;opacity:0;visibility:hidden;font-family:Roobert,Noto Sans SC,Noto Sans CJK JP,Helvetica,Roboto,Arial,sans-serif;font-size:max(2.34375vw,24px);line-height:1.2;transition:transform .8s cubic-bezier(.165,.84,.44,1),opacity .4s,visibility .4s;position:absolute;inset:0;transform:translateY(40px)}.project-titles h2 span{white-space:nowrap;display:block}.project-titles h2.active{opacity:1;visibility:visible;transform:translateZ(0)}.project-titles h2.previous{transform:translateY(-40px)}.project-enter{pointer-events:auto;border:1px solid #fff;border-radius:42px;align-items:center;gap:12px;padding:14px 14px 13px 24px;font-size:max(.677083vw,12px);transition:color .6s cubic-bezier(.165,.84,.44,1);display:inline-flex;position:absolute;bottom:8vh;left:50%;overflow:hidden;transform:translate(-50%)}.project-enter:before{content:"";background:#fff;border-radius:50%;width:60px;height:60px;transition:transform .6s cubic-bezier(.165,.84,.44,1);position:absolute;top:50%;left:50%;transform:translate(-150%,50%)}.project-enter>span{position:relative}.project-enter:hover{color:#000}.project-enter:hover:before{transform:translate(-50%,-50%)scale(4)}.enter-arrow{font-size:20px;line-height:12px}.project-ruler{pointer-events:auto;flex-direction:column;justify-content:space-between;height:min(58.7vh,587px);display:flex;position:absolute;top:50%;left:11.6719%;transform:translateY(-50%)}.project-ruler button{justify-content:flex-end;align-items:center;gap:9px;width:23px;height:1px;font-size:12px;display:flex;position:relative;overflow:visible}.project-ruler button:after{content:"";position:absolute;inset:-12px -10px}.project-ruler button span{opacity:0;transition:opacity .4s;position:absolute;right:35px}.project-ruler button i{background:#fff;width:6px;height:1px;display:block}.project-ruler button.active:before{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:5px solid #fff;position:absolute;left:0}.project-ruler button.active span,.project-ruler button:hover span{opacity:1}.project-ruler:before{content:"";background:repeating-linear-gradient(#0000 0 15px,#fff 15px 16px);width:2px;position:absolute;top:0;bottom:0;right:4px}.project-bottom{bottom:35px;right:var(--edge);pointer-events:auto;position:absolute}.next-project{align-items:center;gap:20px;font-size:14px;display:flex}.next-project span{font-size:27px;transition:transform .5s}.next-project:hover span{transform:translateY(4px)}.visit-transition{z-index:50;pointer-events:none;opacity:0;visibility:hidden;background:#000;justify-content:center;align-items:center;transition:opacity .55s,visibility .55s;display:flex;position:fixed;inset:0}.visit-transition img{object-fit:contain;opacity:.45;width:70vw;max-height:80vh;transition:transform .8s cubic-bezier(.16,1,.3,1);position:absolute;transform:scale(.9)}.visit-transition>span{font-size:max(3.125vw,25px);position:relative}.visit-transition.active{opacity:1;visibility:visible;pointer-events:auto}.visit-transition.active img{transform:scale(1.05)}.is-touch .c-PixiApp-canvas{display:none}.is-touch .c-PixiIntro-gradient,.is-touch .hero-title{visibility:visible}.is-touch .project-sequence{padding:8vh var(--edge) 0}.is-touch .project-stop{pointer-events:auto;min-height:75svh;padding:50px 0 70px}.mobile-project-heading{align-items:baseline;gap:20px;margin-bottom:28px;display:flex}.mobile-project-heading>span{font-size:13px}.mobile-project-heading h2{font-size:clamp(24px,5vw,37.5px);line-height:1.2}.mobile-card{width:100%;display:block;overflow:hidden}.mobile-card img{width:100%;height:auto;display:block}.mobile-enter{justify-content:space-between;align-items:center;padding:22px 0;font-size:15px;display:flex}.mobile-enter span{font-size:27px}.mobile-back{width:calc(100% - var(--edge) * 2);margin:0 var(--edge);justify-content:space-between;align-items:center;padding:0 0 35px;font-size:16px;display:flex}.mobile-back span{font-size:30px}@media (height<=670px) and (width>=768px){.site-header{padding-top:20px}.project-preview{width:min(48.8633%,112vh)}.project-enter{bottom:5vh}}@media (width<=767px){:root{--edge:3.65vw}.site-header{padding:20px var(--edge);align-items:flex-start}.home-button{width:33px;height:30px}.home-button span{flex-shrink:0;width:22px;height:22px}.project-nav{gap:18px;padding-top:1px}.project-nav a{white-space:nowrap;gap:0;font-size:12px}.nav-number{display:none}.hero-title{font-size:12.5333vw;line-height:1.4}.hero-title span:nth-child(2){margin-left:18vw}.hero-title span:nth-child(3){margin-left:10.416vw}.hero-foot{bottom:30px}.explore-link{gap:22px;font-size:15px}.hero-count{gap:12px;font-size:13px}.hero-count i{width:45px}.visit-transition img{width:94vw}.mobile-project-heading{gap:15px}.is-touch .project-stop{min-height:65svh;padding:28px 0 40px;scroll-margin-top:100px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.is-touch #app{isolation:isolate}.site-header{gap:32px}.project-nav{gap:clamp(16px,2vw,32px);margin-left:auto}.language-switch{flex-shrink:0;align-items:center;gap:10px;font-size:12px;line-height:1.4;display:flex}.language-switch button{white-space:nowrap;padding:8px 0;position:relative}.language-switch button:after{content:"";background:currentColor;height:1px;transition:transform .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.language-switch button.active:after,.language-switch button:hover:after{transform:scaleX(1)}html[lang=en] .project-titles{height:max(6.48vw,79.2px)}html[lang=en] .project-titles h2{font-size:max(1.8vw,22px)}@media (width<=1100px) and (width>=768px){.site-header{gap:22px}.project-nav{gap:15px}.nav-number{display:none}}@media (width<=767px){.site-header{grid-template-columns:1fr auto;gap:14px 16px;display:grid}.home-button{grid-area:1/1}.language-switch{grid-area:1/2;justify-self:end;font-size:12px}.project-nav{grid-area:2/1/auto/-1;justify-content:space-between;gap:10px;margin:0;padding:0}.project-nav a{padding:5px 0;font-size:11px}html[lang=zh-CN] .hero-title{font-size:12vw}}@media (width<=480px){.project-nav{grid-template-columns:repeat(4,max-content);row-gap:3px;display:grid}}