@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#392f27;background:#ece6db;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid #945936;outline-offset:5px}button:disabled{cursor:wait;opacity:.45}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}header{position:fixed;z-index:4;top:0;left:0;right:0;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;pointer-events:none}.brand{display:flex;gap:15px;align-items:center}.monogram{font-family:Georgia,serif;font-size:34px;border:1px solid #675443;width:45px;height:45px;display:grid;place-items:center}.brand strong{display:block;font-size:16px;font-weight:500;letter-spacing:3px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:7px}.header-right{font-size:12px;letter-spacing:2px;display:flex;gap:24px;align-items:center}#back{pointer-events:auto;border:1px solid #b3a48e;background:#f0eaded9;border-radius:30px;padding:11px 20px;font-size:14px}.intro{position:fixed;z-index:2;left:7%;top:26%;width:300px;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:3px;color:#8c6950;margin:0 0 24px}.intro h1{font-family:"Noto Serif SC",serif;font-weight:400;font-size:clamp(42px,4.1vw,66px);line-height:1.35;letter-spacing:5px;margin:0 0 24px}.intro p{font-size:14px;line-height:2;color:#807565;max-width:245px}.intro .rule{width:34px;height:1px;background:#9c8064;margin:28px 0}.open-work{pointer-events:auto;border:0;background:none;border-bottom:1px solid #9c8064;padding:12px 0;display:flex;justify-content:space-between;width:225px;font-size:14px}.open-work span{font-size:23px;line-height:16px}.catalog-index{position:fixed;right:5%;top:135px;font-family:Georgia,serif;font-style:italic;font-size:15px;color:#8b7863}.project-label{position:fixed;bottom:16%;left:58%;text-align:center;transform:translate(-50%);pointer-events:none}.project-label h2{font-family:"Noto Serif SC",serif;font-size:21px;font-weight:500;letter-spacing:6px;margin:0 0 10px}.project-label p{font-size:11px;letter-spacing:2px;color:#877360}.bottom{position:fixed;bottom:27px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #a18d7138;padding-top:19px;font-size:11px;letter-spacing:1.7px;color:#887967;pointer-events:none}.bottom .hint{font-size:12px;letter-spacing:1px}.detail{position:fixed;left:7%;top:27%;width:300px;z-index:3}.detail h1{font-family:"Noto Serif SC",serif;font-size:48px;font-weight:400;letter-spacing:6px;margin:16px 0}.detail .desc{font-size:15px;line-height:2;color:#7c6a58;margin:25px 0 32px}.primary{background:#795339;color:#fff6e9;border:0;padding:16px 24px;min-width:185px;display:flex;justify-content:space-between;gap:30px;border-radius:2px}.detail .meta{font-size:12px;color:#8a7764;letter-spacing:1px}.tour-panel{position:fixed;bottom:15%;left:5%;width:340px;z-index:3;padding:27px 28px;background:#f6f0e5ed;border:1px solid #d3c7b4;box-shadow:0 14px 50px #2d1e0e09;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tour-panel .eyebrow{margin-bottom:15px}.tour-panel h2{font-family:"Noto Serif SC",serif;font-size:27px;font-weight:500;line-height:1.5;margin:0 0 18px}.tour-panel .copy{font-size:14px;line-height:1.95;color:#766755;margin:0}.tour-panel .tag{font-size:11px;letter-spacing:2px;color:#9b7453;border-top:1px solid #d6c9b8;margin-top:22px;padding-top:16px}.chapter-nav{position:fixed;right:4.5%;top:38%;display:flex;flex-direction:column;gap:22px;z-index:4}.chapter-nav button{border:0;background:#f5efe3e0;display:flex;align-items:center;gap:14px;padding:8px 12px;border-radius:20px;font-size:12px;color:#9c8b75}.chapter-nav button.active{color:#53351f}.chapter-nav i{display:block;width:7px;height:7px;background:#c4b69e;border-radius:50%}.chapter-nav .active i{background:#89572e;box-shadow:0 0 0 4px #89572e20}.progress{position:fixed;bottom:0;left:0;height:3px;background:#90623d;z-index:5;transform-origin:left;width:100%;transform:scaleX(0)}#scroll-track{display:none;height:700vh;pointer-events:none}.loading{position:fixed;z-index:10;inset:0;background:#ece6db;display:grid;place-content:center;text-align:center;transition:opacity .6s}.loading p{font-size:13px;letter-spacing:3px}.loader{width:34px;height:34px;border:1px solid #cdbda6;border-top-color:#785333;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}body[data-mode=tour] #scroll-track{display:block}body[data-mode=tour] #scene{touch-action:pan-y}body:not([data-mode=tour]){overflow:hidden}.mode-fade{transition:opacity .3s}.loading.done{opacity:0;pointer-events:none}.status-note{position:fixed;left:50%;top:105px;transform:translate(-50%);font-size:12px;letter-spacing:2px;color:#8d765f;pointer-events:none}@media(max-width:760px){header{height:78px;padding:0 22px}.header-right>span{display:none}.brand strong{font-size:14px}.brand small{font-size:8px}.monogram{width:36px;height:36px;font-size:27px}.intro{left:7%;top:15%;width:80%}.intro h1{font-size:35px;line-height:1.25;margin-bottom:12px}.intro p,.intro .rule{display:none}.eyebrow{margin-bottom:13px}.open-work{width:200px;font-size:13px;padding:9px 0}.catalog-index{top:100px;font-size:12px}.project-label{left:50%;bottom:16%}.bottom{left:22px;right:22px;font-size:9px;letter-spacing:0}.bottom .hint{font-size:10px;max-width:190px;text-align:right}.detail{left:7%;top:14%;width:85%}.detail h1{font-size:32px;margin:12px 0}.detail .desc{font-size:13px;line-height:1.7;max-width:300px;margin:12px 0}.primary{padding:12px 18px;font-size:13px}.tour-panel{left:20px;right:20px;bottom:85px;width:auto;padding:18px 20px}.tour-panel h2{font-size:22px;margin-bottom:10px}.tour-panel .copy{font-size:13px;line-height:1.7}.tour-panel .tag{display:none}.tour-panel .eyebrow{margin-bottom:8px}.chapter-nav{top:95px;left:20px;right:20px;flex-direction:row;justify-content:center;gap:5px}.chapter-nav button{font-size:10px;padding:7px;gap:5px}.status-note{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loader{animation:none}}body[data-mode=tour] header{background:linear-gradient(#ece6dbf0,#ece6db00)}body[data-mode=tour] .bottom{background:#ece6dbd9;padding:14px 0;bottom:0}body[data-mode=tour] .tour-panel h2{font-size:25px}@media(max-width:760px){.brand{flex-shrink:0;gap:10px}.brand small{letter-spacing:1px;white-space:nowrap}#back{font-size:12px;white-space:nowrap;padding:10px 12px}.header-right{gap:0}body[data-mode=tour] .tour-panel h2{font-size:22px}}.reset-view{position:fixed;z-index:5;right:4.5%;bottom:87px;padding:12px 20px;border:1px solid #b3a48e;border-radius:28px;background:#f0eadedc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;pointer-events:auto}.reset-view:disabled{cursor:default;opacity:.45}@media(max-width:760px){.reset-view{right:22px;bottom:72px;font-size:12px;padding:10px 15px}}