.header {
  background: var(--Surface-Secondary-Default);
  display: flex;
  flex-direction: column;
  padding-top: var(--Space-x4);
  padding-bottom: var(--Space-x5);
}

.header > * {
  width: 1196px; /* TODO: Magic number, revisit */
  margin: 0 auto;
}

.title {
  padding-top: var(--Space-x4);
  padding-bottom: var(--Space-x3);
}

.intro {
  display: flex;
  flex-direction: column;
  gap: var(--Space-x3);
}

.introText {
  max-width: 792px; /* TODO: Magic number, revisit */
}

.chips {
  padding-top: var(--Space-x4);
}
