/* Section "Home: Who we work with" (patterns/home-who-we-work-with.php). */

.eco{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.eco li{background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:22px 20px 22px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;transition:border-color .2s,background .2s}
.eco li:hover{border-color:var(--violet)}
.eco svg{width:30px;height:30px;color:var(--violet)}
.eco b{font-weight:700;color:var(--ink);font-size:16px;line-height:1.3}

@media (max-width:1180px){
  .eco{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:640px){
  .eco{grid-template-columns:1fr 1fr}
  .eco li{min-height:130px;padding:18px 16px}
}