.brand-grid-section{width:100%}.brand-grid-page-width{padding-left:1.5rem;padding-right:1.5rem;max-width:var(--page-width);margin:0 auto}@media screen and (min-width:750px){.brand-grid-page-width{padding-left:5rem;padding-right:5rem}}.brand-grid__header{margin-bottom:2.4rem}.brand-grid__heading{font-size:2.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-foreground));margin:0 0 .6rem}.brand-grid__heading-underline{width:4rem;height:.3rem;background-color:#fe6347;border-radius:2px}.brand-grid__list{display:grid;grid-template-columns:repeat(var(--per-row, 5),1fr);gap:1.2rem;margin:0;padding:0;list-style:none}@media screen and (max-width:989px){.brand-grid__list{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:599px){.brand-grid__list{grid-template-columns:repeat(2,1fr);gap:.8rem}}.brand-grid__item{list-style:none}.brand-grid__link{display:flex;flex-direction:column;text-decoration:none;cursor:pointer}.brand-grid__link--static{cursor:default}.brand-grid__img-wrap{width:100%;overflow:hidden;border-radius:.6rem;background:rgb(var(--color-background));position:relative}.brand-grid__img-wrap{aspect-ratio:1 / 1}.brand-grid__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.brand-grid__link:hover .brand-grid__image{transform:scale(1.03)}.brand-grid__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:rgba(var(--color-foreground),.4);font-size:1.2rem}.brand-grid__label-wrap{padding:1rem .2rem .4rem}.brand-grid__label{display:inline-flex;align-items:center;font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground));line-height:1.2;transition:color .15s ease}.brand-grid__link:hover .brand-grid__label{color:#fe6347}.brand-grid__arrow{color:#fe6347;font-size:1.6rem;transition:transform .15s ease;display:inline-block}.brand-grid__link:hover .brand-grid__arrow{transform:translate(3px)}.brand-grid__list[data-label-size=small] .brand-grid__label{font-size:1.3rem}.brand-grid__list[data-label-size=medium] .brand-grid__label{font-size:1.5rem}.brand-grid__list[data-label-size=large] .brand-grid__label{font-size:1.8rem}.brand-grid__list[data-ratio=portrait] .brand-grid__img-wrap{aspect-ratio:3 / 4}.brand-grid__list[data-ratio=landscape] .brand-grid__img-wrap{aspect-ratio:4 / 3}.brand-grid__list[data-ratio=square] .brand-grid__img-wrap{aspect-ratio:1 / 1}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-brand-grid.css.map */