.works{gap:var(--sp-lg);display:grid}.work{gap:var(--sp-24);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;text-decoration:none;display:grid}.work:nth-child(2n) .work-stage{order:2}.work-stage{padding:0 var(--sp-48) var(--sp-32) 0;grid-column:span 8;position:relative}.work:nth-child(2n) .work-stage{padding:0 0 var(--sp-32) var(--sp-48)}.dev-pc{border-radius:var(--r-s);background:var(--sheet);box-shadow:0 1px 0 var(--line-soft),0 30px 60px -36px #1b1d2173;border:1px solid var(--line);transition:transform var(--dur-move) var(--ease);display:block;overflow:hidden}.dev-bar{border-bottom:1px solid var(--line-soft);background:var(--paper);gap:6px;padding:10px 12px;display:flex}.dev-bar i{background:var(--line);border-radius:50%;width:8px;height:8px}.dev-pc img{width:100%;height:auto;display:block}.dev-sp{border:6px solid var(--ink);background:var(--ink);width:22%;transition:transform var(--dur-move) var(--ease);border-radius:18px;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 24px 40px -24px #1b1d218c}.work:nth-child(2n) .dev-sp{left:0;right:auto}.dev-sp img{width:100%;height:auto;display:block}.work:hover .dev-pc{transform:translateY(-6px)}.work:hover .dev-sp{transform:translateY(-12px)}.work-body{gap:var(--sp-8);flex-direction:column;grid-column:span 4;display:flex}.work-no{font-size:var(--fs-xs);color:var(--cyan-deep);letter-spacing:.1em}.work-name{font-size:var(--fs-xl);line-height:1.4}.work-meta{font-size:var(--fs-s);color:var(--ink-3)}.work-points{margin:var(--sp-8) 0 0;padding:var(--sp-12) 0 0;border-top:1px solid var(--line);gap:var(--sp-8);list-style:none;display:grid}.work-points li{padding-left:var(--sp-16);font-size:var(--fs-s);color:var(--ink-2);position:relative}.work-points li:before{content:"";background:var(--cyan);border-radius:50%;width:5px;height:5px;position:absolute;top:.7em;left:0}.work-go{align-items:center;gap:var(--sp-12);margin-top:var(--sp-16);font-weight:700;display:inline-flex}@media (width<=1023px){.work-stage,.work-body{grid-column:1/-1}.work:nth-child(2n) .work-stage{order:0}}.more{margin:var(--sp-32) 0 0;text-align:center}.web-more summary,.anat-more summary{align-items:center;gap:var(--sp-8);min-height:36px;font-size:var(--fs-s);color:var(--ink-2);cursor:pointer;font-weight:700;list-style:none;display:inline-flex}.web-more summary::-webkit-details-marker,.anat-more summary::-webkit-details-marker{display:none}.web-more summary:after,.anat-more summary:after{content:"+";font:400 1.1rem/1 var(--mono);color:var(--ink-3)}.web-more[open] summary:after,.anat-more[open] summary:after{content:"−"}.web-more summary:hover,.anat-more summary:hover{color:var(--ink)}@media (pointer:coarse){.web-more summary,.anat-more summary{min-height:44px}}.cmp{margin:0 0 var(--sp-lg);border:1px solid var(--line);border-radius:var(--r-m);background:var(--sheet);overflow:hidden}.cmp-t{border-collapse:collapse;table-layout:fixed;width:100%}.cmp-t th,.cmp-t td{padding:var(--sp-16);text-align:left;vertical-align:middle}.cmp-t thead th{padding-block:var(--sp-12);font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.04em;border-bottom:1px solid var(--line);background:var(--paper);font-weight:700}.cmp-t thead th .ti{vertical-align:-3px;margin-right:var(--sp-8);color:var(--ink-2)}.cmp-t thead th:first-child{width:28%}.cmp-t thead th:nth-child(2){width:15%}.cmp-t tbody tr+tr>*{border-top:1px solid var(--line-soft)}.cmp-t tbody tr{transition:background-color var(--dur-color)}.cmp-t tbody tr:hover{background:var(--paper-2)}.cmp-t td{font-size:var(--fs-s);color:var(--ink-2);line-height:1.7}.cmp-t td.is-mood{font-size:var(--fs-m);color:var(--ink);font-weight:800;line-height:1.55}.cmp-site{gap:var(--sp-16);color:inherit;grid-template-columns:112px minmax(0,1fr);align-items:center;text-decoration:none;display:grid}.cmp-img{border:1px solid var(--line);border-radius:6px;display:block;overflow:hidden}.cmp-img img{width:100%;height:auto;display:block}.cmp-id{gap:2px;display:grid}.cmp-id b{font-size:var(--fs-m);line-height:1.45}.cmp-id small{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.5}.cmp-site:hover b{text-underline-offset:3px;text-decoration:underline}@media (width<=1023px){.cmp-site{gap:var(--sp-12);grid-template-columns:72px minmax(0,1fr)}.cmp-t th,.cmp-t td{padding:var(--sp-12)}}@media (width<=719px){.cmp-t,.cmp-t tbody,.cmp-t tr,.cmp-t th,.cmp-t td{width:auto;display:block}.cmp-t thead{display:none}.cmp-t tbody tr{padding:var(--sp-16)}.cmp-t tbody tr+tr>*{border-top:0}.cmp-t tbody tr+tr{border-top:1px solid var(--line)}.cmp-t tbody th{padding:0 0 var(--sp-12)}.cmp-t td{gap:var(--sp-12);padding:var(--sp-4) 0;grid-template-columns:5.5em minmax(0,1fr);display:grid}.cmp-t td:before{content:attr(data-l);font-size:var(--fs-xs);color:var(--ink-3);font-weight:700;line-height:2}.cmp-t td.is-mood{font-size:var(--fs-s)}}.wrow{scroll-margin-top:calc(var(--header-h) + var(--sp-24))}@media (width>=1024px){.works:has(>.wrow){gap:var(--sp-64)}.wrow .work-stage{grid-column:span 7}.wrow .work-body{grid-column:span 5}}.wrow .work-stage{display:block}.wrow .work-name{margin:0;font-weight:800}.wrow .work-go{color:inherit;align-self:flex-start;min-height:44px;text-decoration:none}.wrow .web-more{margin-top:var(--sp-4)}.wrow .web-more .work-points{border-top:0;margin-top:0;padding-top:0}.anat{--gut:44px;--ball:28px;gap:var(--sp-48);grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"notes fig";align-items:start;display:grid}.anat-fig{padding-left:var(--gut);grid-area:fig;margin:0}.anat-notes{grid-area:notes}.anat-sheet{border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper);box-shadow:var(--shadow-sheet);position:relative}.anat-fig figcaption{margin-top:var(--sp-12);font-size:var(--fs-xs);color:var(--ink-3)}.anat-chrome{padding:var(--sp-8) 0;border-bottom:1px solid var(--line);background:var(--paper-2);border-radius:var(--r-m) var(--r-m) 0 0;grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.anat-row{align-items:center;gap:var(--sp-12);min-height:28px;padding-right:var(--sp-12);display:flex;position:relative}.anat-tab,.anat-url{min-width:0;margin-left:var(--sp-12);padding:4px var(--sp-12);font-size:var(--fs-xs);color:var(--ink-2);background:var(--paper);border:1px solid var(--line);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.anat-tab{border-radius:8px;max-width:min(70%,26em)}.anat-tab-t{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.anat-url{max-width:24em;font-family:var(--mono);border-radius:999px;flex:1}.anat-url .ti{color:var(--ink-2);flex:none}.anat-dots{gap:5px;margin-left:auto;display:flex}.anat-dots i{background:var(--line);border-radius:50%;width:7px;height:7px}.anat-slice{position:relative}.anat-slice img{object-fit:cover;width:100%;height:100%;display:block}.anat-slice:last-child img{border-radius:0 0 calc(var(--r-m) - 1px) calc(var(--r-m) - 1px)}.anat-cut{align-items:center;gap:var(--sp-12);padding:6px var(--sp-12);font:400 var(--fs-xs)/1 var(--mono);color:var(--ink-3);background:var(--paper-2);display:flex}.anat-cut:before,.anat-cut:after{content:"";border-top:1px dashed var(--ink-3);opacity:.6;flex:1}.anat-hot{outline:1.5px dashed var(--cyan-deep);outline-offset:0;transition:outline-color var(--dur-color),background-color var(--dur-color),box-shadow var(--dur-color);border-radius:6px}.anat-hot.is-abs{left:var(--x);top:var(--y);width:var(--w);height:var(--h);position:absolute}.anat-tab.anat-hot,.anat-url.anat-hot{outline-offset:2px}.anat-slice:last-child .anat-hot{outline-color:var(--cyan)}.anat-hot.is-on{outline:2px solid var(--cyan);background-color:rgba(var(--cyan-a),.14);box-shadow:var(--cyan-glow-soft)}.anat.has-on .anat-hot:not(.is-on){outline-color:#0000}@media (hover:hover) and (pointer:fine){.anat-hot{cursor:pointer}}.anat-lead{background:var(--ink-3);transform-origin:0;height:1px;transition:background-color var(--dur-color),transform .6s var(--ease) .35s;position:absolute}.anat-lead:after{content:"";background:inherit;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:-3px}.anat-row .anat-lead{top:50%;left:calc(var(--ball) / 2 - var(--gut));width:calc(var(--gut) - var(--ball) / 2 + var(--sp-12))}.anat-lead.is-abs{top:var(--y);left:calc(var(--ball) / 2 - var(--gut));width:calc(var(--gut) - var(--ball) / 2 + var(--x))}.anat-ball{left:calc(-1 * var(--gut));width:var(--ball);height:var(--ball);margin-top:calc(var(--ball) / -2);border:1px solid var(--ink);background:var(--sheet);font:600 .8125rem/1 var(--mono);color:var(--ink);transition:background-color var(--dur-color),color var(--dur-color),opacity .5s var(--ease),transform .5s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%}.anat-ball.is-abs{top:var(--y)}.anat-lead.is-on{background:var(--cyan-deep)}.anat-ball.is-on{background:var(--ink);color:var(--paper)}html.js .anat-fig.rv:not(.in) .anat-ball{opacity:0;transform:scale(.6)}html.js .anat-fig.rv:not(.in) .anat-lead{transform:scaleX(0)}html.js .anat-fig.rv:not(.in) .anat-hot{outline-color:#0000}.anat-notes{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.anat-note{padding:var(--sp-12) 0;border-bottom:1px solid var(--line)}.anat-pick{grid-template-columns:var(--ball) minmax(0,1fr);gap:var(--sp-16);width:100%;padding:var(--sp-8);border-radius:var(--r-s);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-color);background:0 0;border:0;align-items:start;margin:0;display:grid}.anat-pick:hover,.anat-note.is-on .anat-pick{background:var(--paper-2)}.anat-no{width:var(--ball);height:var(--ball);border:1px solid var(--ink);transition:background-color var(--dur-color),color var(--dur-color);border-radius:50%;place-items:center;margin-top:2px;font-size:.8125rem;font-weight:600;display:grid}.anat-note.is-on .anat-no{background:var(--ink);color:var(--paper)}.anat-txt{gap:var(--sp-4);display:grid}.anat-name{align-items:center;gap:var(--sp-4) var(--sp-8);font-size:var(--fs-l);flex-wrap:wrap;font-weight:800;line-height:1.4;display:flex}.anat-name .ti{color:var(--ink-2)}.anat-name small{padding:1px var(--sp-8);border:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-3);border-radius:999px;font-weight:400}.anat-line{font-size:var(--fs-m);color:var(--ink-2);line-height:1.7}.anat-go{margin:var(--sp-4) 0 0 calc(var(--ball) + var(--sp-16) + var(--sp-8));font-size:var(--fs-s)}.anat-go .ti{color:var(--ink-2)}.anat-more{margin-left:calc(var(--ball) + var(--sp-16) + var(--sp-8))}.anat-more p{margin:0 0 var(--sp-8);font-size:var(--fs-s);color:var(--ink);font-weight:700}.anat-more ul{margin:0 0 var(--sp-8);gap:var(--sp-8);padding:0;list-style:none;display:grid}.anat-more li{padding-left:var(--sp-16);font-size:var(--fs-s);color:var(--ink-2);line-height:1.8;position:relative}.anat-more li:before{content:"";background:var(--cyan);border-radius:50%;width:5px;height:5px;position:absolute;top:.75em;left:0}@media (width<=1023px){.anat{gap:var(--sp-32);grid-template-columns:minmax(0,1fr);grid-template-areas:"fig""notes"}}@media (width<=719px){.anat{--gut:34px;--ball:24px}.anat-ball{font-size:.75rem}.anat-dots{display:none}.anat-tab{max-width:calc(100% - var(--sp-24))}}@media (prefers-reduced-motion:reduce){.anat-lead,.anat-ball,.anat-hot{transition:none}html.js .anat-fig.rv:not(.in) .anat-ball{opacity:1;transform:none}html.js .anat-fig.rv:not(.in) .anat-lead{transform:none}}