.project-host{z-index:10000;visibility:hidden;pointer-events:none;background:#111214;position:fixed;inset:0}.project-host[data-active=true]{visibility:visible;pointer-events:auto}.project-host iframe{visibility:hidden;background:#111214;border:0;width:100%;height:100%;display:block}.project-host-status{--preparation-logo-height:clamp(112px, 18vmin, 156px);color:#f0f1fa;z-index:2;background:#111214;flex-direction:column;justify-content:center;align-items:center;gap:20px;font:15px/1.6 Arial,sans-serif;display:flex;position:absolute;inset:0}.project-host-status[hidden]{display:none}.project-host-status[data-completing=true]{pointer-events:none}.project-host-status[data-completing=true] .project-preparation-exit{pointer-events:auto}.project-preparation-mark{width:calc(var(--preparation-logo-height) * .727516);height:var(--preparation-logo-height);color:#626468;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-preparation-mark[hidden]{display:none}.project-preparation-mark span{display:block;position:absolute;inset:0}.project-preparation-mark svg{width:100%;height:100%;display:block}.project-preparation-empty{opacity:.66}.project-preparation-fill{clip-path:inset(100% 0 0);transition:clip-path .36s cubic-bezier(.2,.65,.3,1)}.project-preparation-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.project-host-status .project-preparation-exit{top:calc(50% + var(--preparation-logo-height) / 2 + 38px);color:#e7e9ee;-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#ffffff14 0%,#ffffff0b 50%,#ffffff06 78%,#ffffff15 100%);border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:48px;min-width:44px;height:48px;min-height:44px;padding:0;transition:background-color .16s,border-color .16s;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #ffffff35,inset 0 -1px 1px #ffffff12,0 2px 9px #00000030}.project-preparation-exit svg{width:22px;height:22px;display:block}.project-host-status .project-preparation-exit:hover{background-color:#ffffff0d;border-color:#ffffff3d}.project-host-status .project-preparation-exit:active{background-color:#ffffff16}.project-host-status a{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #67686a;border-radius:30px;padding:11px 22px}.project-host-status :focus-visible{outline-offset:4px;outline:2px solid #66d9ef}.project-host-status a[hidden]{display:none}.project-host[data-state=failed] .project-preparation-label{clip-path:none;white-space:normal;text-align:center;width:auto;max-width:440px;height:auto;margin:0;padding:0 24px;position:static;overflow:visible}.project-host[data-state=failed] .project-preparation-exit{flex:0 0 48px;position:static;transform:none}@media (height<=360px){.project-host-status{--preparation-logo-height:92px}.project-host-status .project-preparation-exit{top:calc(50% + var(--preparation-logo-height) / 2 + 18px)}}@media (prefers-reduced-motion:reduce){.project-preparation-fill,.project-host-status .project-preparation-exit{transition:none}}body[data-project-host]{overflow:hidden}html[data-home-runtime=paused] .scroll-track:after,html[data-home-runtime=paused] .title-letter,html[data-home-runtime=paused] .featured-intro{animation-play-state:paused}@font-face{font-family:Aeonik;src:url(../reference/lusion/fonts/Aeonik-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Aeonik;src:url(../reference/lusion/fonts/Aeonik-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--work-gap:2vw;--work-padding:max(5vw,40px);--work-radius:20px}main{position:relative}.featured-section{color:#000;min-height:110svh;padding:128px var(--work-padding) 150px;font-family:Aeonik,Arial,sans-serif;position:relative}.featured-heading{position:relative}.featured-title-wrap{letter-spacing:-.02em;width:fit-content;font-size:8vw}#featured-title{font:inherit;margin:0 0 0 -.07em;padding-top:.5em;font-weight:400;line-height:.9;overflow:hidden}.title-word{white-space:nowrap;display:inline-block}.title-letter{animation:1.15s cubic-bezier(.35,0,0,1) both heading-reveal;animation-delay:calc(var(--i) * 28ms);transform-origin:0 100%;display:inline-block}.featured-intro{width:calc((100% - 11 * var(--work-gap)) / 12 * 3 + 2 * var(--work-gap));text-transform:uppercase;margin:0;font-size:.9vw;line-height:1.4;animation:1s cubic-bezier(.35,0,0,1) .3s both intro-reveal;position:absolute;bottom:0;right:0}.project-list{column-gap:var(--work-gap);grid-template-columns:repeat(2,minmax(0,1fr));row-gap:80px;margin-top:8vh;display:grid}.project-item{outline-offset:8px;cursor:pointer;min-width:0;position:relative}a.project-item{color:inherit;text-decoration:none;display:block}body[data-project-navigation] #scroll-layer,body[data-project-navigation] .masthead,body[data-project-navigation] .hud,body[data-project-navigation] .page-progress{opacity:var(--project-navigation-opacity,1);pointer-events:none}body[data-project-navigation] #stage{transition:none}.project-item:focus-visible{border-radius:var(--work-radius);outline:2px solid #1a2ffb}.project-item-main{aspect-ratio:1/.65;border-radius:var(--work-radius);width:100%;position:relative;overflow:hidden}.project-fallback{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}body[data-ready=true] .project-fallback{visibility:hidden}.project-item-footer{width:100%;position:relative}.project-services{text-transform:uppercase;white-space:nowrap;min-height:1.15em;margin:1.5em 0 1em;font-size:.9vw;font-weight:400;line-height:1.15;overflow:hidden}.project-title{white-space:pre;height:1em;margin:0;font-size:3vw;font-weight:400;line-height:1;position:relative;left:-.06em;overflow:hidden}.project-title-inner{display:flex;position:relative;bottom:.06em}.project-letter{will-change:transform;flex-direction:column;flex-shrink:0;line-height:1;display:flex}.project-letter>span{height:1em}.project-arrow{will-change:transform;width:.8em;height:.8em;display:block;position:absolute;top:.1em;left:-1em}.project-arrow svg{width:100%;height:100%;display:block}.material-anchor{pointer-events:none;width:100%;height:0;position:absolute;left:0}#boundary-clear{top:40%}#boundary-frosted{top:80%}@keyframes heading-reveal{0%{transform:translateY(100%)rotate(15deg)}to{transform:translateY(0)rotate(0)}}@keyframes intro-reveal{0%{opacity:0;transform:translateY(70%)}to{opacity:1;transform:translateY(0)}}@media (aspect-ratio>=21/9){:root{--work-padding:max(6vw,60px)}.featured-title-wrap{font-size:5.3vw}.featured-intro{width:calc((100% - 11 * var(--work-gap)) / 12 * 2 + 2 * var(--work-gap));font-size:.6vw}.project-title{font-size:2vw}.project-services{font-size:.6vw}.project-list{row-gap:160px}}@media (width<=812px){:root{--work-gap:4vw;--work-padding:25px;--work-radius:10px}.featured-section{padding-top:100px;padding-bottom:120px}.featured-title-wrap{font-size:15vw}.featured-intro{width:100%;margin:3em 0;font-size:2.5vw;animation:none;position:relative}.project-list{grid-template-columns:minmax(0,1fr);row-gap:32px;margin-top:0}.project-services{font-size:2.5vw}.project-title{font-size:6.5vw}.title-letter{animation:none}.project-letter{will-change:auto}}@media (width<=480px){.featured-intro{font-size:3.5vw}}@media (prefers-reduced-motion:reduce){.title-letter,.featured-intro{animation:none}.project-letter{will-change:auto}}:root{color:#252b2b;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#252b2b;--muted:#758494;--rule:#e0e7ef;--accent:#fc7d30;background:#f0f1fa;font-family:Inter,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,summary,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #147ec3}::selection{background:#ffe0c2}.masthead{z-index:10;background:linear-gradient(#f0f1faf2,#f0f1fa00);justify-content:space-between;align-items:center;height:96px;padding:0 4.5vw;display:flex;position:fixed;inset:0 0 auto}.wordmark{letter-spacing:-1px;align-items:center;gap:15px;font-size:23px;font-weight:620;display:flex}.wordmark span{letter-spacing:2px;border-left:1px solid #c6cbc5;padding-left:15px;font-size:13px;font-weight:400}.edition,.live-status{letter-spacing:1.5px;font-size:10px}.edition{color:var(--muted)}.edition span{padding:0 12px}.live-status{justify-content:flex-end;align-items:center;gap:9px;min-width:106px;display:flex}.live-status i,.material-readout i{background:#ee8651;border-radius:50%;width:5px;height:5px}.live-status.ready i{background:#438fd0}#stage{z-index:3;pointer-events:none;opacity:0;transition:opacity .9s;position:fixed;inset:0}body[data-ready=true] #stage{opacity:1}#scene{width:100%;height:100%;display:block}.page-progress{z-index:15;background:#dbded580;width:2px;position:fixed;top:0;bottom:0;right:0}.page-progress span{transform-origin:top;background:#ed9667;height:100%;display:block;transform:scaleY(0)}.hud{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:24px;left:4.5vw;right:4.5vw}.hud>*{pointer-events:auto}.scroll-indicator{letter-spacing:1px;color:#6c796f;align-items:center;gap:12px;font:9px ui-monospace,monospace;display:flex}.scroll-track{background:#c7cfc3;width:1px;height:22px;position:relative}.scroll-track:after{content:"";background:#758773;width:1px;height:7px;animation:2s infinite scroll-hint;position:absolute}.material-readout{letter-spacing:1.2px;color:#68736d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfcfecc;border:1px solid #d0d7cc;border-radius:30px;align-items:center;gap:8px;padding:10px 15px;font:9px ui-monospace,monospace;display:flex}.controls{position:relative}.controls summary{background:#fbfcfef5;border:1px solid #cbd2c5;border-radius:24px;align-items:center;gap:10px;padding:11px 16px;font-size:11px;list-style:none;display:flex;box-shadow:0 3px 20px #333c3210}.controls summary::-webkit-details-marker{display:none}.control-icon{font-size:17px;line-height:14px}.plus{color:#788174;margin-left:8px}.controls[open] .plus{transform:rotate(45deg)}.control-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff5;border:1px solid #d3dbce;border-radius:18px;width:280px;padding:22px;position:absolute;bottom:55px;right:0;box-shadow:0 15px 65px #34453314}.panel-heading{letter-spacing:1.5px;color:#788474;justify-content:space-between;align-items:center;margin-bottom:20px;font:9px ui-monospace,monospace;display:flex}.panel-heading button{letter-spacing:0;color:#768570;background:0 0;border:0;padding:4px;font-size:11px}fieldset{border:0;margin:0 0 16px;padding:0}legend{color:#5c665a;padding:0 0 9px;font-size:11px}.segmented{background:#edf2f8;border-radius:9px;gap:2px;padding:3px;display:flex}.segmented label{cursor:pointer;flex:1;position:relative}.segmented input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.segmented span{text-align:center;color:#768171;border-radius:7px;padding:8px 4px;font-size:11px;display:block}.segmented input:checked+span{color:#333f2f;background:#fff;box-shadow:0 1px 5px #2935230f}.segmented input:focus-visible+span{outline:2px solid #147ec3}.switch-row{color:#5d6858;justify-content:space-between;align-items:center;margin:13px 0;font-size:11px;display:flex}.switch-row input{appearance:none;cursor:pointer;background:#cdd4c8;border-radius:20px;width:29px;height:17px;margin:0;transition:background .2s;position:relative}.switch-row input:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .2s;display:block;position:absolute;top:3px;left:3px}.switch-row input:checked{background:#4f9bd4}.switch-row input:checked:after{transform:translate(12px)}.range-row{color:#5d6858;justify-content:space-between;margin-top:18px;font-size:11px;display:flex}input[type=range]{accent-color:#4f9bd4;width:100%;height:3px;margin:15px 0}.control-note{color:#969e90;margin:10px 0;font-size:10px;line-height:1.7}.diagnostics{color:#8b9985;border-top:1px solid #dce2d7;padding-top:12px;font:9px/1.8 ui-monospace,monospace;display:block}#error-message{z-index:30;background:#fff8f2;border:1px solid #dca77c;border-radius:16px;max-width:440px;padding:25px;font-size:14px;line-height:1.8;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#error-message[hidden]{display:none}body[data-failed=true] .live-status i{background:#c34337}@keyframes scroll-hint{0%{opacity:0;top:0}25%{opacity:1}to{opacity:0;top:15px}}@media (width<=760px){.masthead{height:72px;padding:0 6vw}.wordmark{gap:10px;font-size:19px}.wordmark span{padding-left:10px;font-size:11px}.edition{display:none}.live-status{letter-spacing:1px;font-size:8px}.hud{bottom:17px;left:6vw;right:6vw}.scroll-indicator{display:none}.material-readout{padding:10px 12px;font-size:8px}.controls summary{padding:10px 13px;font-size:10px}.control-panel{width:268px;bottom:50px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-track:after{animation:none}#stage{transition:none}}#scroll-space{pointer-events:none;overflow-anchor:none;display:none}body[data-scroll-sync=true] #scroll-space{display:block}body[data-scroll-sync=true] #scroll-layer{z-index:1;overflow-anchor:none;position:fixed;inset:0;overflow:clip}body[data-scroll-sync=true] #top{will-change:transform}#water-background{z-index:0;pointer-events:none;visibility:hidden;width:100%;height:100%;position:fixed;inset:0}.controls[hidden]{display:none}.hud .scroll-indicator{pointer-events:none;opacity:calc(1 - var(--logo-bottom-blend,0))}.hud .controls{margin-left:auto}.masthead{--brand-size:clamp(32px, 2vw, 48px);--header-padding-y:clamp(30px, 4vw, 50px);height:auto;min-height:calc(var(--header-padding-y) * 2 + var(--brand-size));padding:var(--header-padding-y) var(--work-padding);background:0 0;gap:24px}.masthead:before{content:"";z-index:-1;pointer-events:none;opacity:var(--header-scrim,0);background:linear-gradient(#f0f1fa 0%,#f0f1faf5 65%,#f0f1fa00 100%);position:absolute;inset:0 0 -20px}.wordmark{height:1em;font-family:Aeonik,Helvetica Neue,Arial,sans-serif;font-size:var(--brand-size);letter-spacing:-.025em;color:#08090a;flex-shrink:0;gap:0;padding-right:1.745em;font-weight:500;line-height:1;display:inline-flex;position:relative}.wordmark span{font:inherit;letter-spacing:inherit;border:0;padding:0}.wordmark .logo-dock{pointer-events:none;width:1.095em;height:1.5em;position:absolute;top:50%;left:0;transform:translateY(-50%)}.wordmark .wordmark-copy{white-space:nowrap;align-items:center;display:inline-flex}.wordmark .brand-en,.wordmark .brand-cn{display:inline-flex}.wordmark .brand-divider{text-align:center;width:.72em;font-size:.82em;font-weight:400;display:inline-block}.wordmark .brand-cn{letter-spacing:.01em;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:.79em;font-weight:600}.wordmark .brand-letter{transform:translate3d(calc(var(--brand-size) * 1.745), 0, 0);will-change:transform;display:inline-block}@media (width<=1100px){.edition{display:none}}@media (width<=812px){.masthead{--brand-size:27px;--header-padding-y:25px}}@media (width<=540px){.masthead .live-status{display:none}}@media (width<=400px){.masthead{--brand-size:25px;--header-padding-y:22px}}@media (prefers-reduced-motion:reduce){.wordmark .brand-letter{will-change:auto}}.logo-bottom-dock{left:var(--work-padding);bottom:calc(24px + env(safe-area-inset-bottom,0px));width:1.095em;height:1.5em;font-size:var(--brand-size);visibility:hidden;pointer-events:none;position:fixed}
