.board{min-height:100dvh;position:relative}.board-world{padding:7rem var(--pad) 8rem;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px;display:flex}.piece{width:var(--w);max-width:100%}.js .board:not(.is-ready) .board-world{visibility:hidden}.board.is-live{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0;overflow:hidden}.board.is-live.is-panning{cursor:grabbing}.board.is-live .board-world{transform-origin:0 0;will-change:transform;width:0;height:0;padding:0;display:block;position:absolute;top:0;left:0}.board.is-live .board-world.cam-anim{transition:transform .6s cubic-bezier(.2,.7,.1,1)}.board.is-live .piece{max-width:none;transition:transform .45s cubic-bezier(.2,.7,.1,1),opacity .35s;position:absolute;top:0;left:0}.board.is-live .piece.is-off{display:none}.board.is-wrap .piece{transition:opacity .35s}.board.is-wrap.is-settling .piece{transition:transform .45s cubic-bezier(.2,.7,.1,1),opacity .35s}.board.is-live .piece.is-ghost{transition:none!important}.board.is-live:not(.is-wrap) .board-world:before{content:"";width:var(--ws-w,0);height:var(--ws-h,0);outline-offset:0;pointer-events:none;outline:1px solid #f2f2f212;position:absolute;top:0;left:0}.board.no-anim .piece,.board.no-anim .board-world{transition:none!important}.board.is-live .piece.is-entering{opacity:0}.board.is-live .piece.is-dragging,.board.is-wrap.is-settling .piece.is-dragging{cursor:grabbing;transition:none}.board.is-live .piece.is-lifted>*{animation:.22s ease-in-out infinite alternate jiggle;box-shadow:0 18px 40px #0000008c}.board.is-live.is-ready .piece{cursor:grab}.board.is-live .piece a,.board.is-live .piece button{cursor:pointer}.board img{pointer-events:none;-webkit-user-drag:none}@keyframes jiggle{0%{transform:rotate(-.5deg)scale(1.02)}to{transform:rotate(.5deg)scale(1.02)}}.box--video video{width:100%;aspect-ratio:var(--ar,16 / 9);object-fit:cover;background:#000}.box--image img{width:100%;height:auto}.board .box--text,.board .box--link{font-size:17px}.box--plate{color:#000;background:#fff;padding:1.2rem 1.3rem 1.3rem}.plate-k{letter-spacing:.16em;text-transform:uppercase;opacity:.6;font-size:.7rem}.plate-t{letter-spacing:-.03em;margin:.55rem 0 .7rem;font-size:1.9rem;font-weight:800;line-height:1}.plate-p{font-size:1.05rem;line-height:1.3}.plate-p .serif{font-style:italic}.box--more{color:#fff;background:var(--bg);letter-spacing:.04em;text-align:left;border:1px solid #fff;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.1rem 1.25rem;font-size:1rem;font-weight:500;transition:background .2s,color .2s;display:flex}.box--more:hover{color:var(--bg);background:#fff}.box--more .sign{font-size:1.5rem;font-weight:300;line-height:1}.box--more .when-open{display:none}.board.more-open .box--more .when-open{display:inline}.board.more-open .box--more .when-closed,.board:not(.is-live) .piece[data-tier=ui]{display:none}.card{background:var(--frame);padding:var(--fw);text-decoration:none;display:block}.card-cap{color:#000;padding:.7rem .15rem .2rem;display:block}.card-cap.on-dark{color:#fff}.card-t{letter-spacing:-.02em;font-size:1.15rem;font-weight:800;line-height:1.1;display:block}.card-p{margin-top:.3rem;font-size:.95rem;line-height:1.25;display:block}.card-p .serif{font-style:italic}.card.is-borderless{background:0 0;padding:0}.card-n{opacity:.8;margin-top:.3rem;font-size:.85rem;line-height:1.3;display:block}.card-k{letter-spacing:.16em;text-transform:uppercase;opacity:.6;margin-top:.45rem;font-size:.64rem;display:block}.board-ctrl{z-index:60;background:var(--bg);border:1px solid var(--ink);gap:0;display:flex;position:fixed;bottom:clamp(.75rem,2vw,1.25rem);left:clamp(.75rem,2vw,1.25rem)}.board-ctrl button{letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;gap:.5rem;min-width:42px;height:42px;padding:0 .85rem;font-size:.74rem;font-weight:500;display:inline-flex}.board-ctrl button+button{border-left:1px solid var(--ink-3)}.board-ctrl button:hover{background:var(--ink);color:var(--bg)}.board-ctrl svg{flex:none;width:16px;height:16px}.contact-box{z-index:60;color:#000;background:#fff;align-items:center;gap:.9rem;height:44px;padding:0 1rem;font-size:.86rem;text-decoration:none;display:flex;position:fixed;bottom:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,2vw,1.25rem)}.contact-box .cb-k{letter-spacing:.16em;text-transform:uppercase;opacity:.55;font-size:.66rem}.contact-box:hover{background:var(--ink)}.filter-bar{z-index:60;background:var(--bg);border:1px solid var(--ink);display:flex;position:fixed;bottom:clamp(.75rem,2vw,1.25rem);left:50%;transform:translate(-50%)}.filter-bar button{letter-spacing:.12em;text-transform:uppercase;height:42px;padding:0 1.1rem;font-size:.76rem;font-weight:500}.filter-bar button+button{border-left:1px solid var(--ink-3)}.filter-bar button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.board-empty{color:var(--ink-2);pointer-events:none;place-items:center;display:none;position:fixed;inset:0}.board.is-empty~.board-empty{display:grid}@media (width<=700px){.board-ctrl .lbl{display:none}.board-ctrl button{width:42px;padding:0}.contact-box .cb-mail{display:none}.filter-bar{bottom:4.1rem}.board-ctrl[data-mode=index]{display:none}}.hint{z-index:90;background:#0a0a0e9e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.hint[hidden]{display:none}.hint-card{color:#000;background:#fff;width:min(520px,100%);padding:clamp(1.4rem,4vw,2.2rem)}.hint-title{letter-spacing:-.025em;margin-bottom:1.2rem;font-size:1.6rem;font-weight:800;line-height:1.05}.hint-list{gap:.8rem;list-style:none;display:grid}.hint-list li{grid-template-columns:1.6rem 1fr;gap:.4rem;font-size:.96rem;line-height:1.35;display:grid}.hint-list li:before{content:counter(list-item, decimal-leading-zero);letter-spacing:.08em;opacity:.45;padding-top:.25rem;font-size:.7rem}.hint-list strong{font-weight:700}.hint-foot{opacity:.6;margin-top:1.1rem;font-size:.82rem}.hint-ok{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#000;height:46px;margin-top:1.4rem;padding:0 1.4rem;font-size:.8rem;font-weight:500}.hint .for-touch{display:none}@media (pointer:coarse){.hint .for-touch{display:grid}.hint .for-mouse{display:none}}.lightbox{z-index:95;touch-action:pinch-zoom;background:#08080bf5;display:none;position:fixed;inset:0}.lightbox.is-open{display:block}.lb-stage{--lb-pad:clamp(1rem, 4vw, 3rem);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.lb-img{object-fit:contain;width:auto;height:auto;max-width:calc(100vw - 2 * var(--lb-pad));max-height:calc(100vh - 2 * var(--lb-pad));max-height:calc(100dvh - 2 * var(--lb-pad));cursor:zoom-in;transition:transform .35s cubic-bezier(.2,.7,.1,1);display:block}.lb-img.is-zoomed{cursor:zoom-out}.lb-close{z-index:2;color:#000;background:#fff;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,2vw,1.25rem)}@media (prefers-reduced-motion:reduce){.board.is-live .piece,.board.is-live .board-world.cam-anim{transition:none}.board.is-live .piece.is-lifted>*{animation:none}}
