.catalog-hero{background-color:var(--color-surface);padding:4rem 0 2rem;overflow-x:hidden}.catalog-title{color:var(--color-ink);letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.75rem;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{scrollbar-width:none;-webkit-overflow-scrolling:touch;background-color:#f5f5f7;border-radius:9999px;gap:2px;max-width:100%;margin-bottom:3.5rem;padding:4px;display:inline-flex;overflow-x:auto}.catalog-filters::-webkit-scrollbar{display:none}.filter-pill{cursor:pointer;color:#6e6e73;white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;border-radius:9999px;outline:none;flex-shrink:0;padding:10px 24px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .24s cubic-bezier(.4,0,.2,1)}.filter-pill:hover{color:#1d1d1f}.filter-pill.active{font-weight:500;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000a;color:#1d1d1f!important;background-color:#fff!important}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding-bottom:4rem;display:grid}@media (min-width:768px){.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;padding-bottom:6rem}}.catalog-card-wrapper{width:100%;min-width:0;max-width:100%;margin:0 auto;overflow:hidden}@media (min-width:768px){.catalog-card-wrapper{max-width:320px}}