.shopify-section:has(.brand-logo-grid-section){background-color:var(--section-background, #008AFF);position:relative;margin:0!important;padding:0!important}.brand-logo-grid-section{background-color:var(--section-background, #008AFF);position:relative;margin:0!important;padding:0!important}.brand-logo-grid{background-color:transparent;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 0}.brand-logo-grid__container{display:flex;flex-direction:column;align-items:center;gap:5rem;width:100%}@media screen and (max-width:749px){.brand-logo-grid__container{gap:3rem}}.brand-logo-grid__heading{font-family:"RebrandDisplay",var(--font-heading),sans-serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:800;margin:0;line-height:1.1;letter-spacing:-.02em;color:var(--heading-color, #1F2A5F);width:100%}.brand-logo-grid__heading--center{text-align:center}.brand-logo-grid__heading--left{text-align:left;padding-left:2rem}@media screen and (min-width:750px){.brand-logo-grid__heading{font-size:clamp(4rem,7vw,6.5rem)}}@media screen and (min-width:990px){.brand-logo-grid__heading{font-size:clamp(5rem,8vw,8rem)}}.brand-logo-grid__logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:2rem;width:100%;max-width:1400px;align-items:start;justify-items:center}@media screen and (min-width:750px){.brand-logo-grid__logo-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:2.5rem}}@media screen and (min-width:990px){.brand-logo-grid__logo-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:3rem}}.brand-logo-grid__logo-grid--large{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media screen and (min-width:750px){.brand-logo-grid__logo-grid--large{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media screen and (min-width:990px){.brand-logo-grid__logo-grid--large{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.brand-logo-grid__logo-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1rem;width:100%;gap:1rem;position:relative}.brand-logo-grid__logo-link{display:inline-block;text-decoration:none;color:inherit;cursor:pointer;position:relative;z-index:1}.brand-logo-grid__logo-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;transition:transform .3s ease;will-change:transform}.brand-logo-grid__logo-item:hover .brand-logo-grid__logo-wrapper,.brand-logo-grid__logo-link:hover .brand-logo-grid__logo-wrapper{transform:scale(1.15)}.brand-logo-grid__logo-item[data-no-hover-text]:hover .brand-logo-grid__logo-wrapper,.brand-logo-grid__logo-item[data-no-hover-text] .brand-logo-grid__logo-link:hover .brand-logo-grid__logo-wrapper{transform:scale(1.15) rotate(-3deg)}.brand-logo-grid__logo-image{display:block;width:120px;height:auto;object-fit:contain;filter:brightness(0) saturate(100%) invert(15%) sepia(30%) saturate(1500%) hue-rotate(200deg) brightness(90%) contrast(95%);transition:opacity .3s ease;position:relative;z-index:1}.brand-logo-grid__logo-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--logo-hover-color, #FFFFFF);opacity:0;mask-image:var(--logo-mask-url);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:var(--logo-mask-url);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;pointer-events:none;transition:opacity .3s ease;z-index:2}.brand-logo-grid__logo-item:hover .brand-logo-grid__logo-image,.brand-logo-grid__logo-link:hover .brand-logo-grid__logo-image{opacity:0}.brand-logo-grid__logo-item:hover .brand-logo-grid__logo-wrapper:before,.brand-logo-grid__logo-link:hover .brand-logo-grid__logo-wrapper:before{opacity:1}@media screen and (min-width:750px){.brand-logo-grid__logo-image{width:150px}}@media screen and (min-width:990px){.brand-logo-grid__logo-image{width:180px}}.brand-logo-grid__logo-grid--large .brand-logo-grid__logo-image{min-width:180px;min-height:80px;width:200px}@media screen and (min-width:750px){.brand-logo-grid__logo-grid--large .brand-logo-grid__logo-image{min-width:220px;min-height:100px;width:250px}}@media screen and (min-width:990px){.brand-logo-grid__logo-grid--large .brand-logo-grid__logo-image{min-width:260px;min-height:120px;width:300px}}.brand-logo-grid__logo-placeholder{display:flex;align-items:center;justify-content:center;min-width:120px;min-height:50px;font-size:.875rem;font-weight:600;color:var(--heading-color, #1F2A5F);border:2px dashed var(--heading-color, #1F2A5F);border-radius:4px;padding:1rem;transition:all .3s ease}.brand-logo-grid__logo-item:hover .brand-logo-grid__logo-placeholder{color:var(--logo-hover-color, #FFFFFF);border-color:var(--logo-hover-color, #FFFFFF)}.brand-logo-grid__text-below{font-family:"RebrandDisplay",var(--font-heading),sans-serif;font-size:clamp(1.75rem,4vw,3rem);font-weight:800;color:var(--heading-color, #1F2A5F);text-align:center;max-width:100%;line-height:1.1;letter-spacing:-.02em}.brand-logo-grid__hover-text{font-size:.875rem;font-weight:500;color:var(--heading-color, #1F2A5F);text-align:center;max-width:100%;line-height:1.4;opacity:0;transition:opacity .3s ease}.brand-logo-grid__logo-item:hover .brand-logo-grid__hover-text{opacity:1}.brand-logo-grid__empty{text-align:center;padding:3rem 1.5rem;color:var(--heading-color, #1F2A5F);font-size:1.125rem}.brand-logo-grid__empty p{margin:0}@media screen and (max-width:749px){.brand-logo-grid{padding:2rem 0;min-height:100vh}.brand-logo-grid__container{gap:2rem}.brand-logo-grid__logo-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.brand-logo-grid__logo-item{padding:.5rem}.brand-logo-grid__hover-text{opacity:1}}@media(prefers-reduced-motion:reduce){.brand-logo-grid__logo-image,.brand-logo-grid__logo-placeholder,.brand-logo-grid__hover-text,.brand-logo-grid__logo-wrapper,.brand-logo-grid__logo-wrapper:before{transition:none}.brand-logo-grid__logo-item:hover .brand-logo-grid__logo-wrapper,.brand-logo-grid__logo-link:hover .brand-logo-grid__logo-wrapper,.brand-logo-grid__logo-item[data-no-hover-text]:hover .brand-logo-grid__logo-wrapper,.brand-logo-grid__logo-item[data-no-hover-text] .brand-logo-grid__logo-link:hover .brand-logo-grid__logo-wrapper{transform:none}}@media(prefers-contrast:more){.brand-logo-grid__heading{text-shadow:none}.brand-logo-grid__logo-placeholder{border-width:3px}}@media(forced-colors:active){.brand-logo-grid__logo-image{filter:none}.brand-logo-grid__logo-placeholder{border-color:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-brand-logo-grid.css.map */