.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.work-card{display:block;min-width:0}.work-image{position:relative;background:#222;overflow:hidden;aspect-ratio:3/4}.work-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3);transition:transform .45s,filter .45s}.work-card:hover img{transform:scale(1.055);filter:grayscale(0)}.work-arrow{position:absolute;bottom:0;right:0;background:var(--accent);width:48px;height:48px;display:grid;place-items:center;color:#14110e;transform:translateY(48px);transition:.28s}.work-card:hover .work-arrow{transform:translateY(0)}.work-info{padding:19px 0}.work-info h3{font-size:21px;letter-spacing:.03em;margin:10px 0 14px;font-weight:600}.work-bottom{border-top:1px solid var(--border);padding-top:12px;display:flex;justify-content:space-between;gap:8px;color:#aaa;font-size:11px}.work-bottom>span:last-child{color:var(--accent);white-space:nowrap}.work-bottom small{font-size:9px;color:#999}.portfolio-filter{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:25px}.filter-search{flex:1;min-width:200px;position:relative}.filter-search i{position:absolute;top:19px;left:17px;color:var(--accent)}.portfolio-filter input,.portfolio-filter select{height:52px;border:1px solid #333;background:#171717;color:var(--text);padding:0 20px;outline:none}.portfolio-filter input{width:100%;padding-left:48px}.portfolio-filter select{min-width:200px}.filter-clear{font-size:12px;text-decoration:underline;color:var(--muted)}.catalog-count{font-size:11px;letter-spacing:.18em;color:var(--accent);margin-bottom:25px}