/* Support template. */

.support-text {
	max-width: var(--measure);
}

.support-address {
	font-family: var(--serif);
	font-size: var(--t-small);
	line-height: 1.4;
	letter-spacing: 0;
	color: var(--bone-2);
	overflow-wrap: anywhere;
	-webkit-user-select: all;
	user-select: all;
}

.support-note {
	margin-top: clamp(20px, 2.6vw, 32px);
	max-width: 52ch;
	font-size: var(--t-small);
	line-height: 1.5;
	color: var(--bone-3);
}

.support-closing {
	margin-top: clamp(28px, 3.4vw, 44px);
	max-width: 24ch;
	font-family: var(--serif);
	font-weight: 200;
	font-size: clamp(1.5rem, 3vw, 2.3rem);
	line-height: 1.12;
	letter-spacing: -.02em;
	color: var(--gold-pale);
}

/* On a wide screen the text takes the width it is given, in two columns, rather than one slim column with the page empty beside it */

@media (min-width: 900px) {
	.split__main:has(> .support-text) {
		grid-column: 3 / -1;
	}

	.support-text {
		max-width: none;
		columns: 2;
		column-gap: clamp(28px, 3.4vw, 56px);
	}

	.support-text > * {
		break-inside: avoid;
	}
}