.section-title {
  text-align: center;
  font-family: var(--sp-font-brand);
  font-size: var(--sp-text-3xl);
  font-weight: var(--sp-font-normal);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: var(--sp-space-16);
}

.section-subtitle {
  text-align: center;
  color: var(--sp-color-text-secondary);
  font-size: var(--sp-text-lg);
  margin-top: calc(-1 * var(--sp-space-12));
  margin-bottom: var(--sp-space-16);
}

@media (max-width: 768px) {
  .section-subtitle {
    margin-bottom: var(--sp-space-8);
  }
}