.filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.filter{border:1px solid #ddd;border-radius:30px;background:#fff;padding:10px 17px;font:inherit;cursor:pointer}.filter:hover,.filter.selected{background:#ee3159;color:white;border-color:#ee3159}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.work{display:block;color:#222;text-decoration:none;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px #00000013;transition:transform .2s,box-shadow .2s}.work:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000020}.work img{display:block;width:100%;height:245px;object-fit:cover}.work-info{display:grid;gap:5px;padding:16px}.work-info small{color:#c92d50}.work[hidden]{display:none}#viewer{border:0;border-radius:14px;padding:14px;background:#fff;max-width:min(94vw,1000px);max-height:94vh}#viewer::backdrop{background:#000c}#viewer img{display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:auto}#viewer p{text-align:center;margin:10px 0 0}#closeViewer{position:absolute;right:16px;top:12px;background:#fff;border:0;border-radius:50%;font-size:30px;cursor:pointer;width:42px;height:42px}@media(max-width:800px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:530px){.work-grid{grid-template-columns:1fr}.work img{height:260px}}