.text-cover {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1rem 3rem;
}
.text-cover--highlight {
  background: var(--green);
  color: var(--white);
}
@media only screen and (min-width: 768px) {
  .text-cover {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    align-items: center;
    padding: 0;
    min-height: calc(100 * var(--vh) - var(--top-row-only));
  }
  .text-cover:is(:first-child) {
    min-height: calc(100 * var(--vh) - var(--top-pad));
  }
}
.text-cover__wrapper {
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 768px) {
  .text-cover__wrapper {
    grid-column: 3/span 10;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
}
.text-cover__sub-heading {
  font-family: ReaderMedium;
  font-size: 0.75rem;
  letter-spacing: 1.2px;
  line-height: 1.125rem;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-bottom: 0.25rem;
}
@media only screen and (min-width: 768px) {
  .text-cover__sub-heading {
    grid-column: span 5;
    grid-row: 1;
    margin-bottom: 1rem;
  }
}
.text-cover__heading {
  font-family: Reader;
  font-size: 1.5rem;
  letter-spacing: 0.5px;
  line-height: 2rem;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .text-cover__heading {
    font-size: 3rem;
    line-height: 3.625rem;
  }
}
@media only screen and (min-width: 768px) {
  .text-cover__heading {
    grid-column: span 10;
    grid-row: 2;
    margin-bottom: 4rem;
  }
}
.text-cover__description {
  margin-bottom: 1.5rem;
}
.text-cover__description p:not(:last-child) {
  margin-bottom: var(--mb);
}
@media only screen and (min-width: 768px) {
  .text-cover__description {
    grid-column: span 6;
    grid-row: 3;
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .text-cover__cta {
    grid-column: span 6;
    grid-row: 4;
  }
}
.text-cover__cta .button {
  border-color: currentColor;
}