.work{height:100dvh;min-height:calc(560 * var(--u));background:var(--gallery);color:var(--gallery-text);position:relative;overflow:hidden}.work-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.work-canvas[data-hot]{cursor:pointer}.work-paper{width:var(--seam);background:var(--paper);z-index:1;pointer-events:none;position:absolute;inset:0 auto 0 0}.site[data-seam-moving] .work-paper{width:auto;clip-path:polygon(calc(-400 * var(--u)) 0, calc(var(--seam) - var(--seam-o)) 0, calc(var(--seam) + var(--seam-o)) 100%, calc(-400 * var(--u)) 100%);inset:0}.work-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.work .ln{margin-bottom:-.16em;padding-bottom:.16em;display:block;overflow:hidden}.work .ln>span{display:block}.work-title{left:calc(60 * var(--u));color:var(--gallery-text);opacity:.96;font-size:12vw;position:absolute;bottom:5vh}.work-pieces{list-style:none}:is(.work,.others) .piece{left:var(--x);top:calc(var(--y) + calc(14 * var(--u)));text-align:center;white-space:nowrap;pointer-events:auto;position:absolute;transform:translate(-50%)}:is(.work,.others) .piece:not([data-placed]){text-align:left;position:relative;transform:none}.work:not([data-gl=off]) .piece:not([data-placed]){visibility:hidden}.work[data-gl=off] .work-pieces{left:calc(64 * var(--u));gap:calc(28 * var(--u));display:grid;position:absolute;top:22vh}:is(.work,.others) .piece a{color:inherit;padding:calc(6 * var(--u)) calc(10 * var(--u));text-decoration:none;display:block}:is(.work,.others) .piece b{font-size:calc(16 * var(--u));color:var(--gallery-dim);font-weight:600;transition:color .4s cubic-bezier(.16,.84,.3,1),font-size .4s cubic-bezier(.16,.84,.3,1);display:block}:is(.work,.others) .piece[data-on] b{color:var(--gallery-text);font-size:calc(19 * var(--u))}:is(.work,.others) .piece .more{opacity:0;transition:opacity .4s cubic-bezier(.16,.84,.3,1);display:block}:is(.work,.others) .piece[data-on] .more{opacity:1}:is(.work,.others) .piece .more>span{display:block}:is(.work,.others) .piece .n{margin-top:calc(8 * var(--u));font-size:calc(14 * var(--u));color:#c9c2b5;white-space:normal;text-wrap:balance;max-width:24ch;margin-inline:auto;line-height:1.35}:is(.work,.others) .piece .q,:is(.work,.others) .piece .sq{margin-top:calc(6 * var(--u));font-size:calc(12 * var(--u));color:var(--gallery-dim)}:is(.work,.others) .piece a:focus-visible{outline-offset:0}@media (max-width:600px),(min-width:601px) and (max-width:1199px) and (orientation:portrait){.work-paper{width:auto;height:var(--seam);inset:0 0 auto}.site[data-seam-moving] .work-paper{height:auto;clip-path:polygon(0 calc(-400 * var(--u)), 100% calc(-400 * var(--u)), 100% calc(var(--seam) + var(--seam-o)), 0 calc(var(--seam) - var(--seam-o)));inset:0}.work-title{left:calc(18 * var(--u));top:calc(64 * var(--u));font-size:25vw;bottom:auto}:is(.work,.others) .piece{left:55%;top:var(--y);text-align:left;white-space:normal;max-width:calc(45% - calc(12 * var(--u)));transform:translateY(-30%)}:is(.work,.others) .piece a{padding:calc(6 * var(--u)) 0}:is(.work,.others) .piece .n{margin-inline:0}:is(.work,.others) .piece b,:is(.work,.others) .piece[data-on] b{font-size:calc(16 * var(--u))}.work[data-gl=off] .work-pieces{left:calc(20 * var(--u));top:calc(180 * var(--u))}}@media (max-width:600px){.work{height:max(51vh, calc(285.6 * var(--u)));height:max(51dvh, calc(285.6 * var(--u)));min-height:0}}.others{height:max(100vh, calc(860 * var(--u)));height:max(100dvh, calc(860 * var(--u)));background:var(--gallery);color:var(--gallery-text);position:relative;overflow:hidden}.others-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.others-canvas[data-hot]{cursor:pointer}.others-paper{width:var(--seam);background:var(--paper);z-index:1;pointer-events:none;position:absolute;inset:0 auto 0 0}.site[data-seam-moving] .others-paper{width:auto;clip-path:polygon(calc(-400 * var(--u)) 0, calc(var(--seam) - var(--seam-o)) 0, calc(var(--seam) + var(--seam-o)) 100%, calc(-400 * var(--u)) 100%);inset:0}.others-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.others .ln{margin-bottom:-.16em;padding-bottom:.16em;display:block;overflow:hidden}.others .ln>span{display:block}.others-title{left:calc(64 * var(--u));top:calc(128 * var(--u));color:var(--gallery-text);font-size:7.2vw;position:absolute}.others .sheet{left:calc(66 * var(--u));top:calc(300 * var(--u));width:calc(400 * var(--u));pointer-events:auto;list-style:none;position:absolute}.others .sheet li{border-top:calc(1 * var(--u)) solid #242424}.others .sheet a{grid-template-columns:calc(70 * var(--u)) 1fr;gap:0 calc(14 * var(--u));padding:calc(13 * var(--u)) 0;color:inherit;text-decoration:none;display:grid}.others .sheet .mv{font-size:calc(13 * var(--u));color:var(--gallery-dim);padding-top:calc(2 * var(--u));transition:color .4s cubic-bezier(.16,.84,.3,1)}.others .sheet b{font-size:calc(16 * var(--u));color:var(--gallery-text);font-weight:600;transition:color .4s cubic-bezier(.16,.84,.3,1)}.others .sheet .r{margin-top:calc(3 * var(--u));font-size:calc(14 * var(--u));color:#c9c2b5;grid-column:2}.others .sheet .q{margin-top:calc(2 * var(--u));font-size:calc(12 * var(--u));color:var(--gallery-dim);grid-column:2}.others .sheet li[data-on] b{color:#fff}.others .sheet li[data-on] .mv{color:var(--move)}.others .sheet a:focus-visible{outline-offset:calc(2 * var(--u))}.others-tags>.tag{font-size:calc(12 * var(--u));color:#b9b2a6;white-space:nowrap;text-align:center;text-shadow:0 calc(1 * var(--u)) calc(3 * var(--u)) #000, 0 0 calc(8 * var(--u)) #000;transition:color .4s cubic-bezier(.16,.84,.3,1);position:absolute;transform:translate(-50%)}.others-tags>.tag[data-on]{color:var(--move)}.others-tags .tag>span{display:block}.others-tags .aside{margin-top:calc(4 * var(--u));font-size:calc(11 * var(--u));color:#5d5953}.others-tags{transition:opacity .6s cubic-bezier(.16,.84,.3,1) .6s}.others:not([data-shown]) .others-tags{opacity:0;transition:none}.others[data-gl=off] .others-tags{display:none}@media (max-width:600px),(min-width:601px) and (max-width:1199px) and (orientation:portrait){.others{height:auto;min-height:100svh;padding-bottom:calc(48 * var(--u))}.others-canvas{height:100svh;inset:0 0 auto}.others-layer{position:relative;inset:auto}.others-title{left:calc(18 * var(--u));top:calc(72 * var(--u));font-size:14vw}.others .sheet{width:auto;padding:66svh calc(20 * var(--u)) 0;background:linear-gradient(to bottom, transparent calc(66svh - calc(40 * var(--u))), var(--gallery) 66svh);position:relative;top:auto;left:auto}.others .sheet a{grid-template-columns:calc(62 * var(--u)) 1fr;padding-right:calc(72 * var(--u))}.others-tags{position:absolute;inset:0}}