.section-brands-grid{padding-block:var(--spacing-8, 3.2rem);background:var(--color-background, #ffffff);color:var(--color-foreground, #111111)}.section-brands-grid .page-width{max-width:var(--page-width, 120rem);margin-inline:auto;padding-inline:var(--page-padding, 1.6rem);text-align:center}.section-brands-grid .eyebrow{font:var(--font-body-style, normal) normal var(--font-body-weight, 500) .875rem/1.2 var(--font-body-family, inherit);color:var(--color-foreground, currentColor);opacity:.7;margin:0 0 var(--spacing-2, .5rem)}.section-brands-grid .brands-title{font:var(--font-heading-style, normal) normal var(--font-heading-weight, 700) clamp(1.5rem,2vw + 1rem,2.75rem) / 1.15 var(--font-heading-family, inherit);margin:0 0 var(--spacing-4, 1.6rem)}.section-brands-grid .brands-subtitle{max-width:60ch;margin:0 auto var(--spacing-6, 2.4rem);opacity:.85}.section-brands-grid .brands-grid{display:grid;grid-template-columns:repeat(var(--brands-cols-mobile, 3),minmax(0,1fr));gap:var(--brands-gap, 1.6rem);align-items:center}@media (min-width: 750px){.section-brands-grid .brands-grid{grid-template-columns:repeat(var(--brands-cols-desktop, 6),minmax(0,1fr))}}.section-brands-grid .brand-card{display:grid;place-items:center;padding:var(--brands-item-pad, 1rem);text-decoration:none;border-radius:var(--border-radius, var(--buttons-radius, .5rem))}.section-brands-grid .brand-card__media{width:100%;display:grid;place-items:center}.section-brands-grid .brand-card__media img,.section-brands-grid .brand-card__placeholder svg{max-height:var(--brands-logo-max, 64px);width:auto;height:auto;max-width:100%;object-fit:contain}.section-brands-grid .brand-card__title{margin-top:var(--spacing-2, .5rem);font-size:.875rem;color:var(--color-foreground, currentColor);opacity:.8}.section-brands-grid.brands--grayscale img{filter:grayscale(1);opacity:.85;transition:filter .2s ease,opacity .2s ease}.section-brands-grid.brands--grayscale .brand-card:hover img,.section-brands-grid.brands--grayscale .brand-card:focus-visible img{opacity:1}.section-brands-grid.brands--grayscale[data-colorize=true] .brand-card:hover img,.section-brands-grid.brands--grayscale[data-colorize=true] .brand-card:focus-visible img{filter:none}@keyframes brands-fade-up{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.section-brands-grid .brands-grid[data-animate=true] .brand-card{opacity:0;animation:brands-fade-up var(--stagger-duration, .6s) ease both;animation-delay:calc(var(--stagger-step, 80ms) * var(--stagger-index, 0));will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.section-brands-grid .brands-grid[data-animate=true] .brand-card{animation:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/brands-grid.css.map */