.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--container-pad);
}

.container-wide {
  max-width: var(--container-wide);
  margin: 0 auto;
  padding: 0 var(--container-pad);
}

.section {
  position: relative;
  padding: var(--space-32) 0;
  overflow: hidden;
  scroll-margin-top: var(--nav-h);
}

.section--alt {
  background: var(--color-bg-alt);
}

.section--dark {
  background: var(--gradient-dark);
  color: var(--color-text-light);
}

.section--dark h2,
.section--dark h3,
.section--dark h4 {
  color: var(--color-text-light);
}

.section--dark p {
  color: var(--color-text-light-muted);
}

.section-header {
  text-align: center;
  margin-bottom: var(--space-16);
}

.section-header .section-desc {
  margin-left: auto;
  margin-right: auto;
}

.section-header--light .section-title {
  color: var(--color-text-light);
}