.component--title {
  font-family: var(--font-family--roboto-flex);
  font-weight: 800;
  line-height: 1;
  font-size: calc(25/10 * 1rem);
  margin-bottom: calc(20/10 * 1rem);

  --color--section--heading: black;
  color: black;

  @container (width > calc(992/10 * 1rem)) {
    font-size: calc(30/10 * 1rem);
  }

  @container (width > calc(1200/10 * 1rem)) {
    font-size: calc(40/10 * 1rem);
  }
}