/* ═══════════════════════════════════════════════════════
   LEGAL PAGES
   Privacy Policy / Cookie Policy
═══════════════════════════════════════════════════════ */

.legal-page {
	background: var(--paper);
}

.legal-hero {
	padding: clamp(130px, 16vw, 210px) var(--g) clamp(64px, 8vw, 110px);
	border-bottom: 1px solid var(--rule);
	background: var(--white);
}

.legal-hero__inner,
.legal-content__inner {
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
}

.legal-hero__title {
	margin-top: 20px;
	color: var(--ink);
	font-family: var(--serif);
	font-size: clamp(52px, 7vw, 94px);
	font-weight: 300;
	line-height: 0.92;
	letter-spacing: -0.025em;
}

.legal-hero__updated {
	margin-top: 30px;
	color: var(--silver);
	font-family: var(--din);
	font-size: 9px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.legal-content {
	padding: clamp(64px, 9vw, 120px) var(--g);
}

.legal-content__inner {
	color: var(--grey);
	font-family: var(--body);
	font-size: clamp(15px, 1.15vw, 17px);
	line-height: 1.9;
}

.legal-content__inner > * + * {
	margin-top: 1.4em;
}

.legal-content__inner h2 {
	margin-top: clamp(52px, 7vw, 82px);
	color: var(--ink);
	font-family: var(--serif);
	font-size: clamp(30px, 4vw, 46px);
	font-weight: 300;
	line-height: 1.05;
}

.legal-content__inner h3 {
	margin-top: 36px;
	color: var(--ink);
	font-family: var(--din);
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.legal-content__inner ul,
.legal-content__inner ol {
	padding-left: 1.35em;
}

.legal-content__inner li + li {
	margin-top: 0.65em;
}

.legal-content__inner a {
	color: var(--ink);
	text-decoration: underline;
	text-decoration-color: var(--sage);
	text-decoration-thickness: 0.16em;
	text-underline-offset: 0.12em;
}

.legal-content__inner table {
	width: 100%;
	margin-top: 32px;
	border-collapse: collapse;
	font-size: 0.9em;
}

.legal-content__inner th,
.legal-content__inner td {
	padding: 14px 12px;
	border-bottom: 1px solid var(--rule);
	text-align: left;
	vertical-align: top;
}

.legal-content__inner th {
	color: var(--ink);
	font-family: var(--din);
	font-size: 8px;
	font-weight: 400;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

@media (max-width: 768px) {
	.legal-hero {
		padding-top: 112px;
	}

	.legal-content__inner table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}