.brand-directory{--brand-directory-gap: 1.6rem}.brand-directory__header{max-width:78rem;margin:0 auto 3.2rem;text-align:center}.brand-directory__heading{margin:0}.brand-directory__intro{margin-top:1.2rem;color:rgba(var(--color-foreground),.75)}.brand-directory__intro p{margin:0}.brand-directory__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--brand-directory-gap);margin:0;padding:0;list-style:none}.brand-directory__item{min-width:0}.brand-directory__card{display:flex;height:100%;min-height:18rem;flex-direction:column;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--media-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;box-shadow:0 .6rem 2rem rgba(var(--color-foreground),.06);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.brand-directory__card:hover{border-color:rgba(var(--color-foreground),.35);box-shadow:0 1.2rem 2.8rem rgba(var(--color-foreground),.11);transform:translateY(-.2rem)}.brand-directory__media{display:flex;min-height:13rem;flex:1 1 auto;align-items:center;justify-content:center;padding:2.4rem;background:#fff}.brand-directory__image{display:block;width:100%;height:9rem;object-fit:contain}.brand-directory__wordmark{display:flex;min-height:13rem;flex:1 1 auto;align-items:center;justify-content:center;padding:2.4rem;background:rgba(var(--color-foreground),.035);color:rgb(var(--color-foreground));font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;line-height:1.15;text-align:center}.brand-directory__name{display:flex;min-height:5.6rem;align-items:center;justify-content:center;gap:.8rem;margin:0;padding:1.4rem 1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.09);font-size:1.7rem;font-weight:700;line-height:1.25;text-align:center}.brand-directory__arrow{width:1.5rem;flex:0 0 1.5rem;transition:transform .16s ease}.brand-directory__card:hover .brand-directory__arrow{transform:translate(.3rem)}@media screen and (min-width:750px){.brand-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:990px){.brand-directory__grid{grid-template-columns:repeat(var(--brand-columns-desktop),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.brand-directory__card,.brand-directory__arrow{transition:none}.brand-directory__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-brand-directory.css.map */