/* Homepage reading density. Imported after mobile-reading.css. */
.folio {
  min-height: 315px;
  margin-bottom: 34px;
}

.folio-copy {
  padding-top: 46px;
  padding-bottom: 38px;
}

.folio-copy h1 {
  max-width: 20ch;
  font-size: clamp(2.5rem, 3.4vw, 3rem);
  line-height: 1.08;
}

.split {
  gap: 42px;
}

.split .panel h2 {
  font-size: 1.5rem;
  margin-bottom: 11px;
}

.split .rows li {
  padding-block: 14px;
}

@media (max-width: 767px) {
  .folio {
    min-height: 300px;
    margin-bottom: 28px;
  }

  .folio-copy {
    padding-top: 34px;
    padding-bottom: 28px;
  }

  .folio-copy h1 {
    max-width: 13ch;
    font-size: clamp(1.9rem, 8.2vw, 2rem);
    line-height: 1.12;
  }

  .folio-copy .lede {
    margin-bottom: 16px;
  }

  .folio-mark {
    bottom: 14px;
  }

  .split {
    gap: 20px;
  }

  .split .panel h2 {
    font-size: 1.35rem;
  }

  .split .rows li {
    padding-block: 14px;
  }
}