/* =========================================================
   START HERE
   ========================================================= */

.cic-start-page {
	overflow:hidden;
	background:#fff;
	color:#000;
}

.cic-start-page *,
.cic-start-page *::before,
.cic-start-page *::after {
	box-sizing:border-box;
}

.cic-start-page-container {
	width:min(1180px, calc(100% - 48px));
	margin:0 auto;
}

.cic-start-page-eyebrow {
	margin:0 0 20px;
	color:#D82E92;
	font-family:"Montserrat",sans-serif;
	font-size:13px;
	font-weight:900;
	line-height:1.2;
	letter-spacing:.14em;
	text-transform:uppercase;
}


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

.cic-start-page-hero {
	padding:120px 0 125px;
	background:#F6EDE6;
}

.cic-start-page-hero h1 {
	max-width:1050px;
	margin:0;
	font-family:"Montserrat",sans-serif;
	font-size:clamp(66px,8vw,116px);
	font-weight:900;
	line-height:.87;
	letter-spacing:-.075em;
}

.cic-start-page-hero h1 span {
	display:block;
	color:#D82E92;
}

.cic-start-page-script {
	max-width:850px;
	margin:34px 0 0;
	color:#D82E92;
	font-family:"Playfair Display",serif;
	font-size:clamp(38px,4.5vw,62px);
	font-weight:600;
	font-style:italic;
	line-height:1;
	letter-spacing:-.04em;
}

.cic-start-page-intro {
	max-width:760px;
	margin-top:42px;
	font-family:"Montserrat",sans-serif;
	font-size:18px;
	line-height:1.75;
	color:#333;
}

.cic-start-page-intro p {
	margin:0 0 18px;
}


/* =========================================================
   ROUTES
   ========================================================= */

.cic-start-page-routes {
	padding:120px 0;
	background:#fff;
}

.cic-start-page-heading {
	max-width:900px;
	margin-bottom:65px;
}

.cic-start-page-heading h2 {
	margin:0;
	font-family:"Montserrat",sans-serif;
	font-size:clamp(54px,6vw,88px);
	font-weight:900;
	line-height:.92;
	letter-spacing:-.065em;
}

.cic-start-page-heading h2 span {
	display:block;
	color:#D82E92;
	font-family:"Playfair Display",serif;
	font-style:italic;
	font-weight:600;
}

.cic-start-page-grid {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:24px;
}

.cic-start-route {
	min-height:520px;
	padding:38px;
	display:flex;
	flex-direction:column;
	border:1px solid rgba(0,0,0,.08);
	border-radius:30px;
	background:#F6EDE6;
	color:#000;
	text-decoration:none;
	transition:
		transform .25s ease,
		box-shadow .25s ease;
}

.cic-start-route:hover {
	transform:translateY(-6px);
	box-shadow:0 24px 60px rgba(0,0,0,.10);
}

.cic-start-route-dark {
	background:#000;
	color:#fff;
}

.cic-start-route-pink {
	background:#D82E92;
	color:#fff;
}

.cic-start-route-top {
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:20px;
	margin-bottom:55px;
}

.cic-start-route-number,
.cic-start-route-type {
	font-family:"Montserrat",sans-serif;
	font-size:11px;
	font-weight:900;
	letter-spacing:.1em;
}

.cic-start-route-number {
	color:#D82E92;
}

.cic-start-route-dark .cic-start-route-number {
	color:#D82E92;
}

.cic-start-route-pink .cic-start-route-number,
.cic-start-route-pink .cic-start-route-type {
	color:#FFDC00;
}

.cic-start-route-dark .cic-start-route-type {
	color:#FFDC00;
}

.cic-start-route-kicker {
	margin:0 0 15px;
	color:#D82E92;
	font-family:"Montserrat",sans-serif;
	font-size:11px;
	font-weight:900;
	letter-spacing:.12em;
}

.cic-start-route-dark .cic-start-route-kicker {
	color:#FFDC00;
}

.cic-start-route-pink .cic-start-route-kicker {
	color:#FFDC00;
}

.cic-start-route h3 {
	margin:0 0 25px;
	max-width:520px;
	font-family:"Montserrat",sans-serif;
	font-size:clamp(32px,3.2vw,48px);
	font-weight:900;
	line-height:1.02;
	letter-spacing:-.05em;
}

.cic-start-route-dark h3,
.cic-start-route-pink h3 {
	color:#fff !important;
}

.cic-start-route > p:not(.cic-start-route-kicker) {
	max-width:550px;
	margin:0;
	font-family:"Montserrat",sans-serif;
	font-size:16px;
	line-height:1.7;
}

.cic-start-route-dark > p:not(.cic-start-route-kicker),
.cic-start-route-pink > p:not(.cic-start-route-kicker) {
	color:rgba(255,255,255,.82);
}

.cic-start-route-bottom {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin-top:auto;
	padding-top:28px;
	border-top:1px solid rgba(0,0,0,.12);
}

.cic-start-route-dark .cic-start-route-bottom,
.cic-start-route-pink .cic-start-route-bottom {
	border-color:rgba(255,255,255,.2);
}

.cic-start-route-bottom strong {
	color:inherit;
	font-family:"Montserrat",sans-serif;
	font-size:11px;
	font-weight:900;
	letter-spacing:.04em;
}

.cic-start-route-dark .cic-start-route-bottom strong,
.cic-start-route-pink .cic-start-route-bottom strong {
	color:#fff;
}

.cic-start-route-bottom span {
	font-size:25px;
}


/* =========================================================
   UNSURE
   ========================================================= */

.cic-start-page-unsure {
	padding:120px 0;
	background:#000;
	color:#fff;
}

.cic-start-page-unsure-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:90px;
	align-items:center;
}

.cic-start-page-yellow-script {
	margin:0 0 18px;
	color:#FFDC00;
	font-family:"Playfair Display",serif;
	font-size:32px;
	font-weight:600;
	font-style:italic;
}

.cic-start-page-unsure h2 {
	margin:0;
	color:#fff !important;
	font-family:"Montserrat",sans-serif;
	font-size:clamp(52px,5.5vw,82px);
	font-weight:900;
	line-height:.94;
	letter-spacing:-.06em;
}

.cic-start-page-unsure-grid > div:last-child {
	font-family:"Montserrat",sans-serif;
	font-size:18px;
	line-height:1.75;
	color:#eee;
}

.cic-start-page-button {
	display:inline-flex;
	margin-top:18px;
	padding:18px 30px;
	border-radius:999px;
	background:#D82E92;
	color:#fff;
	font-family:"Montserrat",sans-serif;
	font-size:12px;
	font-weight:900;
	text-decoration:none;
}

.cic-start-page-button:hover {
	background:#FFDC00;
	color:#000;
}


/* =========================================================
   MORE
   ========================================================= */

.cic-start-page-more {
	padding:120px 0;
	background:#F6EDE6;
}

.cic-start-page-more-heading {
	max-width:850px;
	margin-bottom:55px;
}

.cic-start-page-more-heading h2 {
	margin:0;
	font-family:"Montserrat",sans-serif;
	font-size:clamp(50px,5.5vw,80px);
	font-weight:900;
	line-height:.94;
	letter-spacing:-.06em;
}

.cic-start-page-more-heading h2 span {
	display:block;
	color:#D82E92;
	font-family:"Playfair Display",serif;
	font-weight:600;
	font-style:italic;
}

.cic-start-page-more-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:24px;
}

.cic-start-page-mini {
	padding:38px;
	border-radius:28px;
	background:#fff;
	color:#000;
	text-decoration:none;
}

.cic-start-page-mini > span {
	display:block;
	margin-bottom:22px;
	color:#D82E92;
	font-family:"Montserrat",sans-serif;
	font-size:11px;
	font-weight:900;
	letter-spacing:.12em;
}

.cic-start-page-mini h3 {
	margin:0 0 30px;
	font-family:"Montserrat",sans-serif;
	font-size:clamp(28px,3vw,40px);
	font-weight:900;
	line-height:1.05;
	letter-spacing:-.045em;
}

.cic-start-page-mini strong {
	font-family:"Montserrat",sans-serif;
	font-size:11px;
	font-weight:900;
}


/* =========================================================
   FINAL
   ========================================================= */

.cic-start-page-final {
	padding:120px 0;
	background:#FFDC00;
	text-align:center;
}

.cic-start-page-final-inner {
	max-width:960px;
}

.cic-start-page-final-kicker {
	margin:0 0 22px;
	color:#D82E92;
	font-family:"Montserrat",sans-serif;
	font-size:12px;
	font-weight:900;
	letter-spacing:.14em;
}

.cic-start-page-final h2 {
	margin:0;
	font-family:"Montserrat",sans-serif;
	font-size:clamp(60px,7vw,100px);
	font-weight:900;
	line-height:.89;
	letter-spacing:-.07em;
}

.cic-start-page-final-script {
	margin:28px 0 0;
	color:#D82E92;
	font-family:"Playfair Display",serif;
	font-size:clamp(38px,5vw,66px);
	font-weight:600;
	font-style:italic;
	line-height:1;
}

.cic-start-page-final-copy {
	max-width:650px;
	margin:34px auto 0;
	font-family:"Montserrat",sans-serif;
	font-size:18px;
	line-height:1.7;
}


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

@media (max-width:980px) {

	.cic-start-page-grid,
	.cic-start-page-unsure-grid,
	.cic-start-page-more-grid {
		grid-template-columns:1fr;
	}

	.cic-start-page-unsure-grid {
		gap:50px;
	}

}


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

@media (max-width:600px) {

	.cic-start-page-container {
		width:min(100% - 32px,1180px);
	}

	.cic-start-page-hero,
	.cic-start-page-routes,
	.cic-start-page-unsure,
	.cic-start-page-more,
	.cic-start-page-final {
		padding-top:78px;
		padding-bottom:78px;
	}

	.cic-start-page-hero h1 {
		font-size:clamp(48px,14vw,68px);
	}

	.cic-start-page-heading h2,
	.cic-start-page-unsure h2,
	.cic-start-page-more-heading h2 {
		font-size:clamp(43px,12vw,60px);
	}

	.cic-start-route {
		min-height:auto;
		padding:30px 25px;
	}

	.cic-start-route-top {
		margin-bottom:40px;
	}

	.cic-start-route-bottom {
		margin-top:40px;
	}

	.cic-start-page-mini {
		padding:30px 25px;
	}

	.cic-start-page-final h2 {
		font-size:clamp(52px,15vw,72px);
	}

}