/* Balance the left promise with the right hero caption on desktop. */
@media (min-width: 1001px) {
  .capability-hero .serve-promise {
    gap: .2rem;
    font-size: clamp(1.25rem, 1.7vw, 2rem);
    line-height: 1.6;
  }
}

@media (min-width: 1500px) {
  .capability-hero .serve-hero-image figcaption {
    max-width: min(42%, 560px);
  }

  .capability-hero .serve-hero-image figcaption > span,
  .capability-hero .serve-hero-image figcaption > p {
    white-space: nowrap;
  }
}