/* Section rhythm and headings. */
.section { padding-top: 88px; }
.section-head { margin-bottom: 28px; max-width: 720px; }
.section-head--row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; max-width: none; }
.section-title { font-size: clamp(26px, 2.6vw, 36px); font-weight: 800; }
.section-sub { margin-top: 8px; color: var(--color-muted); font-size: 16px; }

.eyebrow {
  display: inline-block; margin-bottom: 10px;
  font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--color-brand);
}
.eyebrow--light { color: #fff; opacity: .9; }

@media (max-width: 600px) {
  .section { padding-top: 64px; }
  .section-head { margin-bottom: 20px; }
}