@font-face{font-family:LocalSans;src:local('Microsoft JhengHei')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:#151a17;color:#f4f2ed;font-family:LocalSans,'Microsoft JhengHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #e0bd92;outline-offset:6px}header{height:88px;padding:0 5%;position:absolute;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff25;background:linear-gradient(#15201955,transparent)}.brand{display:flex;align-items:center;gap:17px}.brand-mark{font-family:Georgia,serif;font-size:32px;letter-spacing:1px}.brand-zh{border-left:1px solid #ffffff65;padding-left:17px;font-size:20px;letter-spacing:5px}.brand-zh small{display:block;font-size:10px;letter-spacing:2px;margin-top:3px}nav{display:flex;gap:34px;font-size:14px;letter-spacing:1px}.nav-cta{font-size:14px;border-bottom:1px solid #c2aa8d;padding:12px 0;display:flex;gap:32px}.hero{height:100svh;min-height:650px;position:relative;isolation:isolate}.hero-image{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#101612dc 0%,#111a15a8 33%,#17241b22 77%),linear-gradient(0deg,#141b17c4,transparent 40%)}.hero-copy{padding:190px 0 100px 8%;}.eyebrow{font-family:Arial,sans-serif;font-size:12px;letter-spacing:3px;color:#d0b493;margin:0 0 28px}.hero h1{font-weight:400;font-size:clamp(44px,4.7vw,76px);letter-spacing:6px;line-height:1.35;margin:0 0 24px}.hero-desc{font-size:16px;line-height:1.9;color:#e0e1d9;font-weight:300}.text-link{display:inline-flex;gap:48px;padding:14px 0;border-bottom:1px solid #cfb491;margin-top:21px;font-size:15px}.hero-bottom{position:absolute;bottom:35px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#e0e0d8}.hero-bottom i{font-size:22px;font-style:normal;margin-left:16px}.core-story{height:310vh;background:radial-gradient(ellipse at 72% 47%,#41473d 0%,#242b24 36%,#151a17 68%)}.core-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden}.core-copy{position:absolute;left:8%;top:19%;width:35%;z-index:4}.chapter{font-size:12px;letter-spacing:2px;color:#aeb7a9;margin:35px 0 18px}h2{font-weight:400;font-size:clamp(32px,3.15vw,52px);letter-spacing:3px;line-height:1.4;margin:0 0 22px}.core-desc{font-size:15px;line-height:1.9;color:#b7beb4;min-height:68px}.step-buttons{display:flex;gap:17px;margin-top:42px;flex-wrap:wrap}.step-buttons button{background:none;border:0;padding:0 0 12px;color:#7f897c;font-size:13px;border-bottom:1px solid #66735d}.step-buttons button.active{color:#ead2ae;border-color:#ead2ae}.progress-line{height:2px;width:265px;background:#ffffff15;margin-top:22px}.progress-line span{display:block;height:100%;background:#bc9d77;width:0}.model-area{position:absolute;top:0;right:0;width:67%;height:100%;touch-action:pan-y}canvas{display:block;width:100%;height:100%}.model-fallback{display:none;width:70%;height:65%;object-fit:contain;margin:15% auto}.model-area.failed .model-fallback{display:block}.model-area.failed canvas{display:none}.layer-label{position:absolute;right:9%;font-size:12px;letter-spacing:2px;color:#e4d5bf;opacity:0;transition:opacity .3s}.layer-label:before{content:'';position:absolute;width:42px;height:1px;background:#a89170;left:-56px;top:9px}.label-top{top:27%}.label-core{top:49%}.label-base{top:71%}.model-note{position:absolute;bottom:28px;left:8%;font-size:12px;color:#9ba494;z-index:5;max-width:75%;line-height:1.6}.scroll-hint{position:absolute;bottom:34px;right:5%;font-size:10px;letter-spacing:2px;color:#aeb3a5}.scroll-hint span{display:block;text-align:right;font-size:24px;margin-top:10px}.skip{position:fixed;left:15px;top:-60px;background:#d5bd9a;color:#162117;padding:12px;z-index:99}.skip:focus{top:10px}
@media(min-width:1600px){.hero-copy{padding-top:24vh}}@media(max-width:800px){header{height:78px;padding:0 6%}.brand-mark{font-size:26px}.brand-zh{font-size:17px;letter-spacing:3px}.brand-zh small{font-size:9px}nav{display:none}.nav-cta{font-size:12px;gap:15px}.hero{min-height:670px}.hero-copy{padding:190px 7% 100px}.hero h1{font-size:44px;letter-spacing:4px}.hero-image{object-position:60%}.hero-shade{background:linear-gradient(90deg,#101612cb,#10161235),linear-gradient(0deg,#141b17cf,transparent)}.hero-bottom{left:7%;right:7%;font-size:11px;letter-spacing:1px}.hero-bottom span:first-child{display:none}.hero-bottom span:last-child{margin-left:auto}.core-sticky{min-height:720px}.core-story{height:290vh}.core-copy{top:8%;left:7%;width:86%}.core-copy .eyebrow{margin-bottom:18px}.chapter{margin:16px 0 12px}.core-copy h2{font-size:32px}.core-desc{font-size:14px}.model-area{width:110%;height:64%;top:31%;right:-12%}.step-buttons{margin-top:16px;gap:18px}.step-buttons button{font-size:12px}.progress-line{display:none}.model-note{left:7%;bottom:15px;width:80%;font-size:11px}.scroll-hint{display:none}.layer-label{font-size:11px;right:15%}.label-top{top:17%}.label-core{top:43%}.label-base{top:65%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}