/* Call-to-action band: centred text and buttons; buttons go full width on phones. */

.s-cta_band__inner {
	display: grid;
	justify-items: center;
	gap: 32px;
	text-align: center;
}

/* Figma sets the heading on one line up to ~815px ("Interested in exploring weaving and ways to
   engage further?"), so only the line of text under it keeps to the narrow column. */
.s-cta_band__text {
	display: grid;
	justify-items: center;
	gap: 8px;
	max-width: var(--wrap);
}

.s-cta_band__lead {
	max-width: var(--wrap-narrow);
}

.s-cta_band__buttons {
	justify-content: center;
}

/* Audience icon above the heading (Discover - Intellectual). */
.s-cta_band__icon {
	width: 48px;
	height: 48px;
}

/* Thin line above, across the content column, with the Figma 60px under it. */
.s-cta_band__inner--divider {
	position: relative;
	padding-top: 60px;
}

.s-cta_band__inner--divider::before {
	content: "";
	position: absolute;
	top: 0;
	left: var(--gutter);
	right: var(--gutter);
	border-top: 1px solid var(--c-line);
}

@media (max-width: 767px) {
	.s-cta_band__buttons {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

	.s-cta_band__inner--divider {
		padding-top: 40px;
	}
}