*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f2ec;color:#262b28;font-family:"Segoe UI","Microsoft JhengHei",sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}header{max-width:1440px;margin:auto;padding:30px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8d8ce}.wordmark{text-decoration:none;font-family:serif;font-size:25px;letter-spacing:.15em}.wordmark span{display:block;font:9px/2 sans-serif;letter-spacing:.16em;margin-top:5px}.edition{font-size:11px;letter-spacing:.12em;text-align:right}.edition span{display:block;font-size:11px;color:#74796c;margin-top:8px}main{max-width:1440px;margin:auto}.intro{padding:75px 6% 58px;display:flex;justify-content:space-between;align-items:end}.eyebrow{font-size:10px;letter-spacing:.22em;color:#707a65;margin:0 0 23px}h1{font-family:"Microsoft JhengHei",serif;font-size:clamp(40px,5.4vw,75px);font-weight:400;line-height:1.24;letter-spacing:-.035em;margin:0 0 25px}.lede{font-size:14px;line-height:1.9;color:#677064;margin:0}.intro-note{padding:20px 0 10px 30px;border-left:1px solid #bfc5b7;margin-bottom:6px;width:280px}.intro-note>span{font-size:11px;color:#7c836e}.intro-note p{font-size:15px;line-height:1.9}.intro-note a{display:inline-flex;gap:45px;font-size:12px;padding-top:20px;text-decoration:none}.hero{position:relative;background:#d9d6ce;margin:0 3%;overflow:hidden}.hero>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.hero-caption{position:absolute;bottom:0;left:0;right:0;padding:22px 30px;display:flex;justify-content:space-between;background:linear-gradient(transparent,#d9d6ceaa);font-size:10px;letter-spacing:.1em}.explore,.details{padding:80px 6% 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head .eyebrow{margin-bottom:12px}h2{font-size:30px;font-weight:400;margin:0;letter-spacing:-.03em}.section-head>p{font-size:12px;color:#737b6c;margin:0}.viewer-shell{border:1px solid #d2d5ca;border-radius:8px;overflow:hidden;background:#edece5}.toolbar{padding:14px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d2d5ca;background:#faf9f5}.segmented{display:flex;background:#e7e9e0;border-radius:5px;padding:3px}.toolbar button{font-size:12px;border:0;background:transparent;color:#616b5a;padding:10px 16px;border-radius:4px}.segmented .active{background:#303c32;color:#fff}.view-buttons .active{background:#e1e6da;color:#2d3d2c}#viewport{height:650px;position:relative;overflow:hidden}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}.poster{width:100%;height:100%;object-fit:cover}#start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ffffff80;background:#303d33;color:#fff;padding:17px 25px;border-radius:4px;box-shadow:0 8px 35px #27352922;white-space:nowrap;font-size:14px}#start span{margin-left:30px}#status{position:absolute;bottom:20px;left:20px;font-size:11px;color:#65705e;max-width:80%}.view-stamp{position:absolute;left:24px;top:22px;font:24px Georgia,serif;color:#4b5547;pointer-events:none}.view-stamp span{display:block;font:8px sans-serif;letter-spacing:.2em;margin-top:7px}.viewer-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#faf9f5;font-size:12px;gap:10px}.viewer-footer label{display:flex;align-items:center;gap:7px}input{accent-color:#46583f}.viewer-footer>span{font-size:10px;color:#78816f}.viewer-footer button{border:0;background:transparent;font-size:12px;color:#4b5c40}.small-note{font-size:11px;line-height:1.8;color:#7d8376;margin-top:18px}.render-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}figure{margin:0}.render-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#ddd}.render-grid figcaption{padding:16px 0;display:flex;flex-direction:column;gap:7px;font-size:12px}.render-grid b{font-weight:500}.render-grid span{font-size:11px;color:#76806c}.reference{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:80px 6%;align-items:center}.reference p,.reference li{font-size:13px;line-height:1.95;color:#66725d}.reference ul{padding-left:18px}.reference a{display:block;text-decoration:none;background:#ece9e7;padding:14px}.reference img{width:100%;display:block}.reference a span{display:block;text-align:right;font-size:11px;padding:12px}.photo-row{padding:0 6% 75px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.photo-row img{width:100%;aspect-ratio:4/3;object-fit:cover}.photo-row figcaption{font-size:11px;color:#6d7763;padding-top:12px}footer{padding:40px 6%;border-top:1px solid #d8d8ce;display:flex;justify-content:space-between;max-width:1440px;margin:auto}footer strong{font:22px Georgia,serif}footer p{font-size:10px;line-height:1.9;color:#6e7765}@media(max-width:700px){header{padding:22px 6%}.wordmark{font-size:20px}.edition{font-size:9px}.intro{padding-top:45px;align-items:start;gap:20px}.intro-note{display:none}.hero{margin:0}.hero-caption{padding:14px;font-size:8px}.explore,.details{padding:48px 5% 0}.section-head{display:block}.section-head>p{margin-top:12px}h2{font-size:25px}.toolbar{flex-direction:column;padding:10px;gap:9px}.segmented button{flex:1}.view-buttons{display:flex;justify-content:space-between}.toolbar button{padding:10px 9px;font-size:11px}#viewport{height:440px}.viewer-footer{padding:14px 12px}.viewer-footer>span{display:none}.render-grid{grid-template-columns:1fr;gap:20px}.reference{grid-template-columns:1fr;gap:24px;padding:50px 5%}.photo-row{padding:0 5% 45px;gap:12px}footer{display:block;padding:30px 6%}footer>div+div{margin-top:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}