.works-page{padding-bottom:6rem}.works-page__categories{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:4rem;display:flex}.works-page__category{color:#6b7280;cursor:pointer;background-color:#0000;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.works-page__category:hover{color:#7c3aed;border-color:#7c3aed}.works-page__category.is-active{color:#fff;background-color:#7c3aed;border-color:#7c3aed}.works-page__grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (max-width:1024px){.works-page__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.works-page__grid{grid-template-columns:1fr}}.work-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;transition:box-shadow .2s,transform .2s}.work-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.work-card{display:block;overflow:hidden}.work-card:hover{transform:translateY(-4px)}.work-card:hover .work-card__image{transform:scale(1.05)}.work-card__image{border-bottom:1px solid #e5e7eb;height:200px;transition:transform .3s;position:relative;overflow:hidden}.work-card__placeholder{color:#fff3;font-size:3rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-card__thumbnail{object-fit:cover;object-position:center}.work-card__content{padding:1.5rem}.work-card__meta{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.work-card__meta-group{flex-wrap:wrap;align-items:center;gap:.25rem;min-width:0;display:flex}.work-card__badge{letter-spacing:.04em;color:#7c3aed;background:#7c3aed14;border:1px solid #7c3aed2e;border-radius:999px;justify-content:center;align-items:center;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.work-card__title{color:#111;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.work-card__desc{color:#6b7280;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.work-card__tech{flex-wrap:wrap;gap:.25rem;display:flex}.work-card__tech-item{color:#6b7280;background-color:#f7f8fb;border-radius:.375rem;padding:2px .5rem;font-size:.75rem}