/* Section: vertical rhythm for page sections. .section--band gives a tinted background. .lede is the intro line under a heading. */

.section { padding-block: clamp(52px, 8vw, 104px); }
.section + .section { border-top: 1px solid var(--line); }
.section--band { background: var(--surface-2); }
.lede { max-width: 58ch; margin: 0 0 var(--space-2); color: var(--muted); font-size: 1.1rem; }
.lede--after { margin-top: var(--space-6); }   /* a lede that closes a section, under a card grid */
.section__action { margin: var(--space-5) 0 0; }   /* a button under a card grid */