/*
 * Page intro - gecentreerde tekst-intro met H1 (team, contact, ...)
 */

.page-intro {
  padding:    var(--space-24) 0 var(--space-16);
  background: var(--color-bg-white);
}

.page-intro__inner {
  max-width:  780px;
  margin:     0 auto;
  padding:    0 var(--section-padding-x);
  text-align: center;
}

.page-intro__title {
  margin:         0 0 var(--space-6);
  font-family:    var(--font-heading);
  font-size:      56px;
  font-weight:    var(--font-extrabold);
  line-height:    1.05;
  letter-spacing: -1.6px;
  color:          var(--color-text-heading);
}

.page-intro__title-accent {
  color: var(--color-accent);
}

.page-intro__text {
  max-width: 640px;
  margin:    0 auto;
  font-size: var(--text-lg);
  color:     var(--color-text-meta);
}

.page-intro__lead {
  margin:      var(--space-6) 0 0;
  font-size:   17px;
  font-weight: var(--font-semibold);
  color:       var(--color-text-heading);
}

@media (max-width: 768px) {
  .page-intro__title {
    font-size:      38px;
    letter-spacing: -1px;
  }
  .page-intro__text {
    font-size: var(--text-base);
  }
}