/* works.css — page-specific styles for works/index.html */
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:48px;padding:8px 0;border-bottom:1px solid var(--c-line)}
.filter-chip{padding:8px 18px;background:transparent;border:1px solid var(--c-line);border-radius:999px;font-size:12px;color:var(--c-text-sub);letter-spacing:.04em;transition:all .25s var(--ease);cursor:pointer}
.filter-chip:hover{border-color:var(--c-accent);color:var(--c-accent)}
.filter-chip.active{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}
.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px;margin-top:48px}
@media(max-width:900px){.works-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.works-grid{grid-template-columns:1fr}}
.work-card{background:#fff;border:1px solid var(--c-line);border-radius:12px;overflow:hidden;transition:all .35s var(--ease);cursor:pointer}
.work-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px rgba(10,37,64,.18);border-color:#cfd6e3}
.work-thumb{aspect-ratio:4/3;position:relative;overflow:hidden;background-color:#0A2540;background-size:cover;background-position:center;transition:transform .6s var(--ease)}
.work-card:hover .work-thumb{transform:scale(1.04)}
.work-thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,58,106,.55) 0%,rgba(10,37,64,.78) 100%);pointer-events:none;z-index:1}
.work-thumb.t-2::before{background:linear-gradient(135deg,rgba(46,107,230,.55) 0%,rgba(93,160,255,.55) 100%)}
.work-thumb.t-3::before{background:linear-gradient(135deg,rgba(10,37,64,.75) 0%,rgba(46,107,230,.55) 100%)}
.work-thumb.t-4::before{background:linear-gradient(135deg,rgba(36,59,92,.7) 0%,rgba(122,153,204,.5) 100%)}
.work-thumb.t-5::before{background:linear-gradient(135deg,rgba(93,160,255,.55) 0%,rgba(10,37,64,.78) 100%)}
.work-thumb .label{position:absolute;left:20px;top:20px;font-family:var(--f-en);font-size:11px;letter-spacing:.22em;color:rgba(255,255,255,.95);text-transform:uppercase;z-index:2;text-shadow:0 1px 8px rgba(10,37,64,.4)}
.work-thumb .glyph{position:absolute;right:20px;bottom:16px;font-family:var(--f-en);font-weight:200;font-size:64px;color:rgba(255,255,255,.28);letter-spacing:-.05em;line-height:1;z-index:2}
.work-info{padding:24px}
.work-info .meta{font-size:11px;letter-spacing:.18em;color:var(--c-text-sub);text-transform:uppercase;margin-bottom:10px}
.work-info h3{font-size:16px;font-weight:500;margin:0 0 8px;color:var(--c-primary);line-height:1.6}
.work-info p{font-size:13px;color:var(--c-text-sub);margin:0;line-height:1.85}
.work-info .result{display:inline-block;margin-top:14px;padding:4px 12px;background:#E8EFFD;color:var(--c-accent);font-family:var(--f-en);font-size:11px;letter-spacing:.12em;border-radius:999px}
.stat-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--c-line);border:1px solid var(--c-line);border-radius:12px;overflow:hidden;margin-top:48px}
@media(max-width:700px){.stat-bar{grid-template-columns:repeat(2,1fr)}}
.stat-cell{background:#fff;padding:32px 24px;text-align:left}
.stat-cell .num{font-family:var(--f-en);font-weight:200;font-size:48px;color:var(--c-primary);letter-spacing:-.04em;line-height:1}
.stat-cell .num small{font-size:18px;color:var(--c-text-sub);margin-left:4px;font-weight:300}
.stat-cell .lbl{font-size:12px;color:var(--c-text-sub);letter-spacing:.04em;margin-top:8px}