/* Give the client marks the same presence as the work on large displays.
   Keep the full-width section outside the global .wrap width cap. */
@media (min-width: 1101px) {
  .clients.wrap {
    width: 100%;
    max-width: none;
    padding-block: clamp(96px, 6.25vw, 160px);
    padding-inline: max(48px, 4vw, calc((100% - 2240px) / 2));
  }

  .clients .clients-intro {
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
    align-items: end;
    gap: clamp(40px, 4vw, 100px);
    margin-bottom: clamp(40px, 4vw, 80px);
  }

  .clients .clients-intro h2 {
    font-size: clamp(86px, 6.6vw, 156px);
    line-height: .89;
  }

  .clients .clients-intro p {
    max-width: 480px;
    font-size: clamp(18px, 1.15vw, 24px);
    line-height: 1.45;
  }

  .clients .logo-wall {
    width: 100%;
    justify-content: center;
    padding-block: clamp(16px, 1.6vw, 36px);
  }

  .clients .client-logo {
    flex: 0 0 20%;
    height: clamp(164px, 10vw, 224px);
    padding: clamp(24px, 1.8vw, 40px) clamp(20px, 1.8vw, 44px);
  }

  .clients .client-logo img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: min(100%, clamp(180px, 12.5vw, 320px));
    max-height: clamp(88px, 5.6vw, 128px);
    object-fit: contain;
  }

  .clients .client-logo.empire-logo img {
    max-width: 100%;
  }

  .clients .client-logo.full-circle-logo img {
    max-height: clamp(100px, 6.8vw, 154px);
  }
}