.brand-grid__wrapper{display:flex;flex-direction:column;gap:2.4rem}.brand-grid__eyebrow{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.brand-grid__header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.brand-grid__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.01em}.brand-grid__subheading{margin:.5rem 0 0;max-width:40rem;color:rgba(var(--color-foreground),.7);font-size:1.5rem;line-height:1.5}.brand-grid__view-all{font-size:1.4rem;font-weight:600;white-space:nowrap}.brand-grid__grid{display:grid;grid-template-columns:repeat(var(--bg-columns, 6),1fr);gap:1.2rem}.brand-grid__tile{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 2;padding:2rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--corner-radius, 6px);background:rgb(var(--color-background));text-decoration:none;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease,border-color .25s ease,box-shadow .25s ease}.brand-grid__tile.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.brand-grid__tile{transition:border-color .25s ease,box-shadow .25s ease;opacity:1;transform:none}}.brand-grid__tile:hover,.brand-grid__tile:focus-visible{border-color:rgba(var(--color-foreground),.35);box-shadow:0 6px 20px #0000000f}.brand-grid__tile:focus-visible{outline:2px solid rgba(var(--color-foreground),.9);outline-offset:2px}.brand-grid__logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.65;transition:filter .3s ease,opacity .3s ease,transform .3s ease}.brand-grid__tile:hover .brand-grid__logo,.brand-grid__tile:focus-visible .brand-grid__logo{filter:grayscale(0%);opacity:1;transform:scale(1.04)}.brand-grid__logo--text{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.8rem;text-align:center;color:rgb(var(--color-foreground))}.brand-grid__empty{padding:3rem 2rem;text-align:center;color:rgba(var(--color-foreground),.6);border:1px dashed rgba(var(--color-foreground),.2);border-radius:var(--corner-radius, 6px)}@media screen and (max-width:989px){.brand-grid__grid{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:749px){.brand-grid__grid{grid-template-columns:repeat(3,1fr);gap:.9rem}.brand-grid__tile{padding:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/section-brand-grid.css.map */
