.title {
  font-family: var(--font-family-heading);
  font-size: clamp(30px, 4vw + 1rem, var(--font-size-h1));
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-tight);
  color: var(--color-text);
  text-align: center;
  margin: 0 auto 10px;
  max-width: 780px;
}

.title--left.title {
  text-align: left;
  margin-left: 0;
  max-width: 878px;
}

.title--right {
  text-align: right;
}

.title--spaced {
  margin-bottom: var(--space-9);
}
@media (max-width: 500px) {
  .title--spaced {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .title--left {
    text-align: center;
  }
}
.title--related {
  margin-bottom: 60px;
}