.collection{padding-block:3rem}@media (min-width:768px){.collection{padding-block:4rem}}.collection__header{border-bottom:1px solid var(--border);padding-bottom:2rem}.collection__eyebrow{color:var(--muted-foreground)}.collection__title{margin-top:0.5rem;font-family:var(--font-serif);font-weight:600;font-size:2.25rem}@media (min-width:768px){.collection__title{font-size:3rem}}.collection__count{margin-top:0.75rem;font-size:0.875rem;color:var(--muted-foreground)}.collection__controls{display:flex;flex-direction:column;gap:1rem;padding-block:1.5rem}@media (min-width:640px){.collection__controls{flex-direction:row;align-items:center;justify-content:space-between}}.collection__chips{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem}.chip{border-radius:9999px;border:1px solid var(--border);padding:0.375rem 1rem;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.12em;color:color-mix(in oklab,var(--foreground) 70%,transparent);text-decoration:none;transition:color .2s ease,border-color .2s ease,background-color .2s ease;white-space:nowrap}.chip:hover{border-color:var(--foreground);color:var(--foreground)}.chip--active{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.collection__sort{display:flex;align-items:center;gap:0.5rem}.collection__sort .icon{width:1rem;height:1rem;color:var(--muted-foreground)}.collection__sort-select{height:2.25rem;width:11rem;border-radius:0;border:1px solid var(--border);background:transparent;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--foreground);font-family:var(--font-sans);padding:0 0.75rem;cursor:pointer}.collection__grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1rem;row-gap:2.5rem}@media (min-width:768px){.collection__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.collection__grid{grid-template-columns:repeat(4,1fr)}}.collection__empty{padding-block:6rem;text-align:center}.collection__empty-title{font-family:var(--font-serif);font-size:1.5rem;margin:0}.collection__empty-text{margin-top:0.5rem;font-size:0.875rem;color:var(--muted-foreground)}.collection__pagination{margin-top:3.5rem;display:flex;justify-content:center;gap:0.75rem;font-size:0.8rem;letter-spacing:0.08em;text-transform:uppercase}.collection__pagination a,.collection__pagination span{color:var(--muted-foreground);text-decoration:none}.collection__pagination a:hover{color:var(--foreground)}.collection__pagination .current{color:var(--foreground);font-weight:500}