.BrandDirectory{--brand-accent: #6b6259;--brand-ink: #111;--brand-muted: rgba(17, 17, 17, .7);--brand-paper: #f5f3f0;box-sizing:border-box;color:var(--brand-ink);font-family:Suisseintl,Arial,sans-serif;margin-block:40px;margin-inline:auto;max-width:var(--rp-container-width, 1080px);padding-inline:clamp(16px,4vw,32px);width:100%}.BrandDirectory__Header{margin-bottom:3rem;text-align:center}.BrandDirectory__Heading{font-family:Suisseintl,Arial,sans-serif;font-weight:100;margin:0 0 .5rem;text-transform:uppercase}.BrandDirectory__Intro{font-size:1.05rem;margin:0;opacity:.8}.BrandDirectory__Intro>:first-child{margin-top:0}.BrandDirectory__Intro>:last-child{margin-bottom:0}.BrandDirectory__Grid{display:grid;gap:1rem;grid-auto-rows:1fr;grid-template-columns:repeat(3,minmax(0,1fr))}.BrandDirectory__Card{display:flex}.BrandDirectory__Card a{align-items:center;background:var(--brand-paper);color:inherit;display:flex;justify-content:space-between;min-height:132px;padding:24px;text-decoration:none;transition:background-color .2s ease,color .2s ease;width:100%}.BrandDirectory__Card a:hover,.BrandDirectory__Card a:focus-visible{background:var(--brand-accent);color:#fff;outline:none}.BrandDirectory__Card h2{font-family:Suisseintl,Arial,sans-serif;font-size:clamp(20px,2vw,26px);font-weight:500;line-height:1.15;margin:0}.BrandDirectory__Card p{color:var(--brand-muted);font-size:13px;line-height:1.45;margin:10px 0 0;transition:color .2s ease}.BrandDirectory__Card a:hover p,.BrandDirectory__Card a:focus-visible p{color:#ffffffc7}.BrandDirectory__CardMeta{align-items:center;color:var(--brand-muted);display:flex;flex:0 0 auto;font-size:12px;gap:18px;margin-left:18px}.BrandDirectory__Card a:hover .BrandDirectory__CardMeta,.BrandDirectory__Card a:focus-visible .BrandDirectory__CardMeta{color:#ffffffc7}.BrandDirectory__Arrow{font-size:24px;line-height:1;transition:transform .16s ease}.BrandDirectory__Card a:hover .BrandDirectory__Arrow,.BrandDirectory__Card a:focus-visible .BrandDirectory__Arrow{transform:translate(4px)}@media screen and (max-width:1007px){.BrandDirectory__Grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:640px){.BrandDirectory__Header{margin-bottom:2rem}.BrandDirectory__Grid{grid-template-columns:1fr}.BrandDirectory__Card a{min-height:108px}.BrandDirectory__CardMeta>span:first-child{display:none}}@media(prefers-reduced-motion:reduce){.BrandDirectory__Arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/section-brand-directory.css.map */