/* Keep the comparison headline readable at wide and narrow viewport sizes. */
.comparison-hero .subhero-copy {
  padding-right: clamp(24px, 4vw, 64px);
}

.comparison-hero .comparison-heading-line {
  display: block;
}

.comparison-hero .comparison-heading-phrase {
  display: inline-block;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .comparison-hero .subhero-copy {
    padding-right: 7%;
  }
}