/**
 * Closing statement
 *
 * The large sign-off line that ends a page, with its calls to action beneath.
 *
 * The type scales with the viewport through clamp() rather than at breakpoints,
 * because this is one block of display text whose only job is to stay in
 * proportion to the screen — stepping it would show as a visible jump.
 *
 * Measure is capped in `ch`, which is relative to the font size, so the line
 * length stays readable at every size without a second rule.
 *
 * Colour is inherited, so the same markup works on .bg-inverse or on white.
 * Pair the buttons accordingly: .btn-outline-inverse is white-outlined and
 * belongs on black, .btn-outline-secondary on light backgrounds.
 */

.rc-closer-title {
	font-size: clamp(1.5rem, 4.2vw, 2.5rem);
	font-weight: 900;
	letter-spacing: -.02em;
	line-height: 1.18;
	margin-bottom: 1.75rem;
	max-width: 26ch;
}

/*
 * Grid rather than flex so the buttons stretch to full width when stacked —
 * two half-width buttons on a phone look accidental.
 */
.rc-closer-cta {
	display: grid;
	gap: .75rem;
}

@media (min-width: 576px) {
	.rc-closer-cta {
		display: flex;
		flex-wrap: wrap;
	}
}