/* ---------------- Section base ---------------- */
.section { padding: 5.5rem 0; }
.section--tint { background: var(--brand-tint); }
.section--dark { background: var(--dark-bg); }

.section__head { max-width: 42rem; margin: 0 auto 3rem; }
.section__title { font-size: clamp(1.8rem, 3.2vw, 2.5rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.15; }
.section__title--left { text-align: left; }
.section__title--light { color: #fff; }
.section__sub { color: var(--muted); font-size: 1.05rem; margin-top: .8rem; margin-bottom: 0; }
.section__sub--light { color: #b8d6c8; }