.case-results-hero {
  padding-top: clamp(96px, 12vw, 160px);
  padding-bottom: clamp(48px, 8vw, 80px);
  background: var(--surface, #fff);
}

.case-results-hero .container {
  max-width: 1100px;
}

.cr-hero-lead {
  margin: 0;
  font-size: clamp(16px, 1.6vw, 18px);
  line-height: 1.6;
  color: white;
  max-width: 72ch;
  margin: 0 auto;
  text-align: center;
}

.cr-hero-title {
  line-height: 1.05;
  text-align: center;
  color: white;
  font-size: 7rem;
  margin: 0 0 16px;
}

.cr-hero--brand {
  background: var(--brand-color);
}
.cr-hero--brand::before {
  background: transparent;
}