.filter-bar{border-top:1px solid var(--hairline);flex-wrap:wrap;gap:8px;margin-top:60px;padding-top:36px;display:flex}.filter-pill{font-family:var(--font-mono);letter-spacing:.16em;border:1px solid var(--hairline);color:var(--white);cursor:none;text-transform:uppercase;background:0 0;padding:10px 18px;font-size:11px;font-weight:500;transition:border-color .2s,color .2s,background .2s}.filter-pill:hover{border-color:var(--accent);color:var(--accent)}.filter-pill.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb), .08)}.work-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;display:grid}@media (max-width:900px){.work-grid{grid-template-columns:1fr}}.work-card{border:1px solid var(--hairline);cursor:none;background:#0e0b22d9;flex-direction:column;transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.work-card.hidden{display:none}.work-card:before{content:"";background:var(--accent);transform-origin:0;z-index:4;height:2px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.work-card:hover{border-color:var(--accent);transform:translateY(-4px)}.work-card:hover:before{transform:scaleX(1)}.work-img-wrap{aspect-ratio:16/10;position:relative;overflow:hidden}.case-img{object-fit:cover;filter:brightness(.55)contrast(1.05)saturate(.65)grayscale(.4);width:100%;height:100%;transition:filter .5s,transform .6s;display:block}.work-card:hover .case-img{filter:brightness(.85)contrast(1.05)saturate(.95)grayscale(0);transform:scale(1.04)}.case-img-fallback{background:linear-gradient(135deg, var(--canvas-alt) 0%, var(--canvas-lift) 100%), radial-gradient(circle at 70% 30%, rgba(var(--accent-rgb),.15) 0%, transparent 50%);flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;height:100%;padding:36px;display:flex}.fallback-num{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent);margin-bottom:12px;font-size:11px}.fallback-name{font-family:var(--font-sans);color:var(--white);letter-spacing:-.03em;text-shadow:0 0 30px var(--accent-soft);font-size:clamp(28px,3.5vw,48px);font-weight:800;line-height:1}.work-overlay{background:linear-gradient(180deg, transparent 40%, #08061ad9 100%), radial-gradient(circle at 70% 30%, rgba(var(--accent-rgb),.12) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.work-content{flex-direction:column;flex-grow:1;padding:32px 32px 36px;display:flex}.work-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin-bottom:14px;font-size:11px}.work-title{letter-spacing:-.02em;color:var(--white);margin-bottom:14px;font-size:28px;font-weight:700;line-height:1.1}.work-summary{color:var(--white);flex-grow:1;font-size:15px;line-height:1.55}.work-tags{border-top:1px solid var(--hairline);flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px;display:flex}.card-tag{font-family:var(--font-mono);letter-spacing:.14em;color:var(--white);text-transform:uppercase;border:1px solid var(--hairline);padding:4px 8px;font-size:9px}.placeholder-note{font-family:var(--font-mono);color:var(--gray);letter-spacing:.1em;opacity:.55;margin-top:32px;font-size:11px}