/* =========================================================
   Layout primitives: container, section, grid helpers.
   ========================================================= */

.wrap {
  width: min(calc(100% - (var(--gutter) * 2)), var(--max-w));
  margin-inline: auto;
}

.eyebrow {
  display: block;
  margin-bottom: var(--s-4);
  color: var(--teal-dark);
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}