/* Shared presentation for the three-column learning benefits on all pages. */
.home-page .benefits .wrap,
.catalog .benefits .wrap {
  width: min(76%, 1300px);
  max-width: none;
}

.home-page .benefits h2.regular,
.catalog .benefits h2.regular {
  margin: 0 0 66px;
  color: var(--ink);
  font-size: clamp(27px, 1.75vw, 32px);
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
}

.home-page .benefits .benefit-grid,
.catalog .benefits .benefit-grid {
  column-gap: clamp(36px, 3.6vw, 66px);
}

.home-page .benefits .benefit,
.catalog .benefits .benefit {
  padding: 0;
}

.home-page .benefits .benefit h3,
.catalog .benefits .benefit h3 {
  margin: 0 0 24px;
  color: var(--mint);
  font-size: clamp(30px, 2.4vw, 42px);
  line-height: .92;
}

.home-page .benefits .benefit p.benefit-lead,
.catalog .benefits .benefit p.benefit-lead {
  margin: 0 0 20px;
  color: var(--ink);
  font-size: clamp(19px, 1.48vw, 25px);
  line-height: 1.55;
}

.home-page .benefits .benefit p.benefit-copy,
.catalog .benefits .benefit p.benefit-copy {
  margin: 0;
  color: var(--ink);
  font-size: clamp(16px, 1.1vw, 19px);
  line-height: 1.62;
}

@media (min-width: 761px) and (max-width: 1100px) {
  .home-page .benefits .wrap,
  .catalog .benefits .wrap {
    width: 84%;
  }
}

@media (max-width: 760px) {
  .home-page .benefits .wrap,
  .catalog .benefits .wrap {
    width: 84%;
  }

  .home-page .benefits h2.regular,
  .catalog .benefits h2.regular {
    margin-bottom: 40px;
    font-size: 26px;
  }

  .home-page .benefits .benefit h3,
  .catalog .benefits .benefit h3 {
    font-size: 32px;
  }

  .home-page .benefits .benefit p.benefit-lead,
  .catalog .benefits .benefit p.benefit-lead {
    font-size: 20px;
  }
}