.fs-primary-small,
.fs-primary-base,
.fs-primary-large,
.fs-primary-larger,
.fs-primary-xlarge,
.fs-primary-largest {
  font-family: var(--font-primary);
  font-weight: normal;
  line-height: 1.4;
}

.fs-primary-small {
  font-size: 1.2rem;
}

.fs-primary-base {
  font-size: 1.4rem;
}

.fs-primary-large {
  font-size: 1.6rem;
}

.fs-primary-larger {
  font-size: 1.8rem;
}

.fs-primary-xlarge {
  font-size: 2rem;
}

.fs-primary-largest {
  font-size: 2.2rem;
}

.fs-secondary-small,
.fs-secondary-base,
.fs-secondary-medium,
.fs-secondary-large,
.fs-secondary-larger,
.fs-secondary-largest {
  font-family: var(--font-secondary);
  font-weight: normal;
  line-height: 1;
}

.fs-secondary-small {
  font-size: 2.6rem;
}

.fs-secondary-base {
  font-size: 3rem;
}

.fs-secondary-medium,
.fs-secondary-large {
  font-size: 3.6rem;
}

.fs-secondary-larger {
  font-size: 3.8rem;
}

.fs-secondary-largest {
  font-size: 4.5rem;
}

.text-mint {
  color: var(--color-ambient-mint);
}

.text-mint-dark {
  color: var(--color-ambient-mint-dark);
}

.text-rosa {
  color: var(--color-ambient-rosa);
}

.fs-accent-quote {
  padding: 18px 0 18px 26px;
  border-left: 3px solid color-mix(in srgb, var(--color-ambient-mint-dark) 34%, white);
  color: var(--color-font-primary);
  font-weight: bold;
  font-style: italic;
  line-height: 1.35;
}

.fs-rich-text {
  line-height: 1.55;
}

.fs-rich-text p + p {
  margin-top: 1em;
}

.fs-rich-text p:last-child {
  margin-bottom: 0;
}

@media (min-width: 650px) {
  .fs-primary-small {
    font-size: 1.4rem;
  }

  .fs-primary-base {
    font-size: 1.6rem;
  }

  .fs-primary-large {
    font-size: 1.8rem;
  }

  .fs-primary-larger {
    font-size: 2rem;
  }

  .fs-primary-xlarge {
    font-size: 2.2rem;
  }

  .fs-primary-largest {
    font-size: 2.6rem;
  }

  .fs-secondary-base {
    font-size: 3.6rem;
  }

  .fs-secondary-medium,
  .fs-secondary-large {
    font-size: 5rem;
  }

  .fs-secondary-larger {
    font-size: 5.5rem;
  }

  .fs-secondary-largest {
    font-size: 6.5rem;
  }
}

@media (min-width: 980px) {
  .fs-primary-larger {
    font-size: 2.2rem;
  }

  .fs-primary-xlarge {
    font-size: 2.6rem;
  }

  .fs-primary-largest {
    font-size: 3rem;
  }

  .fs-secondary-small {
    font-size: 2.8rem;
  }

  .fs-secondary-base {
    font-size: 4rem;
  }

  .fs-secondary-medium {
    font-size: 5rem;
  }

  .fs-secondary-large {
    font-size: 6rem;
  }

  .fs-secondary-larger {
    font-size: 7rem;
  }

  .fs-secondary-largest {
    font-size: 8rem;
  }
}
