/* =========================================================
   CRISSY IN CHARGE
   Reinvention Without Burnout
   ========================================================= */


/* =========================================================
   1. BRAND VARIABLES
   ========================================================= */

:root {

	/* Brand Colors */
	--cic-pink: #D82E92;
	--cic-gold: #FFDC00;
	--cic-black: #000000;
	--cic-white: #FFFFFF;

	--cic-blush: #F6EDE6;
	--cic-charcoal: #2E2E2E;
	--cic-light-gray: #F7F7F7;
	--cic-border: #E8E8E8;

	/* Typography */
	--font-primary: "Montserrat", Arial, sans-serif;
	--font-editorial: Georgia, "Times New Roman", serif;

	/* Layout */
	--container: 1180px;
	--container-small: 900px;

	/* Rounded Corners */
	--radius-small: 12px;
	--radius: 24px;
	--radius-large: 36px;

	/* Shadows */
	--shadow:
		0 20px 60px rgba(0, 0, 0, 0.08);

	--shadow-hover:
		0 28px 70px rgba(0, 0, 0, 0.13);

	/* Transitions */
	--transition:
		all 0.25s ease;
}


/* =========================================================
   2. RESET
   ========================================================= */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;

	font-family: var(--font-primary);

	font-size: 18px;
	line-height: 1.7;

	color: var(--cic-charcoal);

	background: var(--cic-white);

	-webkit-font-smoothing: antialiased;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
	text-decoration: none;
}

button,
input,
textarea,
select {
	font: inherit;
}


/* =========================================================
   3. TYPOGRAPHY
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;

	font-family: var(--font-primary);

	color: var(--cic-black);

	font-weight: 800;

	line-height: 1.1;

	letter-spacing: -0.03em;
}

h1 {
	font-size: clamp(3rem, 6vw, 5.6rem);
}

h2 {
	font-size: clamp(2.4rem, 4.5vw, 4rem);
}

h3 {
	font-size: clamp(1.5rem, 2.5vw, 2rem);
}

p {
	margin-top: 0;
	margin-bottom: 1.4rem;
}

strong {
	color: var(--cic-black);
}


/* Editorial feminine accent */

.cic-script {
	font-family: var(--font-editorial);
	font-style: italic;
	font-weight: 400;
}


/* Brand colors */

.cic-pink {
	color: var(--cic-pink);
}

.cic-gold {
	color: var(--cic-gold);
}


/* =========================================================
   4. LAYOUT
   ========================================================= */

.cic-container {
	width: min(90%, var(--container));
	margin-inline: auto;
}

.cic-container-small {
	width: min(90%, var(--container-small));
	margin-inline: auto;
}

.cic-section {
	padding: 110px 0;
}

.cic-section-small {
	padding: 70px 0;
}


/* =========================================================
   5. BACKGROUNDS
   ========================================================= */

.cic-bg-black {
	background: var(--cic-black);
	color: var(--cic-white);
}

.cic-bg-black h1,
.cic-bg-black h2,
.cic-bg-black h3,
.cic-bg-black h4 {
	color: var(--cic-white);
}

.cic-bg-blush {
	background: var(--cic-blush);
}

.cic-bg-gray {
	background: var(--cic-light-gray);
}

.cic-bg-pink {
	background: var(--cic-pink);
	color: var(--cic-white);
}

.cic-bg-pink h1,
.cic-bg-pink h2,
.cic-bg-pink h3 {
	color: var(--cic-white);
}


/* =========================================================
   6. EYEBROW TEXT
   ========================================================= */

.cic-eyebrow {
	display: block;

	margin-bottom: 16px;

	font-size: 0.78rem;
	font-weight: 800;

	text-transform: uppercase;
	letter-spacing: 0.18em;

	color: var(--cic-pink);
}

.cic-eyebrow-gold {
	color: var(--cic-gold);
}


/* =========================================================
   7. BUTTONS
   ========================================================= */

.cic-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 54px;

	padding: 14px 30px;

	border: 2px solid transparent;
	border-radius: 999px;

	font-size: 0.92rem;
	font-weight: 800;

	text-transform: uppercase;
	letter-spacing: 0.04em;

	cursor: pointer;

	transition: var(--transition);
}

.cic-button-primary {
	background: var(--cic-pink);
	color: var(--cic-white);

	border-color: var(--cic-pink);
}

.cic-button-primary:hover {
	background: var(--cic-black);
	border-color: var(--cic-black);

	transform: translateY(-2px);
}

.cic-button-dark {
	background: var(--cic-black);
	color: var(--cic-white);

	border-color: var(--cic-black);
}

.cic-button-dark:hover {
	background: var(--cic-pink);
	border-color: var(--cic-pink);

	transform: translateY(-2px);
}

.cic-button-outline {
	background: transparent;

	color: var(--cic-black);

	border-color: var(--cic-black);
}

.cic-button-outline:hover {
	background: var(--cic-black);

	color: var(--cic-white);

	transform: translateY(-2px);
}


/* =========================================================
   8. CARDS
   ========================================================= */

.cic-card {
	padding: 36px;

	background: var(--cic-white);

	border: 1px solid var(--cic-border);
	border-radius: var(--radius);

	box-shadow: var(--shadow);

	transition: var(--transition);
}

.cic-card:hover {
	transform: translateY(-6px);

	box-shadow: var(--shadow-hover);
}


/* =========================================================
   9. BRAND LABEL
   ========================================================= */

.cic-pill {
	display: inline-flex;

	padding: 8px 16px;

	background: var(--cic-gold);

	border-radius: 999px;

	color: var(--cic-black);

	font-size: 0.75rem;
	font-weight: 800;

	text-transform: uppercase;
	letter-spacing: 0.09em;
}


/* =========================================================
   10. HEADER
   ========================================================= */

.site-header {
	position: relative;

	width: 100%;

	background: var(--cic-white);

	border-bottom: 1px solid rgba(0,0,0,0.06);

	z-index: 1000;
}

.site-header-inner {
	min-height: 82px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;
}

.site-branding {
	flex-shrink: 0;
}

.site-title {
	margin: 0;

	font-size: 1.4rem;

	font-weight: 800;

	color: var(--cic-black);
}

.custom-logo {
	max-height: 58px;

	width: auto;
}

.primary-navigation {
	margin-left: auto;
}

.primary-navigation ul {
	display: flex;

	align-items: center;

	gap: 28px;

	list-style: none;

	padding: 0;
	margin: 0;
}

.primary-navigation a {
	font-size: 0.84rem;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 0.05em;

	color: var(--cic-black);

	transition: var(--transition);
}

.primary-navigation a:hover {
	color: var(--cic-pink);
}


/* =========================================================
   11. MOBILE MENU BUTTON
   ========================================================= */

.menu-toggle {
	display: none;

	padding: 10px;

	border: 0;

	background: transparent;

	cursor: pointer;
}

.menu-toggle span {
	display: block;

	width: 27px;
	height: 2px;

	margin: 6px 0;

	background: var(--cic-black);

	transition: var(--transition);
}


/* =========================================================
   12. FOOTER
   ========================================================= */

.site-footer {
	padding: 75px 0 30px;

	background: var(--cic-black);

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

.site-footer h2,
.site-footer h3,
.site-footer a {
	color: var(--cic-white);
}

.footer-brand {
	margin-bottom: 35px;
}

.footer-tagline {
	font-family: var(--font-editorial);

	font-size: 1.6rem;

	font-style: italic;

	color: var(--cic-white);
}

.footer-navigation ul {
	display: flex;

	flex-wrap: wrap;

	gap: 20px;

	list-style: none;

	padding: 0;
}

.footer-navigation a:hover {
	color: var(--cic-pink);
}

.footer-bottom {
	margin-top: 50px;

	padding-top: 25px;

	border-top: 1px solid rgba(255,255,255,0.14);

	font-size: 0.85rem;
}


/* =========================================================
   13. PLACEHOLDER PAGE
   ========================================================= */

.cic-theme-test {
	min-height: 70vh;

	display: flex;

	align-items: center;

	text-align: center;
}

.cic-theme-test-content {
	max-width: 850px;

	margin-inline: auto;
}

.cic-theme-test h1 {
	margin-bottom: 24px;
}

.cic-theme-test p {
	max-width: 650px;

	margin-left: auto;
	margin-right: auto;

	font-size: 1.2rem;
}


/* =========================================================
   14. RESPONSIVE
   ========================================================= */

@media (max-width: 980px) {

	.cic-section {
		padding: 85px 0;
	}

	.menu-toggle {
		display: block;
	}

	.primary-navigation {
		display: none;

		position: absolute;

		top: 82px;
		left: 0;

		width: 100%;

		padding: 25px 5% 35px;

		background: var(--cic-white);

		border-top: 1px solid var(--cic-border);

		box-shadow: var(--shadow);
	}

	.primary-navigation.is-open {
		display: block;
	}

	.primary-navigation ul {
		flex-direction: column;

		align-items: flex-start;

		gap: 18px;
	}

}


@media (max-width: 600px) {

	body {
		font-size: 17px;
	}

	.cic-section {
		padding: 65px 0;
	}

	.cic-card {
		padding: 26px;
	}

	.site-header-inner {
		min-height: 72px;
	}

	.primary-navigation {
		top: 72px;
	}

}
/* =========================================================
   CRISSY IN CHARGE
   STEP 2 — HEADER + HERO
   ========================================================= */


/* =========================================================
   ANNOUNCEMENT BAR
   ========================================================= */

.cic-announcement {
	background: #000000;
	color: #ffffff;

	font-size: 12px;
	font-weight: 700;

	text-transform: uppercase;
	letter-spacing: 0.12em;
}


.cic-announcement-inner {
	min-height: 38px;

	display: flex;
	align-items: center;
	justify-content: center;

	gap: 14px;
}


.cic-announcement-dot {
	color: #D82E92;
}


.cic-announcement-link {
	color: #FFDC00;
	transition: 0.25s ease;
}


.cic-announcement-link:hover {
	color: #ffffff;
}



/* =========================================================
   HEADER
   ========================================================= */

.site-header {
	position: sticky;
	top: 0;

	width: 100%;

	background: rgba(255, 255, 255, 0.96);

	border-bottom: 1px solid rgba(0, 0, 0, 0.06);

	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);

	z-index: 9999;
}


.site-header-inner {
	min-height: 88px;

	display: flex;
	align-items: center;

	gap: 30px;
}


.site-branding {
	flex-shrink: 0;
}


.site-title {
	font-family: "Montserrat", Arial, sans-serif;

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

	letter-spacing: -0.04em;

	color: #000000;
}


.custom-logo {
	display: block;

	width: auto;
	max-width: 190px;
	max-height: 62px;
}


.primary-navigation {
	margin-left: auto;

	display: flex;
	align-items: center;

	gap: 28px;
}


.primary-menu {
	display: flex;
	align-items: center;

	gap: 25px;

	margin: 0;
	padding: 0;

	list-style: none;
}


.primary-menu > li {
	margin: 0;
	padding: 0;
}


.primary-menu > li > a {
	position: relative;

	display: block;

	padding: 12px 0;

	font-size: 12.5px;
	font-weight: 700;

	color: #000000;

	text-transform: uppercase;
	letter-spacing: 0.045em;
}


.primary-menu > li > a::after {
	content: "";

	position: absolute;

	left: 0;
	bottom: 6px;

	width: 0;
	height: 2px;

	background: #D82E92;

	transition: width 0.25s ease;
}


.primary-menu > li > a:hover::after,
.primary-menu > .current-menu-item > a::after {
	width: 100%;
}


.cic-header-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 46px;

	padding: 10px 21px;

	background: #D82E92;

	border-radius: 100px;

	color: #ffffff;

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

	text-transform: uppercase;
	letter-spacing: 0.04em;

	white-space: nowrap;

	transition:
		transform 0.25s ease,
		background-color 0.25s ease;
}


.cic-header-button:hover {
	background: #000000;
	color: #ffffff;

	transform: translateY(-2px);
}



/* =========================================================
   MOBILE MENU BUTTON
   ========================================================= */

.menu-toggle {
	display: none;

	width: 44px;
	height: 44px;

	padding: 8px;

	border: 0;

	background: transparent;

	cursor: pointer;
}


.menu-toggle span {
	display: block;

	width: 27px;
	height: 2px;

	margin: 6px auto;

	background: #000000;

	transition: 0.25s ease;
}



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

.cic-hero {
	position: relative;

	overflow: hidden;

	padding: 95px 0 110px;

	background:
		linear-gradient(
			135deg,
			#ffffff 0%,
			#ffffff 57%,
			#F6EDE6 57%,
			#F6EDE6 100%
		);
}


.cic-hero-circle {
	position: absolute;

	top: -190px;
	right: -210px;

	width: 390px;
	height: 390px;

	border-radius: 50%;

	background: rgba(216, 46, 146, 0.10);

	pointer-events: none;
}


.cic-hero-grid {
	position: relative;

	z-index: 2;

	display: grid;

	grid-template-columns:
		minmax(0, 1.08fr)
		minmax(380px, 0.92fr);

	align-items: center;

	gap: clamp(60px, 7vw, 105px);
}



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

.cic-hero-copy {
	max-width: 690px;
}


.cic-eyebrow {
	display: block;

	margin-bottom: 18px;

	font-family: "Montserrat", Arial, sans-serif;

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

	text-transform: uppercase;

	letter-spacing: 0.19em;

	color: #D82E92;
}


.cic-hero-title {
	margin: 0 0 30px;

	font-family: "Montserrat", Arial, sans-serif;

	font-size: clamp(56px, 5.7vw, 88px);

	font-weight: 800;

	line-height: 0.99;

	letter-spacing: -0.055em;

	color: #000000;
}


.cic-hero-title-secondary {
	display: block;

	margin-top: 17px;

	color: #D82E92;
}


.cic-hero-title-secondary em {
	font-family: "Playfair Display", Georgia, serif;

	font-weight: 600;
	font-style: italic;

	color: #000000;
}


.cic-hero-description {
	max-width: 620px;

	margin: 0 0 34px;

	font-size: 18px;

	line-height: 1.75;

	color: #505050;
}



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

.cic-hero-actions {
	display: flex;
	align-items: center;

	flex-wrap: wrap;

	gap: 26px;

	margin-bottom: 40px;
}


.cic-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 54px;

	padding: 14px 30px;

	border-radius: 100px;

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

	text-transform: uppercase;
	letter-spacing: 0.04em;

	transition: 0.25s ease;
}


.cic-button-primary {
	background: #D82E92;
	color: #ffffff;
}


.cic-button-primary:hover {
	background: #000000;
	color: #ffffff;

	transform: translateY(-2px);
}


.cic-text-button {
	display: inline-flex;
	align-items: center;

	gap: 9px;

	padding: 6px 0;

	border-bottom: 2px solid #000000;

	color: #000000;

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

	text-transform: uppercase;
	letter-spacing: 0.035em;

	transition: 0.25s ease;
}


.cic-text-button:hover {
	color: #D82E92;

	border-color: #D82E92;
}


.cic-text-button span {
	transition: transform 0.25s ease;
}


.cic-text-button:hover span {
	transform: translateX(4px);
}



/* =========================================================
   POSITIONING LINE
   ========================================================= */

.cic-hero-positioning {
	display: flex;
	align-items: center;

	gap: 16px;
}


.cic-positioning-line {
	display: block;

	width: 44px;
	height: 2px;

	flex-shrink: 0;

	background: #FFDC00;
}


.cic-hero-positioning p {
	margin: 0;

	font-size: 11px;
	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 0.09em;

	color: #747474;
}



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

.cic-hero-image-area {
	position: relative;
}


.cic-hero-image-frame {
	position: relative;

	width: min(100%, 510px);

	margin-left: auto;
}


.cic-hero-image {
	position: relative;

	z-index: 3;

	display: block;

	width: 100%;

	aspect-ratio: 4 / 5;

	object-fit: cover;

	object-position: center 25%;

	border-radius:
		230px
		230px
		28px
		28px;

	box-shadow:
		0 30px 80px rgba(0, 0, 0, 0.16);
}


.cic-hero-image-placeholder {
	position: relative;

	z-index: 3;

	width: 100%;

	aspect-ratio: 4 / 5;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 40px;

	border:
		2px dashed
		rgba(0, 0, 0, 0.16);

	border-radius:
		230px
		230px
		28px
		28px;

	background: #EFE5DE;

	text-align: center;

	color: #777777;

	font-weight: 700;
}


.cic-hero-image-placeholder p {
	margin: 0;

	max-width: 200px;
}



/* Pink shape */

.cic-hero-pink-shape {
	position: absolute;

	z-index: 1;

	right: -28px;
	bottom: -27px;

	width: 73%;
	height: 78%;

	border-radius: 30px;

	background: #D82E92;
}



/* Gold badge */

.cic-hero-label {
	position: absolute;

	z-index: 5;

	left: -55px;
	bottom: 47px;

	min-width: 190px;

	padding: 21px 23px;

	background: #FFDC00;

	color: #000000;

	box-shadow:
		0 20px 45px
		rgba(0, 0, 0, 0.16);

	transform: rotate(-3deg);
}


.cic-hero-label span {
	display: block;

	margin-bottom: 3px;

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

	font-size: 16px;

	font-style: italic;
}


.cic-hero-label strong {
	display: block;

	font-family:
		"Montserrat",
		Arial,
		sans-serif;

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

	line-height: 1.2;

	text-transform: uppercase;
}


.cic-hero-quote {
	margin-top: 42px;

	text-align: right;

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

	font-size: 23px;

	font-style: italic;

	color: #000000;
}



/* =========================================================
   BRAND STATEMENT STRIP
   ========================================================= */

.cic-brand-statement {
	padding: 31px 0;

	background: #000000;
}


.cic-brand-statement-inner {
	display: flex;
	align-items: center;
	justify-content: center;

	flex-wrap: wrap;

	gap: 14px 27px;

	font-family:
		"Montserrat",
		Arial,
		sans-serif;

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

	font-weight: 900;

	line-height: 1;

	text-transform: uppercase;

	letter-spacing: -0.045em;

	color: #ffffff;
}


.cic-brand-statement-pink {
	color: #D82E92;
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

	.primary-menu {
		gap: 18px;
	}


	.cic-hero-grid {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(340px, 0.82fr);

		gap: 55px;
	}


	.cic-hero-title {
		font-size:
			clamp(50px, 5vw, 72px);
	}


	.cic-hero-label {
		left: -35px;
	}

}



/* =========================================================
   MOBILE / TABLET NAVIGATION
   ========================================================= */

@media (max-width: 980px) {

	.site-header-inner {
		min-height: 74px;
	}


	.menu-toggle {
		display: block;

		margin-left: auto;
	}


	.primary-navigation {
		display: none;

		position: absolute;

		top: 74px;
		left: 0;

		width: 100%;

		padding:
			28px
			5%
			35px;

		background: #ffffff;

		border-top:
			1px solid
			#e8e8e8;

		box-shadow:
			0 20px 45px
			rgba(0, 0, 0, 0.09);
	}


	.primary-navigation.is-open {
		display: block;
	}


	.primary-menu {
		display: flex;

		flex-direction: column;

		align-items: flex-start;

		gap: 5px;

		margin-bottom: 25px;
	}


	.primary-menu > li {
		width: 100%;
	}


	.primary-menu > li > a {
		width: 100%;

		padding: 11px 0;

		font-size: 14px;
	}


	.cic-header-button {
		width: 100%;

		min-height: 50px;
	}


	/* HERO */

	.cic-hero {
		padding: 72px 0 85px;

		background:
			linear-gradient(
				to bottom,
				#ffffff 0%,
				#ffffff 53%,
				#F6EDE6 53%,
				#F6EDE6 100%
			);
	}


	.cic-hero-grid {
		grid-template-columns: 1fr;

		gap: 70px;
	}


	.cic-hero-copy {
		max-width: 760px;
	}


	.cic-hero-title {
		max-width: 760px;

		font-size:
			clamp(54px, 9vw, 80px);
	}


	.cic-hero-image-area {
		width: min(90%, 550px);

		margin-inline: auto;
	}


	.cic-hero-image-frame {
		margin-inline: auto;
	}


	.cic-hero-quote {
		text-align: center;
	}

}



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

@media (max-width: 600px) {

	.cic-announcement-inner {
		min-height: 35px;

		font-size: 10px;

		letter-spacing: 0.07em;
	}


	.cic-announcement-message,
	.cic-announcement-dot {
		display: none;
	}


	.custom-logo {
		max-width: 150px;
		max-height: 50px;
	}


	.cic-hero {
		padding: 54px 0 68px;
	}


	.cic-hero-title {
		font-size:
			clamp(45px, 13vw, 62px);

		line-height: 1;
	}


	.cic-hero-description {
		font-size: 17px;
	}


	.cic-hero-actions {
		flex-direction: column;

		align-items: stretch;

		gap: 20px;
	}


	.cic-hero-actions .cic-button {
		width: 100%;
	}


	.cic-text-button {
		align-self: flex-start;
	}


	.cic-hero-positioning {
		align-items: flex-start;
	}


	.cic-hero-positioning p {
		line-height: 1.5;
	}


	.cic-hero-image-area {
		width: 90%;
	}


	.cic-hero-image,
	.cic-hero-image-placeholder {
		border-radius:
			160px
			160px
			24px
			24px;
	}


	.cic-hero-pink-shape {
		right: -16px;
		bottom: -16px;
	}


	.cic-hero-label {
		left: -18px;
		bottom: 28px;

		min-width: 155px;

		padding: 16px 17px;
	}


	.cic-hero-label span {
		font-size: 14px;
	}


	.cic-hero-label strong {
		font-size: 14px;
	}


	.cic-hero-quote {
		margin-top: 35px;

		font-size: 20px;
	}


	.cic-brand-statement {
		padding: 24px 0;
	}


	.cic-brand-statement-inner {
		gap: 7px 12px;

		font-size: 26px;
	}

}
/* =========================================================
   STEP 3
   RECOGNITION SECTION
   ========================================================= */

.cic-recognition {

	position: relative;

	background: #F6EDE6;

	overflow: hidden;
}


/* Soft decorative background detail */

.cic-recognition::before {

	content: "";

	position: absolute;

	width: 330px;
	height: 330px;

	left: -180px;
	bottom: -170px;

	border-radius: 50%;

	background:
		rgba(216, 46, 146, 0.08);

	pointer-events: none;
}


.cic-recognition-grid {

	position: relative;

	z-index: 2;

	display: grid;

	grid-template-columns:
		minmax(0, 1.05fr)
		minmax(380px, 0.95fr);

	align-items: center;

	gap: clamp(60px, 8vw, 115px);
}



/* =========================================================
   LEFT COPY
   ========================================================= */

.cic-recognition-copy {

	max-width: 670px;
}


.cic-recognition-title {

	margin-bottom: 34px;

	font-size:
		clamp(46px, 4.7vw, 72px);

	line-height: 1.02;

	letter-spacing: -0.05em;
}


.cic-recognition-title span {

	display: block;

	margin-top: 13px;

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

	font-weight: 600;

	font-style: italic;

	color: #D82E92;
}


.cic-recognition-text {

	max-width: 600px;

	font-size: 18px;

	line-height: 1.8;

	color: #484848;
}


.cic-recognition-text p {

	margin-bottom: 20px;
}


.cic-recognition-question {

	margin-top: 30px;

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

	font-size:
		clamp(25px, 2.6vw, 35px);

	font-weight: 600;

	font-style: italic;

	line-height: 1.35;

	color: #000000;
}



/* =========================================================
   RIGHT CARD
   ========================================================= */

.cic-recognition-card-wrap {

	position: relative;
}


.cic-recognition-card {

	position: relative;

	z-index: 3;

	padding:
		clamp(34px, 4vw, 52px);

	background: #ffffff;

	border-radius: 30px;

	box-shadow:
		0 28px 75px
		rgba(0, 0, 0, 0.10);
}


.cic-recognition-card::after {

	content: "";

	position: absolute;

	right: -18px;
	top: 30px;

	width: 8px;
	height: 135px;

	border-radius: 20px;

	background: #D82E92;
}


.cic-recognition-card-label {

	display: inline-block;

	margin-bottom: 16px;

	padding: 7px 13px;

	background: #FFDC00;

	border-radius: 100px;

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

	text-transform: uppercase;

	letter-spacing: 0.07em;

	color: #000000;
}


.cic-recognition-card h3 {

	margin-bottom: 30px;

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

	line-height: 1.1;
}



/* =========================================================
   CHECK LIST
   ========================================================= */

.cic-recognition-list {

	display: grid;

	gap: 22px;

	margin: 0;

	padding: 0;

	list-style: none;
}


.cic-recognition-list li {

	display: grid;

	grid-template-columns:
		34px
		1fr;

	align-items: flex-start;

	gap: 14px;

	font-size: 16px;

	line-height: 1.55;

	color: #444444;
}


.cic-check {

	display: flex;

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

	width: 30px;
	height: 30px;

	border-radius: 50%;

	background: #D82E92;

	color: #ffffff;

	font-size: 15px;
	font-weight: 900;
}



/* =========================================================
   QUOTE CARD
   ========================================================= */

.cic-recognition-quote {

	position: relative;

	z-index: 4;

	width: 82%;

	margin:
		-18px
		0
		0
		-38px;

	padding: 26px 30px;

	background: #000000;

	color: #ffffff;

	box-shadow:
		0 18px 45px
		rgba(0, 0, 0, 0.14);

	transform: rotate(-2deg);
}


.cic-recognition-quote span {

	display: block;

	margin-bottom: 4px;

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

	font-size: 17px;

	font-style: italic;

	color: #FFDC00;
}


.cic-recognition-quote strong {

	display: block;

	font-size: 16px;

	line-height: 1.4;

	color: #ffffff;
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

	.cic-recognition-grid {

		grid-template-columns: 1fr;

		gap: 60px;
	}


	.cic-recognition-copy {

		max-width: 760px;
	}


	.cic-recognition-card-wrap {

		width: min(100%, 650px);

		margin-inline: auto;
	}

}



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

@media (max-width: 600px) {

	.cic-recognition-title {

		font-size:
			clamp(42px, 11vw, 56px);
	}


	.cic-recognition-text {

		font-size: 17px;
	}


	.cic-recognition-question {

		font-size: 26px;
	}


	.cic-recognition-card {

		padding: 30px 25px;

		border-radius: 24px;
	}


	.cic-recognition-card::after {

		display: none;
	}


	.cic-recognition-list {

		gap: 20px;
	}


	.cic-recognition-list li {

		grid-template-columns:
			30px
			1fr;

		gap: 12px;

		font-size: 15px;
	}


	.cic-check {

		width: 27px;
		height: 27px;
	}


	.cic-recognition-quote {

		width: 92%;

		margin:
			-12px
			auto
			0;

		padding: 22px 23px;

		transform: rotate(-1deg);
	}

}
/* =========================================================
   STEP 3
   RECOGNITION SECTION
   ========================================================= */

.cic-recognition {
	position: relative;
	overflow: hidden;

	background: #F6EDE6;
}


/* Decorative pink circle */

.cic-recognition::before {
	content: "";

	position: absolute;

	left: -190px;
	bottom: -190px;

	width: 370px;
	height: 370px;

	border-radius: 50%;

	background: rgba(216, 46, 146, 0.08);

	pointer-events: none;
}


/* Main two column layout */

.cic-recognition-grid {
	position: relative;

	z-index: 2;

	display: grid;

	grid-template-columns:
		minmax(0, 1.05fr)
		minmax(380px, 0.95fr);

	align-items: center;

	gap: clamp(60px, 8vw, 115px);
}



/* =========================================================
   LEFT SIDE
   ========================================================= */

.cic-recognition-copy {
	max-width: 680px;
}


.cic-recognition-title {
	margin: 0 0 35px;

	font-size:
		clamp(48px, 4.8vw, 74px);

	line-height: 1.02;

	letter-spacing: -0.05em;
}


.cic-recognition-title span {
	display: block;

	margin-top: 15px;

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

	font-weight: 600;

	font-style: italic;

	color: #D82E92;
}


.cic-recognition-text {
	max-width: 610px;

	font-size: 18px;

	line-height: 1.8;

	color: #494949;
}


.cic-recognition-text p {
	margin-bottom: 20px;
}


.cic-recognition-question {
	margin-top: 32px;

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

	font-size:
		clamp(26px, 2.6vw, 36px);

	font-weight: 600;

	font-style: italic;

	line-height: 1.35;

	color: #000000;
}



/* =========================================================
   RIGHT CARD
   ========================================================= */

.cic-recognition-card-wrap {
	position: relative;
}


.cic-recognition-card {
	position: relative;

	z-index: 3;

	padding:
		clamp(36px, 4vw, 54px);

	background: #ffffff;

	border-radius: 30px;

	box-shadow:
		0 28px 75px
		rgba(0, 0, 0, 0.10);
}


/* Pink accent bar */

.cic-recognition-card::after {
	content: "";

	position: absolute;

	top: 32px;
	right: -18px;

	width: 8px;
	height: 140px;

	border-radius: 20px;

	background: #D82E92;
}


/* Gold pill */

.cic-recognition-card-label {
	display: inline-block;

	margin-bottom: 17px;

	padding: 7px 14px;

	background: #FFDC00;

	border-radius: 100px;

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

	text-transform: uppercase;

	letter-spacing: 0.07em;

	color: #000000;
}


.cic-recognition-card h3 {
	margin: 0 0 32px;

	font-size:
		clamp(28px, 3vw, 40px);

	line-height: 1.08;
}



/* =========================================================
   CHECK LIST
   ========================================================= */

.cic-recognition-list {
	display: grid;

	gap: 23px;

	margin: 0;

	padding: 0;

	list-style: none;
}


.cic-recognition-list li {
	display: grid;

	grid-template-columns:
		34px
		1fr;

	align-items: flex-start;

	gap: 14px;

	font-size: 16px;

	line-height: 1.55;

	color: #444444;
}


.cic-check {
	display: flex;

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

	width: 30px;
	height: 30px;

	border-radius: 50%;

	background: #D82E92;

	color: #ffffff;

	font-size: 15px;
	font-weight: 900;
}



/* =========================================================
   BLACK QUOTE CARD
   ========================================================= */

.cic-recognition-quote {
	position: relative;

	z-index: 4;

	width: 84%;

	margin:
		-20px
		0
		0
		-38px;

	padding: 27px 31px;

	background: #000000;

	color: #ffffff;

	box-shadow:
		0 18px 45px
		rgba(0, 0, 0, 0.15);

	transform: rotate(-2deg);
}


.cic-recognition-quote span {
	display: block;

	margin-bottom: 6px;

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

	font-size: 17px;

	font-style: italic;

	color: #FFDC00;
}


.cic-recognition-quote strong {
	display: block;

	font-size: 16px;

	line-height: 1.45;

	color: #ffffff;
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

	.cic-recognition-grid {
		grid-template-columns: 1fr;

		gap: 65px;
	}


	.cic-recognition-copy {
		max-width: 760px;
	}


	.cic-recognition-card-wrap {
		width: min(100%, 650px);

		margin-inline: auto;
	}

}



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

@media (max-width: 600px) {

	.cic-recognition-title {
		font-size:
			clamp(42px, 11vw, 56px);
	}


	.cic-recognition-text {
		font-size: 17px;
	}


	.cic-recognition-question {
		font-size: 26px;
	}


	.cic-recognition-card {
		padding: 30px 25px;

		border-radius: 24px;
	}


	.cic-recognition-card::after {
		display: none;
	}


	.cic-recognition-list {
		gap: 20px;
	}


	.cic-recognition-list li {
		grid-template-columns:
			30px
			1fr;

		gap: 12px;

		font-size: 15px;
	}


	.cic-check {
		width: 27px;
		height: 27px;
	}


	.cic-recognition-quote {
		width: 92%;

		margin:
			-12px
			auto
			0;

		padding: 22px 23px;

		transform: rotate(-1deg);
	}

}
/* =========================================================
   STEP 4
   LIFE DESIGN FIX FRAMEWORK
   ========================================================= */

.cic-framework {
	position: relative;

	background: #ffffff;

	overflow: hidden;
}


/* =========================================================
   INTRO
   ========================================================= */

.cic-framework-intro {
	margin-bottom: 75px;
}


.cic-framework-heading-grid {
	display: grid;

	grid-template-columns:
		minmax(0, 1.1fr)
		minmax(320px, 0.9fr);

	align-items: end;

	gap: clamp(50px, 8vw, 115px);
}


.cic-framework-title {
	margin: 0;

	max-width: 730px;

	font-size:
		clamp(52px, 5vw, 78px);

	line-height: 1;

	letter-spacing: -0.055em;
}


.cic-framework-title span {
	display: block;

	margin-top: 12px;

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

	font-style: italic;

	font-weight: 600;

	color: #D82E92;
}


.cic-framework-intro-copy {
	max-width: 510px;

	font-size: 17px;

	line-height: 1.75;

	color: #555555;
}


.cic-framework-emphasis {
	margin-bottom: 0;

	font-weight: 700;

	color: #000000;
}



/* =========================================================
   CARDS
   ========================================================= */

.cic-framework-cards {
	display: grid;

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

	gap: 24px;
}


.cic-framework-card {
	position: relative;

	min-height: 540px;

	padding: 32px;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	background: #F6EDE6;

	border-radius: 28px;

	overflow: hidden;

	transition:
		transform 0.3s ease,
		box-shadow 0.3s ease;
}


.cic-framework-card:hover {
	transform: translateY(-8px);

	box-shadow:
		0 26px 65px
		rgba(0, 0, 0, 0.10);
}


.cic-framework-card-featured {
	background: #000000;

	color: #ffffff;
}


.cic-framework-number {
	font-family:
		"Playfair Display",
		Georgia,
		serif;

	font-size:
		clamp(86px, 8vw, 135px);

	font-style: italic;

	font-weight: 600;

	line-height: 0.8;

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


.cic-framework-card-featured
.cic-framework-number {
	color: rgba(255, 220, 0, 0.28);
}



/* =========================================================
   CARD CONTENT
   ========================================================= */

.cic-framework-card-content {
	position: relative;

	z-index: 2;
}


.cic-framework-phase {
	display: block;

	margin-bottom: 12px;

	font-size: 11px;

	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: 0.13em;

	color: #D82E92;
}


.cic-framework-card-featured
.cic-framework-phase {
	color: #FFDC00;
}


.cic-framework-card h3 {
	margin: 0 0 20px;

	font-size:
		clamp(34px, 3vw, 46px);

	line-height: 1;

	color: #000000;
}


.cic-framework-card-featured h3 {
	color: #ffffff;
}


.cic-framework-card p {
	margin-bottom: 28px;

	font-size: 16px;

	line-height: 1.65;

	color: #4C4C4C;
}


.cic-framework-card-featured p {
	color: rgba(255,255,255,0.76);
}



/* =========================================================
   CARD TAGS
   ========================================================= */

.cic-framework-card ul {
	display: flex;

	flex-wrap: wrap;

	gap: 8px;

	margin: 0;

	padding: 0;

	list-style: none;
}


.cic-framework-card li {
	padding: 7px 11px;

	border:
		1px solid
		rgba(0,0,0,0.13);

	border-radius: 100px;

	font-size: 10px;

	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: 0.06em;

	color: #000000;
}


.cic-framework-card-featured li {
	border-color:
		rgba(255,255,255,0.22);

	color: #ffffff;
}



/* =========================================================
   FRAMEWORK FOOTER
   ========================================================= */

.cic-framework-footer {
	margin-top: 55px;

	padding:
		32px
		36px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 35px;

	background: #FFDC00;

	border-radius: 24px;
}


.cic-framework-footer-label {
	display: block;

	margin-bottom: 3px;

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

	font-size: 17px;

	font-style: italic;

	color: #000000;
}


.cic-framework-footer p {
	margin: 0;

	font-size:
		clamp(20px, 2vw, 27px);

	font-weight: 800;

	line-height: 1.3;

	color: #000000;
}



/* =========================================================
   DARK BUTTON
   ========================================================= */

.cic-button-dark {
	background: #000000;

	color: #ffffff;

	white-space: nowrap;
}


.cic-button-dark:hover {
	background: #D82E92;

	color: #ffffff;

	transform: translateY(-2px);
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

	.cic-framework-heading-grid {
		grid-template-columns: 1fr;

		gap: 35px;
	}


	.cic-framework-intro-copy {
		max-width: 680px;
	}


	.cic-framework-cards {
		grid-template-columns: 1fr;
	}


	.cic-framework-card {
		min-height: 440px;
	}


	.cic-framework-footer {
		align-items: flex-start;

		flex-direction: column;
	}

}



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

@media (max-width: 600px) {

	.cic-framework-intro {
		margin-bottom: 50px;
	}


	.cic-framework-title {
		font-size:
			clamp(44px, 12vw, 58px);
	}


	.cic-framework-card {
		min-height: 430px;

		padding: 27px;

		border-radius: 24px;
	}


	.cic-framework-number {
		font-size: 100px;
	}


	.cic-framework-footer {
		padding: 27px 24px;
	}


	.cic-framework-footer
	.cic-button {
		width: 100%;
	}

}
/* =========================================================
   STEP 5
   START HERE
   ========================================================= */

.cic-start-here {
	position: relative;

	background: #000000;

	color: #ffffff;

	overflow: hidden;
}


/* Decorative pink glow */

.cic-start-here::before {
	content: "";

	position: absolute;

	top: -230px;
	right: -180px;

	width: 500px;
	height: 500px;

	border-radius: 50%;

	background:
		radial-gradient(
			circle,
			rgba(216, 46, 146, 0.24) 0%,
			rgba(216, 46, 146, 0.06) 45%,
			rgba(216, 46, 146, 0) 72%
		);

	pointer-events: none;
}



/* =========================================================
   INTRO
   ========================================================= */

.cic-start-here-intro {
	position: relative;

	z-index: 2;

	max-width: 900px;

	margin-bottom: 70px;
}


.cic-start-here-title {
	margin: 0;

	font-size:
		clamp(52px, 5.2vw, 80px);

	line-height: 1;

	letter-spacing: -0.055em;

	color: #ffffff;
}


.cic-start-here-title span {
	display: block;

	margin-top: 12px;

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

	font-style: italic;

	font-weight: 600;

	color: #D82E92;
}


.cic-start-here-subtitle {
	margin:
		25px
		0
		0;

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

	font-size:
		clamp(23px, 2.2vw, 32px);

	font-style: italic;

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



/* =========================================================
   OFFER GRID
   ========================================================= */

.cic-start-here-grid {
	position: relative;

	z-index: 2;

	display: grid;

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

	align-items: stretch;

	gap: 22px;
}



/* =========================================================
   OFFER CARD
   ========================================================= */

.cic-path-card {
	position: relative;

	min-height: 570px;

	padding: 31px;

	display: flex;

	flex-direction: column;

	background: #181818;

	border:
		1px solid
		rgba(255,255,255,0.10);

	border-radius: 28px;

	overflow: hidden;

	transition:
		transform 0.3s ease,
		border-color 0.3s ease,
		box-shadow 0.3s ease;
}


.cic-path-card:hover {
	transform: translateY(-7px);

	border-color:
		rgba(216,46,146,0.60);

	box-shadow:
		0 30px 70px
		rgba(0,0,0,0.35);
}



/* Featured center card */

.cic-path-card-featured {
	background: #D82E92;

	border-color: #D82E92;

	transform: translateY(-15px);
}


.cic-path-card-featured:hover {
	transform: translateY(-22px);
}



/* =========================================================
   TOP DETAILS
   ========================================================= */

.cic-path-card-top {
	display: flex;

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

	gap: 20px;

	margin-bottom: 70px;
}


.cic-path-number {
	font-family:
		"Playfair Display",
		Georgia,
		serif;

	font-size: 60px;

	font-style: italic;

	font-weight: 600;

	line-height: 1;

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


.cic-path-card-featured
.cic-path-number {
	color: rgba(255,255,255,0.42);
}


.cic-path-type {
	padding:
		6px
		11px;

	border:
		1px solid
		rgba(255,255,255,0.18);

	border-radius: 100px;

	font-size: 9px;

	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: 0.08em;

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



/* =========================================================
   FEATURED LABEL
   ========================================================= */

.cic-path-popular {
	position: absolute;

	top: 0;
	right: 25px;

	padding:
		8px
		15px;

	background: #FFDC00;

	color: #000000;

	font-size: 10px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 0.08em;
}



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

.cic-path-content {
	flex-grow: 1;
}


.cic-path-eyebrow {
	display: block;

	margin-bottom: 13px;

	font-size: 10px;

	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: 0.13em;

	color: #FFDC00;
}


.cic-path-card-featured
.cic-path-eyebrow {
	color: #000000;
}


.cic-path-card h3 {
	margin:
		0
		0
		22px;

	font-size:
		clamp(32px, 3vw, 43px);

	line-height: 1.03;

	color: #ffffff;
}


.cic-path-card p {
	margin-bottom: 30px;

	font-size: 15.5px;

	line-height: 1.7;

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


.cic-path-card-featured p {
	color: rgba(255,255,255,0.90);
}



/* =========================================================
   BEST FOR
   ========================================================= */

.cic-path-best-for {
	padding-top: 24px;

	border-top:
		1px solid
		rgba(255,255,255,0.12);
}


.cic-path-best-for strong {
	display: block;

	margin-bottom: 7px;

	font-size: 11px;

	text-transform: uppercase;

	letter-spacing: 0.08em;

	color: #ffffff;
}


.cic-path-best-for span {
	display: block;

	font-size: 14px;

	line-height: 1.6;

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


.cic-path-card-featured
.cic-path-best-for span {
	color: rgba(255,255,255,0.90);
}



/* =========================================================
   CARD LINK
   ========================================================= */

.cic-path-link {
	display: flex;

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

	gap: 15px;

	margin-top: 35px;

	padding-top: 20px;

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

	font-size: 12px;

	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: 0.04em;

	color: #ffffff;

	transition: 0.25s ease;
}


.cic-path-link span {
	font-size: 20px;

	transition: transform 0.25s ease;
}


.cic-path-link:hover {
	color: #FFDC00;
}


.cic-path-link:hover span {
	transform: translateX(5px);
}


.cic-path-card-featured
.cic-path-link:hover {
	color: #000000;
}



/* =========================================================
   BOTTOM MESSAGE
   ========================================================= */

.cic-start-here-bottom {
	position: relative;

	z-index: 2;

	display: grid;

	grid-template-columns:
		1fr
		auto
		1fr;

	align-items: center;

	gap: 25px;

	margin-top: 65px;
}


.cic-start-here-bottom-line {
	height: 1px;

	background:
		rgba(255,255,255,0.16);
}


.cic-start-here-bottom p {
	margin: 0;

	text-align: center;

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

	font-size: 17px;

	font-style: italic;

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


.cic-start-here-bottom strong {
	color: #FFDC00;
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

	.cic-start-here-grid {
		grid-template-columns: 1fr;

		gap: 25px;
	}


	.cic-path-card {
		min-height: auto;
	}


	.cic-path-card-featured {
		transform: none;
	}


	.cic-path-card-featured:hover {
		transform: translateY(-7px);
	}


	.cic-path-card-top {
		margin-bottom: 50px;
	}


	.cic-start-here-bottom {
		grid-template-columns: 1fr;

		gap: 18px;
	}


	.cic-start-here-bottom-line {
		width: 100%;
	}

}



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

@media (max-width: 600px) {

	.cic-start-here-title {
		font-size:
			clamp(44px, 12vw, 58px);
	}


	.cic-start-here-intro {
		margin-bottom: 50px;
	}


	.cic-path-card {
		padding: 27px;

		border-radius: 24px;
	}


	.cic-path-card-top {
		margin-bottom: 45px;
	}


	.cic-path-number {
		font-size: 52px;
	}


	.cic-start-here-bottom {
		margin-top: 50px;
	}

}
/* =========================================================
   STEP 6
   MEET CRISSY
   ========================================================= */

.cic-meet {
	position: relative;

	background: #ffffff;

	overflow: hidden;
}


.cic-meet-grid {
	display: grid;

	grid-template-columns:
		minmax(380px, 0.9fr)
		minmax(0, 1.1fr);

	align-items: center;

	gap: clamp(70px, 9vw, 130px);
}



/* =========================================================
   IMAGE SIDE
   ========================================================= */

.cic-meet-visual {
	position: relative;
}


.cic-meet-image-wrap {
	position: relative;

	width: min(100%, 520px);
}


.cic-meet-image {
	position: relative;

	z-index: 3;

	display: block;

	width: 100%;

	aspect-ratio: 4 / 5;

	object-fit: cover;

	object-position: center 25%;

	border-radius: 28px;

	box-shadow:
		0 28px 70px
		rgba(0, 0, 0, 0.14);
}


.cic-meet-placeholder {
	position: relative;

	z-index: 3;

	display: flex;

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

	width: 100%;

	aspect-ratio: 4 / 5;

	padding: 40px;

	background: #F6EDE6;

	border:
		2px dashed
		rgba(0, 0, 0, 0.15);

	border-radius: 28px;

	text-align: center;

	font-weight: 700;

	color: #777777;
}


.cic-meet-placeholder p {
	margin: 0;

	max-width: 220px;
}



/* Pink background block */

.cic-meet-pink-block {
	position: absolute;

	z-index: 1;

	left: -25px;
	top: 38px;

	width: 84%;
	height: 92%;

	border-radius: 28px;

	background: #D82E92;
}



/* Gold badge */

.cic-meet-badge {
	position: absolute;

	z-index: 5;

	right: -30px;
	top: 45px;

	padding: 17px 20px;

	background: #FFDC00;

	color: #000000;

	box-shadow:
		0 18px 40px
		rgba(0,0,0,0.14);

	transform: rotate(3deg);
}


.cic-meet-badge span {
	display: block;

	margin-bottom: 2px;

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

	font-size: 15px;

	font-style: italic;
}


.cic-meet-badge strong {
	display: block;

	font-size: 13px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 0.03em;
}



/* =========================================================
   BLACK QUOTE CARD
   ========================================================= */

.cic-meet-quote-card {
	position: relative;

	z-index: 5;

	width: 88%;

	margin:
		-25px
		0
		0
		35px;

	padding: 27px 30px;

	background: #000000;

	color: #ffffff;

	box-shadow:
		0 20px 45px
		rgba(0,0,0,0.18);
}


.cic-meet-quote-card span {
	display: block;

	margin-bottom: 5px;

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

	font-size: 16px;

	font-style: italic;

	color: #FFDC00;
}


.cic-meet-quote-card strong {
	display: block;

	font-size:
		clamp(18px, 2vw, 24px);

	line-height: 1.35;

	color: #ffffff;
}



/* =========================================================
   STORY SIDE
   ========================================================= */

.cic-meet-content {
	max-width: 670px;
}


.cic-meet-title {
	margin:
		0
		0
		36px;

	font-size:
		clamp(48px, 4.7vw, 72px);

	line-height: 1.01;

	letter-spacing: -0.052em;

	color: #000000;
}


.cic-meet-title span {
	display: block;

	margin:
		10px
		0;

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

	font-weight: 600;

	font-style: italic;

	color: #D82E92;
}


.cic-meet-story {
	max-width: 620px;

	font-size: 17px;

	line-height: 1.75;

	color: #4C4C4C;
}


.cic-meet-story p {
	margin-bottom: 19px;
}


.cic-meet-intro {
	font-size: 19px;

	font-weight: 600;

	color: #000000;
}


.cic-meet-emphasis {
	margin-top: 29px;

	padding-left: 20px;

	border-left:
		4px solid
		#D82E92;

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

	font-size: 22px;

	font-style: italic;

	font-weight: 600;

	line-height: 1.55;

	color: #000000;
}



/* =========================================================
   ACTIONS
   ========================================================= */

.cic-meet-actions {
	display: flex;

	align-items: center;

	flex-wrap: wrap;

	gap: 26px;

	margin-top: 37px;
}



/* =========================================================
   SIGNATURE STATEMENT
   ========================================================= */

.cic-meet-signature {
	margin-top: 100px;

	padding:
		50px
		30px;

	text-align: center;

	border-top:
		1px solid
		#E8E8E8;

	border-bottom:
		1px solid
		#E8E8E8;
}


.cic-meet-signature-small {
	margin-bottom: 8px;

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

	font-size: 18px;

	font-style: italic;

	color: #D82E92;
}


.cic-meet-signature-main {
	font-size:
		clamp(36px, 4.5vw, 66px);

	font-weight: 900;

	line-height: 1.05;

	letter-spacing: -0.04em;

	color: #000000;
}


.cic-meet-signature-main span {
	font-family:
		"Playfair Display",
		Georgia,
		serif;

	font-style: italic;

	font-weight: 600;

	color: #D82E92;
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

	.cic-meet-grid {
		grid-template-columns: 1fr;

		gap: 80px;
	}


	.cic-meet-visual {
		width: min(90%, 580px);

		margin-inline: auto;
	}


	.cic-meet-image-wrap {
		margin-inline: auto;
	}


	.cic-meet-content {
		max-width: 760px;
	}

}



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

@media (max-width: 600px) {

	.cic-meet-grid {
		gap: 65px;
	}


	.cic-meet-visual {
		width: 90%;
	}


	.cic-meet-image {
		border-radius: 24px;
	}


	.cic-meet-pink-block {
		left: -14px;
		top: 25px;
	}


	.cic-meet-badge {
		right: -18px;
		top: 30px;

		padding: 14px 16px;
	}


	.cic-meet-quote-card {
		width: 94%;

		margin:
			-18px
			auto
			0;

		padding: 22px;
	}


	.cic-meet-title {
		font-size:
			clamp(43px, 11vw, 56px);
	}


	.cic-meet-story {
		font-size: 16.5px;
	}


	.cic-meet-intro {
		font-size: 18px;
	}


	.cic-meet-emphasis {
		font-size: 20px;
	}


	.cic-meet-actions {
		align-items: stretch;

		flex-direction: column;
	}


	.cic-meet-actions
	.cic-button {
		width: 100%;
	}


	.cic-meet-actions
	.cic-text-button {
		align-self: flex-start;
	}


	.cic-meet-signature {
		margin-top: 70px;

		padding:
			40px
			10px;
	}

}
/* =========================================================
   STEP 7
   CRISSY'S CORNER
   ========================================================= */

.cic-corner {
	position: relative;

	background: #F7F7F7;

	overflow: hidden;
}



/* =========================================================
   SECTION HEADER
   ========================================================= */

.cic-corner-header {
	display: grid;

	grid-template-columns:
		minmax(0, 1.05fr)
		minmax(330px, 0.65fr);

	align-items: end;

	gap: clamp(50px, 8vw, 110px);

	margin-bottom: 70px;
}


.cic-corner-title {
	margin: 0;

	font-size:
		clamp(52px, 5vw, 78px);

	line-height: 1;

	letter-spacing: -0.055em;

	color: #000000;
}


.cic-corner-title span {
	display: block;

	margin-top: 10px;

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

	font-weight: 600;

	font-style: italic;

	color: #D82E92;
}


.cic-corner-header-copy {
	max-width: 470px;

	padding-bottom: 4px;
}


.cic-corner-header-copy p {
	margin-bottom: 24px;

	font-size: 17px;

	line-height: 1.7;

	color: #555555;
}



/* =========================================================
   FEATURED SERIES
   ========================================================= */

.cic-corner-featured {
	position: relative;

	display: grid;

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

	align-items: stretch;

	background: #000000;

	border-radius: 32px;

	overflow: hidden;

	box-shadow:
		0 30px 80px
		rgba(0,0,0,0.13);
}


.cic-corner-featured-content {
	padding:
		clamp(45px, 6vw, 78px);

	color: #ffffff;
}


.cic-corner-featured-label {
	display: inline-block;

	margin-bottom: 34px;

	padding: 8px 14px;

	border-radius: 100px;

	background: #FFDC00;

	color: #000000;

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

	text-transform: uppercase;

	letter-spacing: 0.08em;
}


.cic-corner-series-kicker {
	display: block;

	margin-bottom: 14px;

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

	text-transform: uppercase;

	letter-spacing: 0.15em;

	color: #D82E92;
}


.cic-corner-featured h3 {
	margin: 0 0 30px;

	max-width: 680px;

	font-size:
		clamp(42px, 4.6vw, 68px);

	line-height: 1;

	letter-spacing: -0.05em;

	color: #ffffff;
}


.cic-corner-featured h3 span {
	display: block;

	margin-top: 10px;

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

	font-style: italic;

	font-weight: 600;

	color: #D82E92;
}


.cic-corner-featured-content p {
	max-width: 610px;

	margin-bottom: 17px;

	font-size: 16.5px;

	line-height: 1.7;

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


.cic-corner-featured-emphasis {
	margin:
		27px
		0
		33px !important;

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

	font-size:
		21px !important;

	font-style: italic;

	color: #ffffff !important;
}



/* =========================================================
   EDITORIAL VISUAL
   ========================================================= */

.cic-corner-featured-visual {
	position: relative;

	display: flex;

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

	min-height: 570px;

	padding: 60px 45px;

	background: #D82E92;
}


.cic-corner-editorial-card {
	width: min(100%, 390px);

	min-height: 460px;

	padding: 27px;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	background: #F6EDE6;

	color: #000000;

	box-shadow:
		18px 20px 0
		#FFDC00;
}


.cic-corner-editorial-top {
	display: flex;

	justify-content: space-between;

	gap: 15px;

	padding-bottom: 14px;

	border-bottom:
		1px solid
		rgba(0,0,0,0.18);

	font-size: 9px;

	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: 0.08em;
}


.cic-corner-editorial-middle {
	margin:
		auto
		0;

	text-align: center;
}


.cic-corner-editorial-small {
	display: block;

	margin-bottom: 12px;

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

	font-size: 20px;

	font-style: italic;
}


.cic-corner-editorial-middle strong {
	display: block;

	font-size:
		clamp(44px, 5vw, 70px);

	font-weight: 900;

	line-height: 0.9;

	letter-spacing: -0.06em;
}


.cic-corner-editorial-middle p {
	margin:
		28px
		0
		0;

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

	font-size: 18px;

	font-style: italic;

	line-height: 1.5;

	color: #000000;
}


.cic-corner-editorial-bottom {
	padding-top: 14px;

	border-top:
		1px solid
		rgba(0,0,0,0.18);

	font-size: 9px;

	font-weight: 800;

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 0.1em;
}



/* Pink/black sticker */

.cic-corner-sticker {
	position: absolute;

	right: 18px;
	bottom: 35px;

	padding:
		14px
		17px;

	background: #000000;

	color: #FFDC00;

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

	line-height: 1.2;

	text-transform: uppercase;

	transform: rotate(6deg);

	box-shadow:
		0 15px 35px
		rgba(0,0,0,0.18);
}



/* =========================================================
   LATEST CONTENT HEADER
   ========================================================= */

.cic-latest-header {
	display: flex;

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

	gap: 40px;

	margin:
		85px
		0
		35px;

	padding-bottom: 20px;

	border-bottom:
		2px solid
		#000000;
}


.cic-latest-small {
	display: block;

	margin-bottom: 5px;

	font-size: 10px;

	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: 0.13em;

	color: #D82E92;
}


.cic-latest-header h3 {
	margin: 0;

	font-size:
		clamp(32px, 3.5vw, 48px);

	color: #000000;
}


.cic-latest-header p {
	max-width: 350px;

	margin: 0;

	text-align: right;

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

	font-style: italic;

	color: #666666;
}



/* =========================================================
   POST GRID
   ========================================================= */

.cic-post-grid {
	display: grid;

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

	gap: 24px;
}


.cic-post-card {
	overflow: hidden;

	background: #ffffff;

	border:
		1px solid
		#E7E7E7;

	border-radius: 24px;

	transition:
		transform 0.3s ease,
		box-shadow 0.3s ease;
}


.cic-post-card:hover {
	transform: translateY(-6px);

	box-shadow:
		0 24px 60px
		rgba(0,0,0,0.10);
}


.cic-post-image-link {
	display: block;

	overflow: hidden;
}


.cic-post-image {
	display: block;

	width: 100%;

	aspect-ratio: 16 / 10;

	object-fit: cover;

	transition:
		transform 0.4s ease;
}


.cic-post-card:hover
.cic-post-image {
	transform: scale(1.035);
}


.cic-post-image-placeholder {
	width: 100%;

	aspect-ratio: 16 / 10;

	display: flex;

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

	padding: 25px;

	background:
		linear-gradient(
			135deg,
			#D82E92,
			#000000
		);

	color: #ffffff;

	text-align: center;

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

	text-transform: uppercase;

	letter-spacing: 0.09em;
}



/* =========================================================
   POST CONTENT
   ========================================================= */

.cic-post-card-content {
	padding: 27px;
}


.cic-post-meta {
	display: flex;

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

	gap: 10px;

	margin-bottom: 16px;

	font-size: 9px;

	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: 0.08em;

	color: #8A8A8A;
}


.cic-post-card h4 {
	margin:
		0
		0
		15px;

	font-size:
		clamp(23px, 2vw, 29px);

	line-height: 1.1;

	color: #000000;
}


.cic-post-card h4 a {
	color: #000000;

	transition: 0.25s ease;
}


.cic-post-card h4 a:hover {
	color: #D82E92;
}


.cic-post-card-content p {
	margin-bottom: 20px;

	font-size: 14.5px;

	line-height: 1.65;

	color: #5A5A5A;
}


.cic-post-link {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	padding-bottom: 3px;

	border-bottom:
		2px solid
		#000000;

	font-size: 11px;

	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: 0.05em;

	color: #000000;
}


.cic-post-link span {
	transition:
		transform 0.25s ease;
}


.cic-post-link:hover {
	color: #D82E92;

	border-color: #D82E92;
}


.cic-post-link:hover span {
	transform: translateX(4px);
}



/* =========================================================
   EMPTY CONTENT CARDS
   ========================================================= */

.cic-post-coming-soon {
	min-height: 330px;

	padding: 32px;

	display: flex;

	flex-direction: column;

	justify-content: flex-end;
}


.cic-post-coming-number {
	margin-bottom: auto;

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

	font-size: 70px;

	font-style: italic;

	font-weight: 600;

	line-height: 1;

	color:
		rgba(216,46,146,0.25);
}


.cic-post-coming-soon h4 {
	font-size: 30px;
}


.cic-post-coming-soon p {
	margin-bottom: 0;

	font-size: 15px;
}



/* =========================================================
   CONTENT PHILOSOPHY
   ========================================================= */

.cic-corner-philosophy {
	margin-top: 70px;

	padding:
		50px
		40px;

	text-align: center;

	background: #FFDC00;

	border-radius: 24px;
}


.cic-corner-philosophy span {
	display: block;

	margin-bottom: 7px;

	font-size: 10px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 0.1em;

	color: #000000;
}


.cic-corner-philosophy p {
	max-width: 880px;

	margin:
		0
		auto;

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

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

	font-style: italic;

	font-weight: 600;

	line-height: 1.3;

	color: #000000;
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

	.cic-corner-header {
		grid-template-columns: 1fr;

		gap: 30px;
	}


	.cic-corner-header-copy {
		max-width: 650px;
	}


	.cic-corner-featured {
		grid-template-columns: 1fr;
	}


	.cic-corner-featured-visual {
		min-height: 530px;
	}


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


	.cic-post-card {
		max-width: 680px;

		width: 100%;

		margin-inline: auto;
	}

}



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

@media (max-width: 600px) {

	.cic-corner-title {
		font-size:
			clamp(44px, 12vw, 58px);
	}


	.cic-corner-featured {
		border-radius: 24px;
	}


	.cic-corner-featured-content {
		padding:
			42px
			26px;
	}


	.cic-corner-featured h3 {
		font-size:
			clamp(39px, 11vw, 52px);
	}


	.cic-corner-featured-visual {
		min-height: 450px;

		padding:
			45px
			28px;
	}


	.cic-corner-editorial-card {
		min-height: 370px;

		padding: 22px;

		box-shadow:
			10px
			12px
			0
			#FFDC00;
	}


	.cic-corner-editorial-middle strong {
		font-size: 48px;
	}


	.cic-corner-sticker {
		right: 8px;

		bottom: 24px;
	}


	.cic-latest-header {
		align-items: flex-start;

		flex-direction: column;

		gap: 12px;

		margin-top: 65px;
	}


	.cic-latest-header p {
		text-align: left;
	}


	.cic-post-card-content {
		padding: 24px;
	}


	.cic-corner-philosophy {
		margin-top: 55px;

		padding:
			38px
			23px;
	}

}
/* =========================================================
   STEP 7
   MOBILE POLISH FIX
   ========================================================= */

@media (max-width: 600px) {

	/* Prevent Step 7 children from forcing page width */

	.cic-corner,
	.cic-corner .cic-container,
	.cic-corner-featured,
	.cic-corner-featured-content,
	.cic-corner-featured-visual,
	.cic-corner-editorial-card {
		min-width: 0;
		max-width: 100%;
		box-sizing: border-box;
	}


	/* -----------------------------------------
	   FEATURED SERIES BLACK PANEL
	   ----------------------------------------- */

	.cic-corner-featured {
		width: 100%;

		border-radius: 24px;

		overflow: hidden;
	}


	.cic-corner-featured-content {
		width: 100%;

		padding:
			42px
			28px
			48px;

		overflow: hidden;
	}


	.cic-corner-featured h3 {
		width: 100%;

		max-width: 100%;

		font-size:
			clamp(38px, 10.5vw, 50px);

		line-height: 1.02;

		overflow-wrap: break-word;
	}


	.cic-corner-featured h3 span {
		margin-top: 8px;
	}


	.cic-corner-featured-content p {
		width: 100%;

		max-width: 100%;

		font-size: 16px;

		line-height: 1.65;

		overflow-wrap: break-word;
	}


	.cic-corner-featured-emphasis {
		font-size: 20px !important;

		line-height: 1.5 !important;
	}


	.cic-corner-featured-content
	.cic-button {
		width: 100%;

		max-width: 400px;
	}



	/* -----------------------------------------
	   PINK VISUAL PANEL
	   ----------------------------------------- */

	.cic-corner-featured-visual {
		width: 100%;

		min-height: auto;

		padding:
			55px
			28px
			70px;

		overflow: hidden;
	}



	/* -----------------------------------------
	   EDITORIAL CARD
	   ----------------------------------------- */

	.cic-corner-editorial-card {
		width: 100%;

		max-width: 100%;

		min-height: 390px;

		padding: 22px;

		box-sizing: border-box;

		box-shadow:
			9px
			11px
			0
			#FFDC00;
	}


	.cic-corner-editorial-top {
		gap: 10px;

		font-size: 8px;
	}


	.cic-corner-editorial-top span {
		min-width: 0;

		white-space: normal;
	}


	.cic-corner-editorial-top span:last-child {
		text-align: right;
	}



	/* This is the biggest mobile issue */

	.cic-corner-editorial-middle strong {
		width: 100%;

		font-size:
			clamp(31px, 9vw, 44px);

		line-height: 0.95;

		letter-spacing: -0.055em;

		white-space: normal;

		overflow-wrap: anywhere;
	}


	.cic-corner-editorial-small {
		font-size: 18px;
	}


	.cic-corner-editorial-middle p {
		font-size: 17px;

		line-height: 1.5;
	}


	.cic-corner-editorial-bottom {
		font-size: 8px;

		line-height: 1.4;
	}



	/* -----------------------------------------
	   REAL LIFE / REAL RESET STICKER
	   ----------------------------------------- */

	.cic-corner-sticker {
		right: 14px;
		bottom: 22px;

		max-width: 125px;

		padding:
			11px
			13px;

		font-size: 11px;

		transform: rotate(4deg);
	}



	/* -----------------------------------------
	   LATEST CONTENT
	   ----------------------------------------- */

	.cic-latest-header {
		margin-top: 60px;
	}


	.cic-latest-header h3 {
		font-size:
			clamp(34px, 10vw, 46px);
	}

}
/* =========================================================
   STEP 7
   FINAL MOBILE MAGAZINE POLISH
   ========================================================= */

@media (max-width: 600px) {


	/* Keep DECONSTRUCT on one line */

	.cic-corner-editorial-middle strong {

		font-size: clamp(27px, 8vw, 36px);

		line-height: 0.95;

		letter-spacing: -0.06em;

		white-space: nowrap;

		overflow-wrap: normal;

		word-break: normal;
	}


	/* Make the magazine graphic more compact */

	.cic-corner-featured-visual {

		min-height: auto;

		padding:
			48px
			28px
			60px;
	}


	.cic-corner-editorial-card {

		min-height: 350px;

		padding:
			22px
			20px;
	}


	.cic-corner-editorial-small {

		font-size: 17px;
	}


	.cic-corner-editorial-middle p {

		margin-top: 22px;

		font-size: 16px;

		line-height: 1.45;
	}


	.cic-corner-editorial-bottom {

		padding-top: 12px;

		font-size: 7.5px;
	}


	/* Slightly smaller sticker */

	.cic-corner-sticker {

		right: 12px;

		bottom: 17px;

		max-width: 112px;

		padding:
			10px
			12px;

		font-size: 10px;

		line-height: 1.25;

		transform: rotate(4deg);
	}

}
/* =========================================================
   STEP 8
   FINAL RESET CTA
   ========================================================= */

.cic-final-cta {
	position: relative;

	padding:
		clamp(100px, 11vw, 165px)
		0;

	overflow: hidden;

	background: #D82E92;

	color: #ffffff;
}


/* Soft decorative circle */

.cic-final-cta::before {
	content: "";

	position: absolute;

	top: -240px;
	right: -170px;

	width: 500px;
	height: 500px;

	border-radius: 50%;

	border:
		90px solid
		rgba(255,255,255,0.08);

	pointer-events: none;
}


.cic-final-cta::after {
	content: "";

	position: absolute;

	left: -140px;
	bottom: -190px;

	width: 370px;
	height: 370px;

	border-radius: 50%;

	background:
		rgba(255,220,0,0.16);

	pointer-events: none;
}


.cic-final-cta-inner {
	position: relative;

	z-index: 2;

	max-width: 1050px;

	margin-inline: auto;

	text-align: center;
}


/* =========================================================
   KICKER
   ========================================================= */

.cic-final-kicker {
	display: inline-block;

	margin-bottom: 28px;

	padding:
		9px
		16px;

	background: #FFDC00;

	border-radius: 100px;

	color: #000000;

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

	text-transform: uppercase;

	letter-spacing: 0.09em;
}


/* =========================================================
   TITLE
   ========================================================= */

.cic-final-title {
	margin:
		0
		auto
		35px;

	max-width: 1000px;

	font-size:
		clamp(52px, 6vw, 88px);

	line-height: 0.99;

	letter-spacing: -0.055em;

	color: #ffffff;
}


.cic-final-title span {
	display: block;

	margin-top: 12px;

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

	font-weight: 600;

	font-style: italic;

	color: #000000;
}


/* =========================================================
   COPY
   ========================================================= */

.cic-final-copy {
	max-width: 720px;

	margin:
		0
		auto
		38px;

	font-size: 18px;

	line-height: 1.75;

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


/* =========================================================
   BUTTON
   ========================================================= */

.cic-final-action {
	display: flex;

	justify-content: center;
}


.cic-final-button {
	display: inline-flex;

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

	gap: 30px;

	min-width: 330px;

	padding:
		18px
		28px;

	background: #000000;

	border-radius: 100px;

	color: #ffffff;

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

	text-transform: uppercase;

	letter-spacing: 0.04em;

	transition:
		transform 0.25s ease,
		background-color 0.25s ease;
}


.cic-final-button span {
	font-size: 21px;

	transition:
		transform 0.25s ease;
}


.cic-final-button:hover {
	background: #ffffff;

	color: #000000;

	transform: translateY(-3px);
}


.cic-final-button:hover span {
	transform: translateX(5px);
}


/* =========================================================
   SMALL NOTE
   ========================================================= */

.cic-final-note {
	display: grid;

	grid-template-columns:
		1fr
		auto
		1fr;

	align-items: center;

	gap: 22px;

	max-width: 780px;

	margin:
		42px
		auto
		0;
}


.cic-final-note-line {
	height: 1px;

	background:
		rgba(255,255,255,0.32);
}


.cic-final-note p {
	margin: 0;

	max-width: 440px;

	font-size: 12px;
	font-weight: 700;

	line-height: 1.5;

	text-transform: uppercase;

	letter-spacing: 0.06em;

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


/* =========================================================
   SIGNOFF
   ========================================================= */

.cic-final-signoff {
	margin-top: 48px;
}


.cic-final-signoff span {
	font-family:
		"Playfair Display",
		Georgia,
		serif;

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

	font-style: italic;

	color: #FFDC00;
}


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

@media (max-width: 600px) {

	.cic-final-cta {
		padding:
			85px
			0;
	}


	.cic-final-title {
		font-size:
			clamp(44px, 12vw, 58px);
	}


	.cic-final-copy {
		font-size: 17px;
	}


	.cic-final-button {
		width: 100%;

		min-width: 0;

		padding:
			17px
			24px;
	}


	.cic-final-note {
		grid-template-columns: 1fr;

		gap: 15px;
	}


	.cic-final-note-line {
		width: 100%;
	}

}
/* =========================================================
   STEP 9
   FINAL FOOTER
   ========================================================= */

.site-footer {
	padding:
		85px
		0
		30px;

	background: #000000;

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


/* =========================================================
   FOOTER TOP
   ========================================================= */

.cic-footer-top {
	display: grid;

	grid-template-columns:
		1.4fr
		0.8fr
		0.8fr;

	gap: clamp(45px, 7vw, 100px);
}


.cic-footer-brand {
	max-width: 420px;
}


.cic-footer-logo {
	display: inline-block;

	margin-bottom: 15px;

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

	font-weight: 900;

	letter-spacing: -0.045em;

	color: #ffffff;
}


.cic-footer-tagline {
	margin-bottom: 18px;

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

	font-size: 21px;

	font-style: italic;

	color: #D82E92;
}


.cic-footer-description {
	max-width: 370px;

	margin: 0;

	font-size: 14px;

	line-height: 1.7;

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


/* =========================================================
   FOOTER COLUMNS
   ========================================================= */

.cic-footer-heading {
	display: block;

	margin-bottom: 20px;

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

	text-transform: uppercase;

	letter-spacing: 0.14em;

	color: #FFDC00;
}


.cic-footer-menu,
.cic-footer-links {
	display: grid;

	gap: 11px;

	margin: 0;

	padding: 0;

	list-style: none;
}


.cic-footer-menu a,
.cic-footer-links a {
	font-size: 14px;

	color:
		rgba(255,255,255,0.75);

	transition:
		color 0.25s ease;
}


.cic-footer-menu a:hover,
.cic-footer-links a:hover {
	color: #D82E92;
}


/* =========================================================
   HUGE BRAND STATEMENT
   ========================================================= */

.cic-footer-statement {
	display: flex;

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

	flex-wrap: wrap;

	gap:
		8px
		22px;

	margin:
		85px
		0
		50px;

	padding:
		42px
		0;

	border-top:
		1px solid
		rgba(255,255,255,0.12);

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

	font-size:
		clamp(35px, 5vw, 70px);

	font-weight: 900;

	line-height: 1;

	text-transform: uppercase;

	letter-spacing: -0.05em;

	color: #ffffff;
}


.cic-footer-statement-pink {
	color: #D82E92;
}


/* =========================================================
   FOOTER BOTTOM
   ========================================================= */

.cic-footer-bottom {
	display: flex;

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

	gap: 30px;
}


.cic-footer-bottom p {
	margin: 0;

	font-size: 11px;

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


.cic-footer-legal {
	display: flex;

	flex-wrap: wrap;

	gap: 20px;
}


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

	color:
		rgba(255,255,255,0.55);

	transition:
		color 0.25s ease;
}


.cic-footer-legal a:hover {
	color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

	.cic-footer-top {
		grid-template-columns:
			1.2fr
			1fr;
	}


	.cic-footer-brand {
		grid-column:
			1 / -1;
	}

}


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

@media (max-width: 600px) {

	.site-footer {
		padding:
			65px
			0
			25px;
	}


	.cic-footer-top {
		grid-template-columns: 1fr;

		gap: 40px;
	}


	.cic-footer-brand {
		grid-column: auto;
	}


	.cic-footer-statement {
		margin:
			60px
			0
			35px;

		padding:
			32px
			0;

		align-items: flex-start;

		flex-direction: column;

		font-size:
			clamp(36px, 11vw, 52px);
	}


	.cic-footer-bottom {
		align-items: flex-start;

		flex-direction: column;

		gap: 17px;
	}

}