.catalog-hero{background-color:var(--color-surface);padding:4rem 0 2rem}.catalog-title{color:var(--color-ink);letter-spacing:-.03em;margin-bottom:.5rem;font-size:2rem;font-weight:400}@media (min-width:768px){.catalog-title{font-size:2.25rem}}.catalog-subtitle{color:var(--color-gray-500);margin-bottom:2.5rem;font-size:1rem;font-weight:400}.catalog-filters{flex-wrap:wrap;gap:.75rem;margin-bottom:3rem;display:flex}.filter-pill{cursor:pointer;color:#6b7280;background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:.625rem 1.25rem;font-family:inherit;font-size:1rem;transition:background-color .2s,border-color .2s,color .2s;display:inline-block;position:relative}.filter-pill:hover{background-color:#f3f4f6}.filter-pill.active{color:#1a1a1a;background-color:#f3f4f6;border-color:#d8dadf}.filter-pill-invisible{visibility:hidden;font-weight:600}.filter-pill-visible{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;padding-bottom:6rem;display:grid}.catalog-card-wrapper{width:100%;max-width:320px;margin:0 auto}