.page-header.svelte-1uo84gz{justify-content:space-between;align-items:baseline;gap:var(--space-lg);margin-bottom:var(--space-3xl);flex-wrap:wrap;display:flex}.page-header.svelte-1uo84gz h1:where(.svelte-1uo84gz){font-size:clamp(2rem,4vw,3rem);font-style:italic}.filters.svelte-1uo84gz{gap:var(--space-sm);display:flex}.filters.svelte-1uo84gz button:where(.svelte-1uo84gz){letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-md);cursor:pointer;background:0 0;border-radius:3px;font-family:DM Sans,sans-serif;font-size:.75rem;transition:border-color .25s ease-in-out,color .25s ease-in-out}.filters.svelte-1uo84gz button:where(.svelte-1uo84gz):hover{border-color:var(--color-accent-violet);color:var(--color-text-primary)}.filters.svelte-1uo84gz button:where(.svelte-1uo84gz).active{border-color:var(--color-accent-violet);color:var(--color-accent-violet-light)}.works-grid.svelte-1uo84gz{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}
