.cmf-lab{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;margin:8vh 0}.cmf-lab figure{margin:0}.cmf-lab figure img{width:100%;display:block}.cmf-lab figcaption{font-size:9px;letter-spacing:.15em;margin-top:12px}.material-swatches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.material-swatches button{background:transparent;border:1px solid var(--line);padding:0 0 15px;text-align:left;cursor:pointer;color:inherit}.material-swatches i{display:block;height:110px;background:url('assets/cmf-board.png');background-size:300% 200%;background-position:var(--p)}.material-swatches span,.material-swatches b{display:block;margin:10px 12px 0}.material-swatches span{font-size:9px;letter-spacing:.12em}.material-swatches b{font:400 15px 'Noto Serif TC'}.plan-lab{display:grid;grid-template-columns:1.4fr .6fr;gap:6vw;align-items:center;margin-bottom:8vh}.plan-canvas{height:min(62vw,620px);position:relative;background:#e8e0d2;border:1px solid #2b2d2833;background-image:linear-gradient(90deg,#2b2d280c 1px,transparent 1px),linear-gradient(#2b2d280c 1px,transparent 1px);background-size:32px 32px}.plan-canvas:before{content:'N ↑';position:absolute;right:20px;top:18px;font-size:10px;letter-spacing:.15em}.plan-canvas button{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:1px solid #2b2d2844;background:#fff6;color:var(--ink);cursor:pointer;transition:.25s}.plan-canvas button:hover,.plan-canvas button.active{background:#6f735fcc;color:#fff;transform:scale(1.025);z-index:2}.plan-canvas span{font:400 14px 'Noto Serif TC'}.plan-core{position:absolute;left:45%;top:54%;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 14px #bd8e5d33}.plan-copy h3{font:400 30px/1.5 'Noto Serif TC'}.plan-copy ul{list-style:none;padding:0}.plan-copy li{border-top:1px solid var(--line)}.plan-copy li button{width:100%;border:0;background:none;text-align:left;padding:15px 0;color:inherit;cursor:pointer}.plan-copy li button.active{color:#6f735f;font-weight:500}.space-visual{isolation:isolate}.fullscreen,.hotspot-toggle{position:absolute;z-index:5;bottom:18px;border:1px solid #fff8;background:#171a1688;color:#fff;padding:9px 12px;font-size:9px;letter-spacing:.1em;cursor:pointer}.fullscreen{right:18px}.hotspot-toggle{left:18px}.hotspot{position:absolute;z-index:5;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;border:1px solid #fff;background:#242721dd;color:#fff;font-size:9px;cursor:pointer;box-shadow:0 0 0 0 #fff6;animation:pulse 2.2s infinite}.hotspot:hover{background:var(--accent);transform:translate(-50%,-50%) scale(1.15)}@keyframes pulse{50%{box-shadow:0 0 0 9px #fff0}}.ui-backdrop{position:fixed;z-index:120;inset:0;background:#0008;opacity:0;transition:.25s}.ui-backdrop.show{opacity:1}.detail-drawer{position:fixed;z-index:130;right:0;top:0;height:100%;width:min(500px,92vw);background:var(--paper);padding:28px 35px;transform:translateX(102%);transition:.35s;overflow:auto;box-shadow:-20px 0 50px #0003}.detail-drawer[aria-hidden=false]{transform:none}.drawer-close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:30px;cursor:pointer}.drawer-image{height:260px;margin:35px 0;background:#d6cbb9;background-size:300% 200%;background-position:center}.drawer-image.abstract{background:linear-gradient(135deg,#9b846b,#272923)}.detail-drawer small{letter-spacing:.15em}.detail-drawer h3{font:400 34px 'Noto Serif TC';margin:12px 0}.drawer-type{font-size:10px;letter-spacing:.14em}.detail-drawer dl{display:block;margin-top:35px}.detail-drawer dl div{padding:15px 0}.detail-drawer dd{line-height:1.7}.lightbox{width:100vw;height:100vh;max-width:none;max-height:none;padding:0;border:0;background:#111;color:#fff}.lightbox::backdrop{background:#000}.lightbox img{width:100%;height:calc(100% - 70px);object-fit:contain}.lightbox button{position:absolute;z-index:2;right:25px;top:20px;width:44px;height:44px;border:1px solid #fff8;border-radius:50%;background:#0007;color:#fff;font-size:24px}.lightbox p{margin:18px 4vw;font-size:12px;letter-spacing:.1em}@media(max-width:800px){.cmf-lab,.plan-lab{grid-template-columns:1fr}.material-swatches i{height:90px}.plan-canvas{height:90vw}.hotspot{width:32px;height:32px}.fullscreen,.hotspot-toggle{bottom:12px}.detail-drawer{padding:24px}}