.hero-bg {
  background-image: url('hero-codes-real.webp?v=6');
  background-position: center 64%;
}

.feature .project-visual img {
  object-position: center 58%;
}

.p2 img {
  object-position: center 54%;
}

.p3 img {
  object-position: center 48%;
}

.commitment-graphic > img {
  object-position: center 48%;
}

.clients-panel {
  margin-top: 54px;
  padding: 38px 40px;
  background: #0b2637;
  color: #fff;
}

.clients-panel .kicker {
  color: #73b9e8;
}

.clients-panel h3 {
  margin: 8px 0 25px;
  font: 600 27px/1.2 'Manrope', sans-serif;
}

.client-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border-top: 1px solid #38505d;
  border-bottom: 1px solid #38505d;
}

.client-list span {
  display: flex;
  align-items: center;
  min-height: 92px;
  padding: 18px;
  border-right: 1px solid #38505d;
  color: #e7edef;
  font-weight: 600;
}

.client-list span:last-child {
  border-right: 0;
}

.clients-panel small {
  display: block;
  margin-top: 17px;
  color: #93a7af;
}

@media (max-width: 900px) {
  .client-list { grid-template-columns: 1fr 1fr; }
  .client-list span { border-bottom: 1px solid #38505d; }
}

@media (max-width: 560px) {
  .clients-panel { padding: 28px 22px; }
  .client-list { grid-template-columns: 1fr; }
  .client-list span { min-height: 64px; border-right: 0; }
}