/* ============================================================
   LAYOUT
   ============================================================ */

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

.section {
  padding: 5rem 0;
}
.section--sm { padding: 3.5rem 0; }
.section--alt { background: var(--cream); }

.section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.section-header h2 { margin-bottom: 0; }
.section-header a {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--navy);
  white-space: nowrap;
}
.section-header a:hover { color: var(--gold); }