.brands-directory{background:#fff;padding:64px 0 96px}.brands-directory__hero{text-align:center;border-bottom:1px solid #00000014;margin-bottom:28px;padding:32px 0 40px}.brands-directory__hero .eyebrow{color:#0000008c;margin-bottom:10px;display:block}.brands-directory__title{font-family:var(--font-display);letter-spacing:-.045em;color:#000;margin:0 0 14px;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:.95}.brands-directory__subtitle{max-width:600px;font-family:var(--font-ui);color:#000000a6;margin:0 auto 24px;font-size:1rem;line-height:1.55}.brands-directory__search-wrap{max-width:420px;margin:0 auto;position:relative}.brands-directory__search-icon{color:#00000073;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.brands-directory__search{width:100%;height:46px;font-family:var(--font-ui);color:#000;background:#fff;border:1px solid #00000026;padding:0 16px 0 44px;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.brands-directory__search:focus{border-color:#000;outline:none;box-shadow:0 0 0 2px #0000000f}.brands-directory__popular{margin-bottom:40px}.brands-directory__popular-title{font-family:var(--font-display);letter-spacing:-.02em;color:#000;border-bottom:1px solid #00000014;margin:0 0 16px;padding-bottom:8px;font-size:1.25rem;font-weight:900}.brands-directory__popular-grid{grid-template-columns:repeat(7,1fr);gap:14px;display:grid}.brands-directory__popular-card{color:#000;min-height:96px;font-family:var(--font-display);letter-spacing:-.01em;text-align:center;text-transform:capitalize;background:#fff;border:1px solid #00000026;justify-content:center;align-items:center;padding:18px 14px;font-size:1.125rem;font-weight:800;text-decoration:none;transition:background .18s cubic-bezier(.2,.8,.2,1),color .18s cubic-bezier(.2,.8,.2,1),transform .2s,border-color .18s;display:flex}.brands-directory__popular-card:hover{color:#fff;background:#000;border-color:#000;text-decoration:none;transform:translateY(-2px)}@media (width<=1100px){.brands-directory__popular-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=820px){.brands-directory__popular-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=560px){.brands-directory__popular-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.brands-directory__alphabet{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:36px;display:flex}.brands-directory__letter-link{min-width:32px;height:32px;font-family:var(--font-ui);letter-spacing:.06em;color:#000;border:1px solid #0000;justify-content:center;align-items:center;padding:0 8px;font-size:.75rem;font-weight:800;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.brands-directory__letter-link:hover{color:#fff;background:#000;border-color:#000;text-decoration:none}.brands-directory__letter-link.is-disabled{color:#0003;pointer-events:none}.brands-directory__grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.brands-directory__letter-heading{font-family:var(--font-display);letter-spacing:-.02em;color:#000;border-bottom:1px solid #00000014;grid-column:1/-1;margin-top:8px;padding:28px 0 8px;scroll-margin-top:120px;font-size:1.25rem;font-weight:900}.brands-directory__letter-heading:first-child{margin-top:0;padding-top:0}.brands-directory__card{color:#000;min-height:68px;font-family:var(--font-ui);letter-spacing:.01em;text-align:center;text-transform:capitalize;background:#f6f6f6;border:1px solid #0000;justify-content:center;align-items:center;padding:14px 18px;font-size:.9375rem;font-weight:800;text-decoration:none;transition:background .18s cubic-bezier(.2,.8,.2,1),color .18s cubic-bezier(.2,.8,.2,1),transform .2s,border-color .18s;display:flex}.brands-directory__card:hover{color:#fff;background:#000;border-color:#000;text-decoration:none;transform:translateY(-2px)}.brands-directory__loading,.brands-directory__empty{text-align:center;font-family:var(--font-ui);color:#00000080;grid-column:1/-1;padding:48px 16px;font-size:.9375rem}@media (width<=1100px){.brands-directory__grid{grid-template-columns:repeat(4,1fr)}}@media (width<=820px){.brands-directory__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.brands-directory__grid{grid-template-columns:repeat(2,1fr);gap:10px}}