.container {
  width: min(100% - (2 * var(--page-gutter)), var(--container-width));
  margin-inline: auto;
}

main {
  min-height: calc(100vh - var(--header-height));
}

.section {
  padding-block: clamp(88px, 12vw, 160px);
}

.section__eyebrow {
  margin-bottom: 14px;
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-align: center;
  text-transform: uppercase;
}

.section h2 {
  margin-bottom: clamp(42px, 6vw, 72px);
  text-align: center;
}