.company-in-numbers {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: clamp(20px, 5cqw, 80px);
}
.company-in-numbers--no-content {
  display: block;
}
.company-in-numbers__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14em, 1fr));
  gap: calc(var(--gap) * 2) clamp(20px, 5cqw, 80px);
}
.company-in-numbers__number {
  font-family: var(--font-basic);
  font-weight: var(--bold);
  font-optical-sizing: auto;
  font-size: var(--font-size-48);
  color: var(--color-secondary);
}
.company-in-numbers__number sup {
  font-size: 0.5em;
}
.company-in-numbers__text {
  font-family: var(--font-basic);
  font-weight: var(--black);
  font-optical-sizing: auto;
  font-size: var(--font-size-20);
  color: var(--color-white);
  line-height: 1.25;
  text-shadow: var(--glow);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-top: 0.5em;
}
.company-in-numbers__text-smaller {
  font-family: var(--font-basic);
  font-weight: var(--regular);
  font-optical-sizing: auto;
  font-size: var(--font-size-18);
  color: var(--color-white);
  line-height: 1.5;
  margin-top: 1em;
  opacity: 0.75;
}
@media screen and (max-width: 768px) {
  .company-in-numbers {
    grid-template-columns: 1fr;
  }
  .company-in-numbers .section__white-text {
    max-width: none;
  }
}
@media screen and (max-width: 480px) {
  .company-in-numbers__number {
    font-size: var(--font-size-36);
  }
  .company-in-numbers__text {
    font-size: var(--font-size-16);
  }
  .company-in-numbers__items {
    grid-template-columns: 1fr 1fr;
  }
}