.material-brands{padding:30px var(--gutter,clamp(24px,5.5vw,96px));color:#30373b;background:#fff;grid-template-columns:minmax(200px,310px) minmax(0,1fr);align-items:center;gap:40px;display:grid}.material-brands h2{letter-spacing:0;text-transform:none;text-wrap:balance;margin:0;font-size:18px;font-weight:500;line-height:1.45}.material-brands ul{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:28px;margin:0;padding:0;list-style:none;display:grid}.material-brands li{min-width:0}.material-brands a{border-radius:3px;justify-content:center;align-items:center;min-height:64px;padding:8px;text-decoration:none;display:flex}.material-brands img{object-fit:contain;width:100%;max-width:140px;height:44px;display:block}.material-brands img.material-brand-compact{max-width:76px;height:40px}.material-brands a:focus-visible{outline-offset:4px;outline:2px solid #254956}@media (hover:hover){.material-brands a:hover{background:#f5f6f6}}@media (max-width:1000px){.material-brands{grid-template-columns:1fr;gap:18px}.material-brands h2{text-align:center;justify-self:center;max-width:520px}.material-brands ul{justify-self:center;width:100%;max-width:760px}}@media (max-width:520px){.material-brands{gap:18px;padding:26px 24px}.material-brands h2{max-width:30ch;font-size:16px}.material-brands ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}.material-brands a{min-height:56px}.material-brands img{max-width:130px;height:38px}.material-brands img.material-brand-compact{max-width:65px;height:34px}}