/**
 * Volunteer — alternating photo-and-text bands, closing on a contact line.
 *
 * From the 1920px design: a 715px photo and a 715px text column, 56px apart.
 */

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

.volunteer {
	width: min(1486px, 100% - 40px); /* 715 + 56 + 715 */
	margin-inline: auto;
	padding-block: var(--space-xl) var(--space-2xl);
}

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

.volunteer__bands {
	display: flex;
	flex-direction: column;
	gap: 150px;
}

.volunteer__band {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 56px;
	align-items: start;
}

.volunteer__band--media-last .volunteer__media {
	grid-column: 2;
}

.volunteer__band--media-last .volunteer__text {
	grid-column: 1;
	grid-row: 1;
}

.volunteer__media {
	margin: 0;
}

.volunteer__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 18px;
	object-fit: cover;
}

.volunteer__img--4-3 {
	aspect-ratio: 715 / 536.25;
}

.volunteer__img--3-2 {
	aspect-ratio: 715 / 476.66;
}

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

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

.volunteer__text h2 {
	margin: 0 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);
}

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

.volunteer__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;
}

/* Buttons */
.volunteer__cta + .volunteer__cta {
	margin-top: var(--space-xl);
}

.volunteer__cta-text {
	margin: 0 0 var(--space-md);
}

.volunteer__cta-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-md);
}

.volunteer__btn {
	max-width: 100%;
	font-size: calc(1.375rem * var(--fs-scale)); /* 22px */
	line-height: 1.2;
	white-space: normal;
}

/* Contact line */
.volunteer__contact {
	margin: 150px 0 0;
	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 */
	text-align: center;
	color: black;
}

.volunteer__contact-email {
	color: var(--color-olive);
}

@media (max-width: 1000px) {
	.volunteer__bands {
		gap: var(--space-2xl);
	}

	.volunteer__band,
	.volunteer__band--media-last {
		grid-template-columns: 1fr;
		gap: var(--space-lg);
	}

	.volunteer__band--media-last .volunteer__media,
	.volunteer__band--media-last .volunteer__text {
		grid-column: 1;
		grid-row: auto;
	}

	.volunteer__contact {
		margin-top: var(--space-2xl);
	}

	.volunteer__cta-buttons {
		justify-content: center;
	}
}

@media (max-width: 700px) {
	.volunteer__btn {
		width: 100%;
		max-width: 384px;
	}
}

@media (max-width: 330px) {
	.volunteer__text p,
	.volunteer__text li,
	.volunteer__contact {
		font-size: calc(1.3rem * var(--fs-scale));
	}
}