/* ==================================================
   Privacy page
   ================================================== */

.privacy-page {
	width:
		min(
			900px,
			calc(100% - 40px)
		);

	margin:
		0 auto;

	padding:
		3em 0 5em;
}


.privacy-intro {
	margin-bottom:
		2.5em;
}


.privacy-kicker {
	color:
		#82791f;

	font-family:
		"Autour One",
		sans-serif;

	font-size:
		0.75em;

	font-weight:
		600;

	text-transform:
		uppercase;

	letter-spacing:
		0.08em;
}


.privacy-intro h2 {
	margin:
		0.25em 0 0.6em;

	font-family:
		"Autour One",
		sans-serif;

	font-size:
		clamp(
			2rem,
			5vw,
			3rem
		);

	color:
		#292913;
}


.privacy-intro p,
.privacy-section p {
	line-height:
		1.7;

	color:
		#555;
}


.privacy-updated {
	font-size:
		0.85em;
}


.privacy-section {
	margin-bottom:
		1.5em;

	padding:
		1.8em;

	background-color:
		#fffdf0;

	border:
		1px solid
		#ded6a2;

	border-radius:
		14px;
}


.privacy-section h3 {
	margin-top:
		0;

	font-family:
		"Autour One",
		sans-serif;

	color:
		#333;
}


.privacy-section a {
	color:
		#686115;

	font-weight:
		600;
}


.privacy-note {
	margin-top:
		1.2em;

	padding:
		1em;

	background-color:
		#f7f0cc;

	border-left:
		4px solid
		#D6CA33;

	border-radius:
		6px;
}


.privacy-note p {
	margin-bottom:
		0;
}


.privacy-retention {
	display:
		grid;

	grid-template-columns:
		repeat(
			2,
			minmax(
				0,
				1fr
			)
		);

	gap:
		1em;
}


.privacy-retention article {
	padding:
		1.1em;

	background-color:
		#f7f0cc;

	border-radius:
		8px;
}


.privacy-retention strong {
	font-family:
		"Autour One",
		sans-serif;

	font-size:
		0.85em;
}


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


@media (max-width: 650px) {

	.privacy-page {
		width:
			calc(
				100% - 24px
			);

		padding-top:
			2em;
	}


	.privacy-section {
		padding:
			1.3em;
	}


	.privacy-retention {
		grid-template-columns:
			1fr;
	}

}

@media (max-width: 480px) {
	.privacy-page {
		width: calc(100% - 24px);
		padding: 1.5em 0 3em;
	}

	.privacy-section {
		padding: 1.15em;
	}

	.privacy-intro h2 {
		font-size: clamp(1.8rem, 9vw, 2.4rem);
	}
}