.archive-host{pointer-events:auto;z-index:1;position:absolute;inset:0}.archive{--archive-black:#050505;--paper:#f0efe9;--page-grey:#c9c8c3;--hard-ink:#0a0a09;--graphite:#8a8a84;--silver:#aaa9a2;--rule-dark:#0a0a0930;background:var(--archive-black);color:var(--paper);isolation:isolate;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,sans-serif;position:absolute;inset:0;overflow:hidden}.archive:before,.archive:after{z-index:6;pointer-events:none;content:"";position:absolute;left:0;right:0}.archive:before{background:linear-gradient(#050505eb 0,#050505db 52px,#05050500);height:140px;top:0}.archive:after{background:linear-gradient(0deg,#050505f0 0,#050505db 66px,#05050500);height:165px;bottom:0}.archive.is-viewing:before,.archive.is-viewing:after{opacity:0}.sky{z-index:0;pointer-events:none;background:#050505;position:absolute;inset:0;overflow:hidden}.sky__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sky-veil{z-index:8;opacity:1;pointer-events:none;background:#050505;position:absolute;inset:0}.lens{z-index:6;pointer-events:none;background:radial-gradient(64% 56% at 50% 48%,#05050500 0%,#0505050d 48%,#05050533 72%,#05050552 88%,#05050559 100%);position:absolute;inset:0}.gate{z-index:14;cursor:pointer;outline:none;place-items:center;margin:0;padding:0;display:grid;position:absolute;inset:0}.gate:focus,.gate:focus-visible{outline:none}.gate img{pointer-events:none;width:auto;height:min(34vh,260px)}.archive.is-booting .gate,.archive.is-present .gate,.archive.is-entering .gate,.archive.is-live .gate{opacity:0;pointer-events:none;transition:opacity .4s}.archive.is-booting .world,.archive.is-intro .world{visibility:hidden}.stage{z-index:2;cursor:grab;perspective:1040px;perspective-origin:50%;touch-action:none;position:absolute;inset:0;overflow:hidden}.stage[data-dragging=true]{cursor:grabbing}.world{pointer-events:none;transform-style:preserve-3d;position:absolute;inset:0}.tile{appearance:none;cursor:pointer;pointer-events:auto;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, opacity;background:0 0;border:0;margin:0;padding:0;position:absolute;top:50%;left:50%}.tile:before{content:"";opacity:.14;pointer-events:none;background:radial-gradient(closest-side,#f2f0e957,#f2f0e91a 62%,#0000 82%);transition:opacity .36s cubic-bezier(.16,1,.3,1);position:absolute;inset:-14% -9%;transform:translateZ(-1px)}.tile:hover:before,.tile:focus-visible:before,.tile[data-project-spotlight=true]:before{opacity:.3}.tile__surface{backface-visibility:hidden;transform-origin:50%;will-change:transform;background:#050505;border-radius:8px;display:block;position:absolute;inset:0;overflow:hidden;transform:scale(.985)}.tile img{object-fit:cover;object-position:center;width:100%;height:100%;filter:grayscale(1) brightness(.75) contrast(1.08) blur(var(--perspective-blur,.7px));pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .36s cubic-bezier(.16,1,.3,1);display:block}.tile:hover img,.tile:focus-visible img,.tile[data-project-spotlight=true] img{filter:grayscale(0)brightness(.98)contrast(1.02)blur()}.tile__label{color:#fff;text-overflow:ellipsis;text-shadow:0 1px 9px #000000f2;white-space:nowrap;opacity:0;pointer-events:none;font-size:12px;line-height:1;transition:opacity .2s;position:absolute;bottom:9px;left:10px;right:10px;overflow:hidden}.tile:focus-visible{outline:0}.tile:focus-visible .tile__surface{box-shadow:0 0 0 3px var(--paper)}.focus-reticle{z-index:7;background:var(--paper);pointer-events:none;opacity:0;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #000000e6}.archive-header,.filter-dock,.instruction,.focus-readout,.depth,.tile__label{display:none}.archive-header,.filter-dock,.instruction,.focus-readout,.depth{z-index:8;position:absolute}.archive-header,.filter-dock{pointer-events:none}.archive-header{opacity:0;height:66px;top:0;left:0;right:0}.archive.is-live .identity,.archive.is-live .primary-nav,.archive.is-live .filter-dock{pointer-events:auto}.identity,.primary-nav button,.instruction,.focus-readout,.depth,.filters button{text-shadow:0 1px 9px #000000f2}.identity{color:var(--paper);align-items:flex-start;gap:16px;display:flex;position:absolute;top:17px;left:18px}.identity__name{letter-spacing:-.025em;margin:0;font-size:18px;font-weight:700;line-height:.76}.identity__name span{display:block}.identity__role{max-width:78px;color:var(--silver);font-size:12px;line-height:.92}.primary-nav{gap:18px;display:flex;position:absolute;top:17px;right:18px}.primary-nav button{min-height:28px;color:var(--silver);padding:0;font-size:13px;position:relative}.primary-nav button:after,.filters button:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .28s cubic-bezier(.16,1,.3,1);position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.primary-nav button:hover,.primary-nav button:focus-visible,.primary-nav button[aria-current=page]{color:var(--paper);outline:0}.primary-nav button:hover:after,.primary-nav button:focus-visible:after,.primary-nav button[aria-current=page]:after{transform:scaleX(1)}.filter-dock{opacity:0;bottom:15px;left:0;right:0}.filters{justify-content:center;gap:16px;display:flex}.filters button{min-height:30px;color:var(--graphite);padding:0;font-size:12px;position:relative}.filters button:after{bottom:1px}.filters button:hover,.filters button:focus-visible,.filters button[aria-pressed=true]{color:var(--paper);outline:0}.filters button[aria-pressed=true]:after,.filters button:focus-visible:after{transform:scaleX(1)}.filter-projects{overscroll-behavior:contain;scrollbar-width:none;border-left:1px solid #f0efe947;width:min(286px,28vw);max-height:calc(100svh - 128px);padding-left:18px;display:grid;position:absolute;bottom:43px;right:18px;overflow-y:auto}.filter-projects[hidden]{display:none}.filter-projects button{min-height:24px;color:var(--silver);text-align:left;text-shadow:0 1px 10px #000000f2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:0;font-size:11px;line-height:1;transition:color .22s,transform .32s cubic-bezier(.16,1,.3,1);display:grid}.filter-projects button span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter-projects button span:last-child{color:#62625e;font-variant-numeric:tabular-nums}.filter-projects button:hover,.filter-projects button:focus-visible{color:var(--paper);outline:0;transform:translate(-4px)}.instruction,.focus-readout,.depth{color:var(--silver);opacity:0;margin:0;font-size:12px;line-height:1;bottom:18px}.instruction{letter-spacing:.015em;left:18px}.focus-readout{max-width:32vw;color:var(--paper);text-overflow:ellipsis;white-space:nowrap;left:50%;overflow:hidden;transform:translate(-50%)translateY(-29px)}.depth{font-variant-numeric:tabular-nums;right:18px}.archive.is-entering .archive-header,.archive.is-live .archive-header,.archive.is-entering .filter-dock,.archive.is-live .filter-dock,.archive.is-entering .instruction,.archive.is-live .instruction,.archive.is-entering .focus-readout,.archive.is-live .focus-readout,.archive.is-entering .focus-reticle,.archive.is-live .focus-reticle,.archive.is-entering .depth,.archive.is-live .depth{opacity:1;transition:opacity .45s 1.15s}.loader{z-index:12;color:var(--paper);pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.archive.is-entering .loader,.archive.is-live .loader{pointer-events:none}.loader__name{letter-spacing:-.06em;white-space:nowrap;opacity:0;justify-content:space-between;align-items:baseline;width:calc(100vw - 36px);font:400 clamp(92px,18vw,280px)/.72 Songti SC,STSong,Iowan Old Style,Palatino,serif;transition:opacity .9s;display:flex}.loader__name span:first-child{transform:translateY(-7vh)}.loader__name span:last-child{transform:translateY(7vh)}.loader__boot{z-index:13;background:var(--archive-black);opacity:1;place-items:center;transition:opacity .42s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;inset:0}.archive.is-intro .loader__boot,.archive.is-present .loader__boot,.archive.is-entering .loader__boot,.archive.is-live .loader__boot{opacity:0;pointer-events:none}.boot-bar{background:#050505;width:min(300px,46vw);height:2px;display:block;overflow:hidden}.boot-bar__fill{transform-origin:0;background:#f0efe9;width:100%;height:100%;display:block;transform:scaleX(0)}.loader__role{letter-spacing:.02em;opacity:0;margin:0;font-size:13px;transition:opacity .6s .45s;position:absolute;bottom:46%;left:50%;transform:translate(-50%)}.loader__hint{letter-spacing:.14em;opacity:0;margin:0;font-size:12px;transition:opacity .6s .95s;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.archive.is-intro .loader__name,.archive.is-intro .loader__role{opacity:1}.archive.is-intro .loader__hint{opacity:.72}.archive.is-entering .loader__name,.archive.is-entering .loader__role,.archive.is-entering .loader__hint,.archive.is-live .loader__name,.archive.is-live .loader__role,.archive.is-live .loader__hint{opacity:0;transition:opacity .35s}.portal-image{z-index:20;object-fit:cover;object-position:center;pointer-events:none;display:block;position:fixed}.portal-image[hidden]{display:none}.view-shell{z-index:16;background:var(--page-grey);color:var(--hard-ink);position:absolute;inset:0;overflow:hidden auto}.view-nav{z-index:2;border-bottom:1px solid var(--rule-dark);background:var(--page-grey);grid-template-columns:auto auto 1fr;align-items:center;column-gap:22px;min-height:58px;padding:0 40px;display:grid;position:sticky;top:0}.view-back,.view-identity{color:var(--hard-ink);text-shadow:none;font-size:13px}.view-identity{letter-spacing:-.01em;font-weight:700}.view-back{align-items:center;gap:7px;display:inline-flex}.view-back__arrow{font-size:15px;transition:transform .26s cubic-bezier(.16,1,.3,1);display:inline-block}.view-back:hover .view-back__arrow{transform:translate(-4px)}.project-hero{flex-direction:column;min-height:calc(100% - 58px);padding:52px 40px 72px;display:flex}.project-hero__meta{color:#4d4d49;margin:0;font-size:14px}.project-hero__record{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:20px;margin-top:26px;display:grid}.project-hero__plate{margin:0}.project-hero__plate img{aspect-ratio:100/61;object-fit:cover;object-position:center;opacity:0;background:#ddd;width:100%;display:block}.view-shell.is-ready .project-hero__plate img{opacity:1}.project-hero__plate figcaption{color:#4d4d49;letter-spacing:.06em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:12px}.project-ledger{margin:0}.ledger-row{grid-template-columns:minmax(0,150px) minmax(0,1fr);align-items:baseline;gap:28px;padding:7px 0;font-size:17px;line-height:1.35;display:grid}.ledger-row:first-child{border-top:1px solid var(--rule-dark);padding-top:14px}.ledger-row:last-child{border-bottom:1px solid var(--rule-dark);padding-bottom:14px}.ledger-row dt,.ledger-row dd{margin:0}.ledger-row dt{color:#4d4d49}.project-hero h1{letter-spacing:-.04em;margin:auto 0 0;padding:.2em 0;font:400 clamp(92px,12vw,196px)/.86 Songti SC,STSong,Palatino,serif}.project-hero__premise{max-width:46ch;margin:28px 0 0 auto;font:400 clamp(20px,1.7vw,25px)/1.45 Songti SC,STSong,Palatino,serif}@media (width<=700px){.stage{perspective:740px}.gate img{height:min(28vh,180px)}.tile__surface{border-radius:6px}.archive-header{height:58px}.identity{gap:8px;top:14px;left:14px}.primary-nav{gap:12px;top:14px;right:14px}.primary-nav button{font-size:11px}.filters{scrollbar-width:none;justify-content:flex-start;gap:17px;padding:0 14px;overflow-x:auto}.instruction{font-size:11px;bottom:60px;left:14px}.focus-readout{text-align:right;max-width:44vw;font-size:11px;bottom:61px;left:auto;right:14px;transform:none}.depth{font-size:11px;top:42px;bottom:auto;right:14px}.loader__name{width:calc(100vw - 28px);font-size:28vw;display:grid}.loader__name span,.loader__name span:first-child,.loader__name span:last-child{transform:none}.loader__name span:last-child{justify-self:end}.project-hero,.view-nav{padding-left:14px;padding-right:14px}.project-hero__record{grid-template-columns:1fr}.project-hero h1{font-size:clamp(64px,18vw,96px)}.filter-projects{background:linear-gradient(90deg,#05050500,#050505ed 15%);border:0;width:min(270px,76vw);max-height:32svh;padding:8px 0 8px 14px;bottom:86px;right:14px}}@media (prefers-reduced-motion:reduce){.archive.is-live .archive-header,.archive.is-live .filter-dock,.archive.is-live .instruction,.archive.is-live .focus-readout,.archive.is-live .focus-reticle,.archive.is-live .depth,.view-shell.is-ready,.view-shell.is-ready .project-hero__plate img{transition-duration:.01ms;transition-delay:0s}}:root{--bg:#0c0b0a;--sand:#c4a574;--wall:#e8e2d8;--wall-deep:#d4cdc0;--stone:#1a1816;--stone-edge:#2e2a26;--artifact:#8a6b3f;--ink:#1a1816;--paper:#f3efe6;--muted:#f3efe68c;--accent:#9a7b4f;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Songti SC", serif;--font-ui:"Avenir Next", "PingFang SC", "Hiragino Sans GB", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--paper);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}.home-experience{background:var(--bg);width:100%;height:100%;position:relative;overflow:hidden}:is(html:has(.home-experience--archive),body:has(.home-experience--archive)){background:#050505}.webgl-wrap{z-index:2;position:absolute;inset:0}.webgl-canvas{width:100%;height:100%;display:block}.webgl-loading{letter-spacing:.12em;color:var(--muted);background:var(--bg);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.stage-layer--room{z-index:1}.stage{position:absolute;inset:0;overflow:hidden}.stage-layer{pointer-events:none;position:absolute;inset:0}.layer-img{pointer-events:none;-webkit-user-select:none;user-select:none;object-fit:cover;width:100%;height:100%;display:block}.stage-layer--gallery{z-index:1;overflow:hidden}.gallery-layer{will-change:transform;transform-origin:50% 80%;position:absolute;inset:0}.gallery-layer--back{z-index:1;transform-origin:50% 42%}.gallery-layer--back .layer-img{object-position:50% 35%}.gallery-layer--floor{z-index:2;transform-origin:50% 100%;height:52%;top:auto;bottom:0}.gallery-layer--floor .layer-img{object-position:50% 100%}.gallery-layer--foreground{z-index:4;transform-origin:50%;mix-blend-mode:multiply}.gallery-layer--foreground .layer-img{object-fit:cover;opacity:.92}.gallery-atmosphere{z-index:3;pointer-events:none;background:radial-gradient(45% 35% at 50% 55%,#ffebc81f,#0000 70%),linear-gradient(#00000047,#0000 28% 62%,#00000059);position:absolute;inset:0}.stage-layer--subject{z-index:10}.subject-stack{transform-origin:50% 92%;will-change:transform;position:absolute;inset:0}.stage-layer--pedestal{justify-content:center;align-items:flex-end;padding-bottom:9vh;display:flex}.layer-img--pedestal{object-fit:contain;filter:drop-shadow(0 32px 40px #0000009e);width:min(18vw,140px);height:auto}.stage-layer--artifact-shadow{justify-content:center;align-items:flex-end;padding-bottom:calc(9vh + 4px);display:flex}.layer-img--shadow{object-fit:contain;opacity:.8;width:min(30vw,200px);height:auto}.stage-layer--artifact{transform-origin:bottom;justify-content:center;align-items:flex-end;padding-bottom:calc(9vh + min(32vh,230px));display:flex}.layer-img--artifact{object-fit:contain;filter:drop-shadow(0 22px 34px #00000073);width:min(20vw,150px);height:auto}.stage-layer--artifact-light{mix-blend-mode:screen;pointer-events:none;justify-content:center;align-items:flex-end;padding-bottom:calc(9vh + min(32vh,230px));display:flex}.layer-img--artifact-light{object-fit:contain;width:min(20vw,150px);height:auto}.stage-layer--anchor{z-index:25;pointer-events:none}.anchor-line--pedestal-top{background:#ff7850bf;height:1px;position:absolute;top:calc(100% - 9vh - min(32vh,230px));left:8%;right:8%}.anchor-cross--artifact{border:1px solid #ff7850e6;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:calc(100% - 11vh - min(34vh,250px) - min(11vw,84px));left:50%}.anchor-box--hotspot{border:1px dashed #78c8ffd9;width:120px;height:56px;position:absolute;top:62%;left:72%;transform:translate(-10%,-50%)}.anchor-box--continue{border:1px dashed #a0ffa0bf;width:160px;height:48px;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.anchor-label{letter-spacing:.08em;color:#ffc8a0f2;background:#00000073;padding:2px 6px;font-size:10px;position:absolute}.anchor-label--artifact{top:calc(100% - 16vh - min(38vh,280px) - min(13vw,100px) - 28px);left:50%;transform:translate(-50%)}.anchor-label--hotspot{top:62%;left:72%;transform:translate(-10%,36px)}.demo-chrome__btn--active{background:#f3efe624;border-color:#f3efe6a6}.stage-layer--room{z-index:5;overflow:hidden}.room-layer{transform-origin:50% 55%;will-change:transform;position:absolute;inset:0}.room-back-fill{background:linear-gradient(#2a2620 0%,#3d342a 40%,#1e1a16 100%);position:absolute;inset:0}.room-doorway{background:linear-gradient(#5a4a38 0%,#1a1510 100%);border:1px solid #ffffff0f;width:18%;height:48%;position:absolute;top:22%;left:58%;box-shadow:inset 0 0 40px #00000080}.room-wall-panel{opacity:.85;background:linear-gradient(160deg,#d9d0c2,#c4b9a8);width:42%;height:58%;position:absolute;top:14%;left:8%;box-shadow:0 20px 60px #00000040}.furniture{background:#2c2620;position:absolute}.furniture.sofa{background:linear-gradient(#4a3f34,#2a221c);border-radius:2px 2px 0 0;width:36%;height:14%;bottom:22%;left:18%}.furniture.table{background:#1a1612;width:14%;height:3%;bottom:26%;left:42%}.furniture.sideblock{background:linear-gradient(160deg,#2a2622,#0e0c0a);width:5%;height:12%;bottom:28%;left:48%}.fg-plant{clip-path:polygon(40% 0,70% 20%,55% 100%,20% 100%,30% 30%);opacity:.9;background:linear-gradient(#3a4a32,#1a2018);width:12%;height:36%;position:absolute;bottom:8%;left:4%}.fg-edge{background:linear-gradient(#0000,#0000008c);height:12%;position:absolute;bottom:0;left:0;right:0}.room-layer--light{mix-blend-mode:screen;pointer-events:none;background:radial-gradient(50% 40% at 70% 30%,#ffdca038,#0000 70%),radial-gradient(40% 30% at 30% 20%,#ffffff14,#0000 60%)}.stage-layer--blackout{z-index:20;background:#000}.demo-chrome{z-index:40;pointer-events:none;align-items:center;gap:12px;padding:16px 20px;display:flex;position:absolute;top:0;left:0;right:0}.demo-chrome>*{pointer-events:auto}.demo-chrome__brand{font-family:var(--font-display);letter-spacing:.08em;flex:1;font-size:15px}.demo-chrome__meta{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.demo-chrome__pill{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid #f3efe633;padding:4px 8px;font-size:11px}.demo-chrome__btn{letter-spacing:.1em;border:1px solid #f3efe659;padding:6px 12px;font-size:12px;transition:background .2s,color .2s}.demo-chrome__btn:hover{background:var(--paper);color:var(--ink)}.scene-ui{z-index:30;pointer-events:none;position:absolute;inset:0}.scene-ui--03{z-index:36}.home-experience--archive .demo-chrome,.home-experience--archive .stage-layer--anchor{visibility:hidden}.scene-ui__actions{pointer-events:auto;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.scene-ui__actions--end{bottom:10%}.scene-ui__hint{letter-spacing:.08em;color:var(--muted);margin:0;font-size:12px}.scene-continue{pointer-events:auto;letter-spacing:.18em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0b0a59;border:1px solid #f3efe673;padding:12px 28px;font-size:13px;transition:background .25s,color .25s,opacity .25s}.scene-continue:hover:not(:disabled){background:var(--paper);color:var(--ink)}.scene-continue:disabled{opacity:.35;cursor:default}.scene-hotspot{pointer-events:auto;flex-direction:column;gap:4px;padding:8px 0 8px 14px;transition:opacity .3s;display:flex;position:absolute;transform:translate(-10%,-50%)}.scene-hotspot__rule{background:#f3efe68c;width:1px;position:absolute;top:0;bottom:0;left:0}.scene-hotspot__en{font-family:var(--font-display);letter-spacing:.22em;font-size:12px}.scene-hotspot__zh{letter-spacing:.12em;color:var(--muted);font-size:11px}.scene-hotspot:hover .scene-hotspot__en{color:var(--sand)}@media (width<=720px){.layer-img--pedestal{width:30vw}.layer-img--artifact,.layer-img--artifact-light{width:34vw}.demo-chrome{flex-wrap:wrap}.scene-hotspot{transform:translate(-20%,-50%)}}