/* =========================================================
   CRISSY IN CHARGE
   LEGAL PAGES
   ========================================================= */


.cic-legal-page {
	background: #FAF7F4;
	color: #2E2E2E;
}



/* =========================================================
   HERO
   ========================================================= */

.cic-legal-hero {
	position: relative;

	overflow: hidden;

	padding:
		clamp(75px, 8vw, 115px)
		0;

	background: #000000;
}


.cic-legal-hero::before {
	content: "";

	position: absolute;

	top: -180px;
	right: -130px;

	width: 390px;
	height: 390px;

	border-radius: 50%;

	background:
		rgba(216,46,146,0.22);
}


.cic-legal-hero::after {
	content: "";

	position: absolute;

	bottom: -150px;
	left: -100px;

	width: 280px;
	height: 280px;

	border-radius: 50%;

	background:
		rgba(255,220,0,0.07);
}


.cic-legal-hero-inner {
	position: relative;

	z-index: 2;

	max-width: 880px;
}


.cic-legal-eyebrow {
	display: block;

	margin-bottom: 14px;

	font-size: 10px;
	font-weight: 900;

	letter-spacing: 0.18em;

	text-transform: uppercase;

	color: #FFDC00;
}


.cic-legal-hero h1 {
	max-width: 900px;

	margin: 0;

	font-size:
		clamp(52px, 7vw, 92px);

	font-weight: 900;

	line-height: 0.96;

	letter-spacing: -0.06em;

	color: #FFFFFF;
}


.cic-legal-intro {
	max-width: 650px;

	margin:
		25px
		0
		0;

	font-family:
		"Playfair Display",
		Georgia,
		serif;

	font-size:
		clamp(17px, 2vw, 22px);

	font-style: italic;

	line-height: 1.6;

	color:
		rgba(255,255,255,0.70);
}



/* =========================================================
   MAIN CONTENT LAYOUT
   ========================================================= */

.cic-legal-content-section {
	padding:
		clamp(70px, 8vw, 110px)
		0;
}


.cic-legal-container {
	width:
		min(
			calc(100% - 40px),
			1180px
		);

	margin-inline: auto;

	display: grid;

	grid-template-columns:
		minmax(0, 1fr)
		300px;

	gap:
		clamp(45px, 7vw, 90px);

	align-items: start;
}



/* =========================================================
   DOCUMENT
   ========================================================= */

.cic-legal-document {
	padding:
		clamp(32px, 5vw, 60px);

	border:
		1px solid
		#E8E3DE;

	border-radius: 28px;

	background: #FFFFFF;
}


.cic-legal-meta {
	display: flex;

	align-items: center;

	gap: 10px;

	margin-bottom: 40px;

	padding-bottom: 20px;

	border-bottom:
		1px solid
		#E8E3DE;

	font-size: 10px;

	text-transform: uppercase;

	letter-spacing: 0.08em;
}


.cic-legal-meta span {
	color: #888888;
}


.cic-legal-meta strong {
	color: #D82E92;
}



/* =========================================================
   WORDPRESS CONTENT
   ========================================================= */

.cic-legal-body {
	font-size: 16px;

	line-height: 1.8;
}


.cic-legal-body > *:first-child {
	margin-top: 0;
}


.cic-legal-body h2 {
	margin:
		50px
		0
		18px;

	font-size:
		clamp(27px, 3vw, 38px);

	font-weight: 900;

	line-height: 1.1;

	letter-spacing: -0.03em;

	color: #000000;
}


.cic-legal-body h3 {
	margin:
		35px
		0
		12px;

	font-size: 20px;

	font-weight: 800;

	line-height: 1.3;

	color: #D82E92;
}


.cic-legal-body p {
	margin:
		0
		0
		20px;
}


.cic-legal-body ul,
.cic-legal-body ol {
	margin:
		5px
		0
		25px;

	padding-left: 25px;
}


.cic-legal-body li {
	margin-bottom: 10px;
}


.cic-legal-body a {
	color: #D82E92;

	font-weight: 700;

	text-decoration:
		underline;

	text-underline-offset: 3px;
}


.cic-legal-body strong {
	color: #000000;
}


.cic-legal-body blockquote {
	margin:
		35px
		0;

	padding:
		25px
		28px;

	border-left:
		5px solid
		#D82E92;

	background: #F6EDE6;

	font-family:
		"Playfair Display",
		Georgia,
		serif;

	font-size: 18px;

	font-style: italic;

	line-height: 1.6;
}



/* =========================================================
   SIDE NAVIGATION
   ========================================================= */

.cic-legal-nav {
	position: sticky;

	top: 120px;

	padding: 30px;

	border-radius: 24px;

	background: #000000;

	color: #FFFFFF;
}


.cic-legal-nav-eyebrow {
	display: block;

	margin-bottom: 8px;

	font-size: 9px;
	font-weight: 900;

	letter-spacing: 0.15em;

	text-transform: uppercase;

	color: #FFDC00;
}


.cic-legal-nav h2 {
	margin:
		0
		0
		23px;

	font-size: 24px;

	line-height: 1.1;

	color: #FFFFFF;
}


.cic-legal-nav > a {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 15px;

	padding:
		15px
		0;

	border-bottom:
		1px solid
		rgba(255,255,255,0.13);

	font-size: 13px;
	font-weight: 800;

	color: #FFFFFF;

	text-decoration: none;
}


.cic-legal-nav > a span {
	color: #D82E92;
}



/* =========================================================
   HELP BOX
   ========================================================= */

.cic-legal-help {
	margin-top: 30px;

	padding:
		23px
		20px;

	border-radius: 16px;

	background: #D82E92;
}


.cic-legal-help > span {
	display: block;

	margin-bottom: 7px;

	font-size: 9px;
	font-weight: 900;

	letter-spacing: 0.12em;

	text-transform: uppercase;

	color: #FFDC00;
}


.cic-legal-help p {
	margin:
		0
		0
		13px;

	font-size: 13px;

	line-height: 1.6;

	color:
		rgba(255,255,255,0.88);
}


.cic-legal-help a {
	font-size: 11px;

	font-weight: 900;

	text-transform: uppercase;

	color: #FFFFFF;

	text-decoration: none;
}



/* =========================================================
   BOTTOM BRAND MOMENT
   ========================================================= */

.cic-legal-bottom {
	padding:
		65px
		0;

	background: #FFDC00;

	text-align: center;
}


.cic-legal-bottom p {
	margin:
		0
		0
		8px;

	font-family:
		"Playfair Display",
		Georgia,
		serif;

	font-size:
		clamp(30px, 4vw, 50px);

	font-style: italic;

	font-weight: 600;

	color: #000000;
}


.cic-legal-bottom span {
	font-size: 10px;

	font-weight: 900;

	letter-spacing: 0.13em;

	text-transform: uppercase;

	color: #000000;
}



/* =========================================================
   TABLES
   ========================================================= */

.cic-legal-body table {
	width: 100%;

	margin:
		25px
		0;

	border-collapse: collapse;
}


.cic-legal-body th,
.cic-legal-body td {
	padding: 14px;

	border:
		1px solid
		#E8E3DE;

	text-align: left;
}


.cic-legal-body th {
	background: #000000;

	color: #FFFFFF;
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 850px) {

	.cic-legal-container {
		grid-template-columns: 1fr;
	}


	.cic-legal-nav {
		position: static;
	}


	.cic-legal-document {
		padding:
			32px
			25px;
	}

}



@media (max-width: 600px) {

	.cic-legal-hero {
		padding:
			65px
			0;
	}


	.cic-legal-hero h1 {
		font-size:
			clamp(48px, 15vw, 64px);
	}


	.cic-legal-content-section {
		padding:
			50px
			0;
	}


	.cic-legal-container {
		width:
			min(
				calc(100% - 30px),
				1180px
			);
	}


	.cic-legal-document {
		border-radius: 20px;

		padding:
			28px
			22px;
	}


	.cic-legal-meta {
		flex-direction: column;

		align-items: flex-start;

		gap: 3px;
	}


	.cic-legal-body {
		font-size: 15px;
	}


	.cic-legal-body h2 {
		margin-top: 40px;
	}

}