.work-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.work-filter{cursor:pointer;border:1px solid var(--color-border);border-radius:9999px;background-color:transparent;color:var(--color-muted-foreground);padding:.375rem .875rem;font-size:.875rem;line-height:1.25rem;font-weight:500;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.work-filter:hover{border-color:var(--color-primary);color:var(--color-foreground)}.work-filter:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.work-filter[aria-pressed=true]{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-foreground)}.work-card[hidden],.work-empty[hidden]{display:none}.about-avatar{float:right;width:6rem;height:6rem;margin:0 0 1rem 1.5rem;border:1px solid var(--color-border);border-radius:9999px;object-fit:cover;box-shadow:0 1px 2px rgb(0 0 0/5%);shape-outside:circle()}@media(min-width:640px){.about-avatar{width:10rem;height:10rem}}