.container { max-width: var(--header-max); }

.section { padding: var(--section-y) 0; }
.band-alt   { background: var(--color-bg-alt); }
.band-cream { background: var(--color-quaternary); }
.band-navy  { background: var(--color-secondary); color: var(--color-text-on-dark-body); }
.band-blue  { background: var(--color-primary-dark); color: var(--color-primary-soft); }

.section h2 { margin: 0 0 14px; font: 700 clamp(28px, 3.6vw, 40px)/1.2 var(--font-heading); }
.band-navy h2, .band-blue h2 { color: var(--color-text-on-dark); }
.lede { margin: 0; font-size: 18px; line-height: 1.65; }
.band-navy .lede { color: var(--color-text-on-dark-body); }
.band-blue .lede { color: var(--color-primary-soft); }

.section-head { max-width: 680px; margin-bottom: 40px; }
.section-head.is-center { margin-left: auto; margin-right: auto; text-align: center; }
.section-foot { margin-top: 36px; }
.section-foot.is-center { text-align: center; }