.brand-portfolio-grid{padding-top:var(--brand-grid-padding-top);padding-bottom:var(--brand-grid-padding-bottom);background-color:var(--brand-grid-background)}.brand-portfolio-grid__container{max-width:var(--site-max-width);margin:0 auto}.brand-portfolio-grid__header{text-align:center;margin-bottom:32px}.brand-portfolio-grid__heading{font-family:var(--font-headline);font-size:calc(var(--font-headline-size) * 1.5);font-weight:300;margin:.25em auto;line-height:1.2;color:var(--brand-grid-text-color)}.brand-portfolio-grid__subheading{font-size:calc(var(--font-base-size));color:var(--brand-grid-text-color);margin:0 auto;text-align:center;max-width:600px}.brand-portfolio-grid__section-heading{font-family:var(--font-headline);font-size:calc(var(--font-headline-size) * .75);margin:2.5em 1rem .5em;padding:0;font-weight:300;color:var(--brand-grid-text-color);border-bottom:1px solid var(--color-text)}@media (min-width: 700px){.brand-portfolio-grid__section-heading{margin:2.5em 2rem .5em}}.brand-portfolio-grid__grid{display:grid;grid-template-columns:repeat(var(--brand-grid-columns-mobile),1fr);gap:var(--brand-grid-gap-mobile);padding:0 1rem}@media (min-width: 700px){.brand-portfolio-grid__grid{grid-template-columns:repeat(var(--brand-grid-columns-desktop),1fr);gap:var(--brand-grid-gap-desktop);padding:0 2rem}}.brand-portfolio-grid__item{display:block;background-color:var(--brand-grid-item-background);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit}.brand-portfolio-grid__item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.brand-portfolio-grid__image-wrapper{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:16px;background-color:var(--brand-grid-item-background)}.brand-portfolio-grid__logo{width:100%;height:100%;object-fit:contain}.brand-portfolio-grid__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.brand-portfolio-grid__placeholder .placeholder-svg{width:60%;height:60%;opacity:.3}.brand-portfolio-grid__vendor-text-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px;background-color:var(--brand-grid-item-background)}.brand-portfolio-grid__vendor-text{font-family:var(--font-headline);font-size:var(--font-base-size);font-weight:300;color:#00000080;text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.brand-portfolio-grid__vendor-name{padding:12px 16px;margin:0;text-align:center;font-size:.875rem;font-weight:500;border-top:1px solid rgba(0,0,0,.5);color:inherit}.brand-portfolio-grid__empty{text-align:center;padding:60px 20px;color:inherit;opacity:.6}.brand-portfolio-grid__item.scroll-trigger.animate--slide-in{opacity:0;transform:translateY(20px)}.brand-portfolio-grid__item.scroll-trigger.animate--slide-in.scroll-trigger--cancel{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: no-preference){.brand-portfolio-grid__item.scroll-trigger.animate--slide-in.scroll-trigger--in-view{animation:slideIn .5s ease forwards;animation-delay:calc(var(--animation-order) * .1s)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 899px){.brand-portfolio-grid__item.scroll-trigger.animate--slide-in.disabled-on-mobile{opacity:1;transform:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/brand-portfolio-grid.css.map */