.brands-grid__inner{gap:5rem}.brands-grid__list{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.brands-grid-item{aspect-ratio:425/348;display:flex;align-items:center;justify-content:center;padding:2rem;border:.1rem solid #d6d6d6;margin:-.05rem;position:relative;overflow:hidden}.brands-grid-item__logo{display:flex;max-width:24.5rem;max-height:7.8rem}.brands-grid-item__logo img{height:auto;transition:.3s}.brands-grid-item__image{position:absolute;inset:0;z-index:-1;opacity:0;transition:.3s}.brands-grid-item__image:before{content:"";display:block;background:#000;opacity:50%;position:absolute;inset:0;z-index:1}.brands-grid-item:first-child{border-top-left-radius:1.6rem}.brands-grid-item:nth-child(3){border-top-right-radius:1.6rem}.brands-grid-item:nth-last-child(3){border-bottom-left-radius:1.6rem}.brands-grid-item:last-child{border-bottom-right-radius:1.6rem}@media (hover:hover) and (pointer:fine){.brands-grid-item:hover .brands-grid-item__image{opacity:1}.brands-grid-item:hover .brands-grid-item__logo img{filter:brightness(1000%) saturate(0%)}}@media (hover:none){.brands-grid-item:active .brands-grid-item__image{opacity:1}.brands-grid-item:active .brands-grid-item__logo img{filter:brightness(1000%) saturate(0%)}}@media screen and (max-width:767.9px){.brands-grid__list{grid-template-columns:repeat(2,1fr)}.brands-grid-item:nth-child(n){border-radius:0}.brands-grid-item:nth-child(2){border-top-right-radius:1.6rem}.brands-grid-item:nth-last-child(2){border-bottom-left-radius:1.6rem}}@media screen and (max-width:575.9px){.brands-grid__inner{gap:2.4rem}.brands-grid__list{grid-template-columns:repeat(1,1fr)}.brands-grid-item:nth-child(n){aspect-ratio:335/112;border-radius:0}.brands-grid-item:first-child{border-radius:1.6rem 1.6rem 0 0}.brands-grid-item:last-child{border-radius:0 0 1.6rem 1.6rem}.brands-grid-item__logo{max-width:52%;max-height:50%}}