.works-page[data-v-c8bcc750]{min-height:100vh;overflow-x:hidden}.wrap[data-v-c8bcc750]{width:100%;max-width:1240px;margin:0 auto;padding:0 40px}.frame[data-v-c8bcc750]{position:relative}.frame[data-v-c8bcc750]:before,.frame[data-v-c8bcc750]:after,.frame>.cm[data-v-c8bcc750]:before,.frame>.cm[data-v-c8bcc750]:after{content:"";position:absolute;width:14px;height:14px;border-color:var(--accent);border-style:solid;pointer-events:none}.frame[data-v-c8bcc750]:before{top:0;left:0;border-width:2px 0 0 2px}.frame[data-v-c8bcc750]:after{top:0;right:0;border-width:2px 2px 0 0}.frame>.cm[data-v-c8bcc750]:before{bottom:0;left:0;border-width:0 0 2px 2px}.frame>.cm[data-v-c8bcc750]:after{bottom:0;right:0;border-width:0 2px 2px 0}.page-head[data-v-c8bcc750]{padding:164px 0 12px}.sheet-meta[data-v-c8bcc750]{display:block;margin-bottom:26px}.head-grid[data-v-c8bcc750]{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}.head-main .eyebrow[data-v-c8bcc750]{margin-bottom:22px}.page-title[data-v-c8bcc750]{font:900 clamp(30px,4.6vw,52px)/1.25 var(--sans);letter-spacing:.02em;margin:0 0 18px}.head-lead[data-v-c8bcc750]{color:var(--muted);font-size:15px;max-width:520px;margin:0}.count-badge[data-v-c8bcc750]{background:var(--panel);border:1.5px solid var(--ink);padding:22px 30px 20px;text-align:center;min-width:200px}.count-badge .fig[data-v-c8bcc750]{display:block}.count-badge .count[data-v-c8bcc750]{display:block;font-weight:600;font-size:clamp(38px,4vw,52px);line-height:1.1;color:var(--accent);letter-spacing:-.02em;margin:8px 0 6px}.badge-ok[data-v-c8bcc750]{color:var(--accent)}.filter-bar[data-v-c8bcc750]{padding:34px 0 6px}.filters[data-v-c8bcc750]{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.filter-label[data-v-c8bcc750]{margin-right:6px;color:var(--redline)}.chip[data-v-c8bcc750]{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:11px 18px;border:1px solid var(--line);border-radius:0;background:var(--panel);color:var(--ink);cursor:pointer;transition:border-color .25s,color .25s,background .25s,box-shadow .25s,transform .25s}.chip .chip-n[data-v-c8bcc750]{font-style:normal;margin-left:8px;color:var(--muted);font-size:11px}.chip[data-v-c8bcc750]:hover{border-color:var(--accent);color:var(--accent)}.chip.is-active[data-v-c8bcc750]{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.chip.is-active .chip-n[data-v-c8bcc750]{color:#ffffffbf}.works-section[data-v-c8bcc750]{padding:44px 0 120px}.works-grid[data-v-c8bcc750]{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.work[data-v-c8bcc750]{border:1px solid var(--line);background:var(--panel);text-decoration:none;color:var(--ink);display:block;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative}.work[data-v-c8bcc750]:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 18px 40px -18px #0e2a5259}.work-img[data-v-c8bcc750]{aspect-ratio:4 / 3;overflow:hidden;position:relative;border-bottom:1px solid var(--line);background:var(--blue-soft)}.work-img[data-v-c8bcc750]:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px dashed rgba(29,91,227,.45);pointer-events:none}.work-img img[data-v-c8bcc750]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.work:hover .work-img img[data-v-c8bcc750]{transform:scale(1.05)}.work-img--app[data-v-c8bcc750]{display:flex;align-items:center;justify-content:center;padding:18px}.work-img--app img[data-v-c8bcc750]{width:auto;height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.work-body[data-v-c8bcc750]{padding:22px 22px 24px}.work-fig[data-v-c8bcc750]{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.work-fig .no[data-v-c8bcc750]{font-style:normal;color:var(--redline)}.work-title[data-v-c8bcc750]{font:700 18px/1.4 var(--sans);margin:0;transition:color .2s}.work:hover .work-title[data-v-c8bcc750]{color:var(--accent)}.work-desc[data-v-c8bcc750]{font-size:13.5px;color:var(--muted);margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1024px){.works-grid[data-v-c8bcc750]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.wrap[data-v-c8bcc750]{padding:0 22px}.page-head[data-v-c8bcc750]{padding-top:140px}.head-grid[data-v-c8bcc750]{align-items:flex-start}.count-badge[data-v-c8bcc750]{min-width:0;padding:16px 22px 14px}.works-grid[data-v-c8bcc750]{grid-template-columns:1fr;gap:24px}.works-section[data-v-c8bcc750]{padding:36px 0 88px}}