/**
 * Promotional section — sophisticated typography and whitespace instead of
 * a colored banner: one large serif line, no imagery, white background
 * like the rest of the page's main sections.
 */

section.qg-promo {
	background: var(--qg-color-bg);
	text-align: center;
}

.qg-promo__inner {
	max-width: 620px;
	margin-inline: auto;
}

.qg-promo__heading {
	margin: 0 0 var(--qg-space-3);
	font-family: var(--qg-font-heading);
	font-weight: 500;
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.15;
	color: var(--qg-color-ink);
}

.qg-promo__text {
	margin: 0 0 var(--qg-space-4);
	font-size: 0.98rem;
	line-height: 1.7;
	color: var(--qg-color-ink-soft);
}