.brands-section { padding: 94px 0 102px; background: #f7fbfd; }
.brands-heading { display: grid; grid-template-columns: 1fr auto; gap: 8px 45px; align-items: end; margin-bottom: 34px; }
.brands-heading .eyebrow { grid-column: 1 / -1; margin-bottom: 2px; }.brands-heading h2 { margin: 0; color: #102c41; font: 700 42px/1.08 Manrope, sans-serif; letter-spacing: -.055em; }.brands-heading h2 em { color: #1778ba; font-style: normal; }.brands-heading > p:last-child { max-width: 310px; margin: 0; color: #607582; font-size: 14px; line-height: 1.6; }
.brand-grid { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid #dcebf1; background: #fff; }
.brand-tile { height: 124px; display: grid; place-items: center; padding: 21px; border-right: 1px solid #dcebf1; border-bottom: 1px solid #dcebf1; background: #fff; transition: background .2s ease, transform .2s ease; }.brand-tile:nth-child(5n) { border-right: 0; }.brand-tile:nth-last-child(-n+5) { border-bottom: 0; }.brand-tile:hover { background: #f0f8fc; transform: translateY(-2px); }.brand-tile img { display: block; max-width: 85%; max-height: 54px; object-fit: contain; }.brand-tile:nth-child(3) img, .brand-tile:nth-child(4) img { max-height: 62px; }.brand-tile:nth-child(5) img { max-width: 92%; max-height: 48px; }
@media (max-width: 800px) { .brands-section { padding: 66px 0; }.brands-heading { display: block; }.brands-heading h2 { font-size: 35px; }.brands-heading > p:last-child { margin-top: 15px; }.brand-grid { grid-template-columns: repeat(3, 1fr); }.brand-tile:nth-child(5n) { border-right: 1px solid #dcebf1; }.brand-tile:nth-child(3n) { border-right: 0; }.brand-tile:nth-last-child(-n+5) { border-bottom: 1px solid #dcebf1; }.brand-tile:nth-last-child(-n+1) { border-bottom: 0; } }
@media (max-width: 520px) { .brand-grid { grid-template-columns: repeat(2, 1fr); }.brand-tile { height: 103px; padding: 15px; }.brand-tile:nth-child(3n) { border-right: 1px solid #dcebf1; }.brand-tile:nth-child(2n) { border-right: 0; }.brand-tile:nth-last-child(-n+1) { border-bottom: 0; } }