/* ========================================
   01. Base / Global
   ======================================== */

:root {
	--bg: #f1f1ed;
	--surface: #fff;
	--dark: #171717;
	--muted: #686868;
	--border: #deded8;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--bg);
	color: var(--dark);
	font-family: Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
}

/* ========================================
   02. Legal Content
   ======================================== */

.legal-main {
	min-height: calc(100dvh - 80px);
	padding: clamp(80px, 12vh, 150px) 6vw;
	background: var(--surface);
}

.legal-content {
	max-width: 860px;
}

.legal-content .eyebrow {
	margin: 0;
	color: var(--accent);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.legal-content h1 {
	margin: 24px 0 56px;
	font-size: clamp(52px, 7vw, 100px);
	letter-spacing: -0.06em;
	line-height: 0.9;
}

.legal-content h2 {
	margin: 52px 0 16px;
	font-size: 28px;
	letter-spacing: -0.025em;
}

.legal-content p,
.legal-content li {
	max-width: 760px;
	color: var(--muted);
	font-size: 17px;
	line-height: 1.7;
}

.legal-placeholder {
	padding: 20px 24px;
	border-left: 3px solid #b97842;
	background: #f8eee5;
	color: var(--dark) !important;
}

.legal-content a {
	color: inherit;
}

.legal-note {
	margin-top: 48px;
	font-size: 14px !important;
}

/* ========================================
   03. Mobile
   ======================================== */

@media (max-width: 700px) {
	.legal-main {
		padding: 64px 24px 88px;
	}

	.legal-content h1 {
		margin-bottom: 42px;
		font-size: clamp(48px, 14vw, 68px);
	}

	.legal-content h2 {
		font-size: 25px;
	}

	.legal-content p,
	.legal-content li {
		font-size: 16px;
	}
}