/**
 * Foster page — alternating photo-and-text bands, closing on a call to action.
 */

.rth-foster {
	flex: 1;
	min-width: 0;
}

.foster {
	width: min(1486px, 100% - 40px);
	margin-inline: auto;
	padding-block: var(--space-xl) var(--space-2xl);
}

.foster__title {
	margin-bottom: clamp(2.5rem, 5vw, 5.5rem);
}

.foster__sections {
	display: flex;
	flex-direction: column;
	gap: var(--space-2xl);
}

.foster__band {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-xl); /* 64px */
	align-items: start;
}

.foster__band--media-last .foster__media {
	grid-column: 2;
}

.foster__band--media-last .foster__text {
	grid-column: 1;
	grid-row: 1;
}

.foster__media {
	margin: 0;
}

.foster__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--radius);
}

.foster__band:first-child .foster__img {
	aspect-ratio: 711 / 1210;
	object-fit: cover;
}

.foster__band:nth-child(2) .foster__img,
.foster__band:nth-child(3) .foster__img {
	width: 460px;
	max-width: 100%;
}

.foster__band:nth-child(2) .foster__img {
	aspect-ratio: 1;
}

.foster__band:nth-child(3) .foster__img {
	aspect-ratio: 460 / 605.22;
}

.foster__band:nth-child(2) .foster__media {
	place-self: center;
}

.foster__band:nth-child(3) .foster__media {
	justify-self: center;
}

/* Text */
.foster__text > :first-child {
	margin-top: 0;
}

.foster__text > :last-child {
	margin-bottom: 0;
}

.foster__text h2 {
	margin: var(--space-lg) 0 var(--space-md);
	font-family: var(--font-display); /* Lexend */
	font-weight: 600;
	font-size: calc(clamp(2.5rem, 5vw, 3.9375rem) * var(--fs-scale)); /* 63px on desktop */
	line-height: 1.222; /* 77 / 63 */
	letter-spacing: 0;
	color: var(--color-green-dark);
}

.foster__text h2:first-child {
	margin-top: 0;
}

.foster__text ul {
	margin: 0 0 var(--space-md);
	padding-left: 1.4em;
}

.foster__text li {
	font-family: var(--font-mono); /* JetBrains Mono */
	font-weight: 400;
	font-size: calc(1.375rem * var(--fs-scale)); /* 22px */
	line-height: 1.818; /* 40 / 22 */
	color: black;
}

.foster__text strong,
.foster__text b {
	font-weight: 500;
}

/* Call to action */
.foster__cta {
	width: min(1040px, 100%);
	margin-top: var(--space-2xl);
	margin-inline: auto;
	padding: var(--space-2xl) var(--space-xl);
	background: var(--color-mint);
	border-radius: var(--radius-lg);
	text-align: center;
}

.foster__cta-heading {
	margin-bottom: var(--space-lg);
	text-align: center;
}

.foster__cta-btn {
	max-width: 100%;
	margin-bottom: var(--space-lg);
	line-height: 26.4px;
	white-space: normal;
}

.foster__cta-text {
	max-width: 832px;
	margin-inline: auto;
}

.foster__cta-text > :first-child {
	margin-top: 0;
}

.foster__cta-steps {
	width: fit-content;
	margin-inline: auto;
	margin-bottom: var(--space-md);
	text-align: left;
}

.foster__cta-steps p {
	margin: 0;
	padding-block: var(--space-xs);
}

.foster__cta-text > :last-child {
	margin-bottom: 0;
}

@media (max-width: 1000px) {
	.foster__band,
	.foster__band--media-last {
		grid-template-columns: 1fr;
		gap: var(--space-lg);
	}

	.foster__band--media-last .foster__media,
	.foster__band--media-last .foster__text {
		grid-column: 1;
		grid-row: auto;
	}
}

@media (max-width: 600px) {
	.foster__cta {
		padding-inline: var(--space-lg);
	}
}