/* ============================================================
   PRIVACY POLICY — .privacy-hero / .privacy-content
   ============================================================ */

/* ----------------------------------------------------------
   Hero — page heading
---------------------------------------------------------- */

.privacy-hero {
	background: var(--color-gray-light);
	display: flex;
	align-items: center;
	min-height: 20rem;
}

.privacy-hero__inner {
	width: 100%;
	max-width: var(--container-max);
	margin-inline: auto;
	padding-block: var(--space-12);
	padding-inline: var(--container-pad);
	text-align: center;
}

.privacy-hero__title {
	font-size: clamp( 2.5rem, 5vw, 4rem );
	font-weight: var(--weight-bold);
	color: var(--color-text);
	line-height: var(--leading-tight);
	margin: 0;
}

/* ----------------------------------------------------------
   Content — body text area
---------------------------------------------------------- */

.privacy-content {
	background: var(--color-white);
}

.privacy-content__inner {
	max-width: 72ch;
	margin-inline: auto;
	padding-block: var(--space-12);
	padding-inline: var(--container-pad);
}

.privacy-content__inner p,
.privacy-content__inner li {
	font-size: var(--size-base);
	color: var(--color-text);
	line-height: var(--leading-loose);
}

.privacy-content__inner h2 {
	font-size: var(--size-xl);
	font-weight: var(--weight-bold);
	color: var(--color-text);
	margin-block: var(--space-8) var(--space-3);
}

.privacy-content__inner h3 {
	font-size: var(--size-md-lg);
	font-weight: var(--weight-semibold);
	color: var(--color-text);
	margin-block: var(--space-6) var(--space-2);
}