/* CTA Band */
.sh-cta .sh-cta__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px 48px;
	flex-wrap: wrap;
}
.sh-cta .sh-cta__copy { max-width: 640px; }
.sh-cta .sh-head { margin-bottom: 12px; }
.sh-cta .sh-cta__text { margin: 0; font-size: 16.5px; line-height: 1.7; }
.sh-cta .sh-cta__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.sh-cta.sh-tone--dark .sh-cta__text { color: rgba(255, 255, 255, 0.75); }

/* Sand tone gets a soft arch motif to echo the site's arches. Drawn as a
   background image, not a positioned ::after, so the band stays out of the
   stacking order (see tokens.css). */
.sh-cta.sh-tone--sand {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 380'%3E%3Cpath d='M1 380V160A159 159 0 0 1 319 160V380' fill='none' stroke='%2399897e' stroke-opacity='.35' stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 40px bottom -120px;
	background-size: 320px 380px;
}
@media (max-width: 767px) {
	.sh-cta.sh-tone--sand { background-position: right -120px bottom -160px; }
}

/* Centred layout (home page closing band). */
.sh-cta.sh-cta--center .sh-cta__inner { flex-direction: column; justify-content: center; text-align: center; }
.sh-cta.sh-cta--center .sh-cta__copy { max-width: 720px; margin-inline: auto; }
.sh-cta.sh-cta--center .sh-head { margin-bottom: 0; }
.sh-cta.sh-cta--center .sh-cta__text { margin: 14px auto 0; font-size: 17.5px; }
.sh-cta.sh-cta--center .sh-cta__inner { gap: 30px; }
.sh-cta.sh-cta--center .sh-cta__actions { justify-content: center; }
.sh-cta.sh-cta--center.sh-tone--taupe .sh-cta__text { color: rgba(255, 255, 255, 0.85); }
/* Taupe band: an arch outline, drawn on the inner wrap because the band's
   full-bleed colour (border-image fill) paints over the band's own background. */
.sh.sh-cta.sh-tone--taupe { padding-bottom: 0; }
.sh-cta.sh-tone--taupe .sh-wrap {
	padding-bottom: var(--sh-pad);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 380'%3E%3Cpath d='M1 380V160A159 159 0 0 1 319 160V380' fill='none' stroke='%23fff' stroke-opacity='.25' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 4% bottom -150px / 300px 360px;
}
@media (max-width: 600px) {
	.sh-cta.sh-cta--center .sh-cta__actions { flex-direction: column; align-items: stretch; width: 100%; }
	.sh-cta.sh-cta--center .sh-cta__actions .sh-btn { justify-content: space-between; }
	/* No room for the arch outline beside full-width buttons: it crossed behind them. */
	.sh-cta.sh-tone--taupe .sh-wrap { background: none; }
}