/**
 * Privacy Policy page.
 *
 * From the 1920px design: 238px gutters, a 521px image beside the text with a
 * 59px gap between them.
 */

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

.privacy {
	margin-inline: clamp(20px, 12.4vw, 238px); /* 238 / 1920 */
	padding-block: var(--space-xl) var(--space-2xl);
}

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

.privacy__row {
	display: grid;
	grid-template-columns: minmax(0, min(36.1%, 521px)) 1fr;
	gap: 4.1%;
	align-items: center;
}

.privacy__media {
	margin: 0;
}

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

.privacy__body p:first-child {
	margin-top: 0;
}

.privacy__body p:last-child {
	margin-bottom: 0;
}

/* Responsive: resize the image to fill the column. */
@media (min-width: 1201px) {
	.privacy__img {
		max-height: 25rem; /* 400px */
		object-fit: cover;
		object-position: center 30%; /* keep the dog's head in frame */
	}
}

/* Below this the two columns get too narrow to read side by side, so stack —
   the figure precedes the text in the markup, so the image lands on top. */
@media (max-width: 1200px) {
	.privacy__row {
		grid-template-columns: 1fr;
		gap: var(--space-lg);
		justify-items: center;
	}

	.privacy__media {
		max-width: 521px;
	}
}