/* Copper Lantern Travel 6.25.15 — homepage planning-resource editorial index. */

.clt-site .clt-home-resources-editorial {
	background:
		linear-gradient(90deg, transparent 0 8%, rgba(186, 125, 68, .055) 8% 8.08%, transparent 8.08% 100%),
		#ece6de;
}

.clt-site .clt-home-resources-editorial .clt-home-heading {
	margin-bottom: clamp(34px, 4vw, 52px);
}

.clt-site .clt-home-resources-editorial .clt-home-heading .clt-text-link span,
.clt-site .clt-home-planning-entry .clt-text-link span {
	display: inline-block;
	transition: transform .22s ease;
}

.clt-site .clt-home-resources-editorial .clt-home-heading .clt-text-link:hover span,
.clt-site .clt-home-resources-editorial .clt-home-heading .clt-text-link:focus-visible span,
.clt-site .clt-home-planning-entry .clt-text-link:hover span,
.clt-site .clt-home-planning-entry .clt-text-link:focus-visible span {
	transform: translateX(4px);
}

.clt-site .clt-home-planning-index {
	border-top: 1px solid rgba(126, 78, 44, .3);
	border-bottom: 1px solid rgba(126, 78, 44, .3);
}

.clt-site .clt-home-planning-entry {
	position: relative;
	display: grid;
	min-height: 182px;
	grid-template-columns: 64px minmax(0, 1fr) clamp(225px, 25vw, 350px);
	gap: clamp(26px, 4vw, 62px);
	align-items: center;
	padding: clamp(25px, 2.6vw, 38px) 0;
}

.clt-site .clt-home-planning-entry + .clt-home-planning-entry {
	border-top: 1px solid rgba(126, 78, 44, .22);
}

.clt-site .clt-home-planning-number {
	position: relative;
	display: flex;
	align-self: stretch;
	align-items: flex-start;
	justify-content: flex-start;
	padding-top: 3px;
	border-right: 1px solid rgba(126, 78, 44, .25);
	color: var(--clt-copper-text, #8b512c);
	font-family: var(--clt-font-heading, "Cinzel CLT", "Cinzel", Georgia, serif);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .12em;
	line-height: 1;
}

.clt-site .clt-home-planning-number::after {
	content: "";
	position: absolute;
	top: 7px;
	right: -4px;
	width: 7px;
	height: 7px;
	border: 1px solid rgba(126, 78, 44, .72);
	background: #ece6de;
	transform: rotate(45deg);
}

.clt-site .clt-home-planning-copy {
	min-width: 0;
}

.clt-site .clt-home-planning-copy .clt-eyebrow {
	margin: 0 0 7px;
}

.clt-site .clt-home-planning-copy h3 {
	margin: 0;
	font-family: var(--clt-font-heading, "Cinzel CLT", "Cinzel", Georgia, serif);
	font-size: clamp(25px, 2vw, 33px);
	font-weight: 400;
	letter-spacing: -.012em;
	line-height: 1.14;
	text-wrap: balance;
}

.clt-site .clt-home-planning-copy h3 a {
	color: var(--clt-green-deep, #14201e);
	text-decoration: none;
}

.clt-site .clt-home-planning-copy h3 a:hover {
	color: var(--clt-copper-text, #8b512c);
}

.clt-site .clt-home-planning-copy > p:not(.clt-eyebrow) {
	max-width: 63ch;
	margin: 10px 0 13px;
	color: #52615c;
	font-size: 15px;
	line-height: 1.65;
	text-wrap: pretty;
}

.clt-site .clt-home-planning-copy .clt-text-link {
	gap: 8px;
	font-size: 13px;
	letter-spacing: .035em;
}

.clt-site .clt-home-planning-image {
	position: relative;
	display: block;
	overflow: hidden;
	background: var(--clt-green-deep, #14201e);
	aspect-ratio: 16 / 8.5;
	box-shadow: 9px 9px 0 rgba(126, 78, 44, .12);
	isolation: isolate;
}

.clt-site .clt-home-planning-image::after {
	content: "";
	position: absolute;
	inset: 0;
	border: 1px solid rgba(255, 255, 255, .24);
	box-shadow: inset 0 0 0 6px rgba(20, 32, 30, .04);
	pointer-events: none;
}

.clt-site .clt-home-planning-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.001);
	transition: filter .35s ease, transform .6s cubic-bezier(.2, .7, .2, 1);
}

.clt-site .clt-home-planning-entry:hover .clt-home-planning-image img,
.clt-site .clt-home-planning-entry:focus-within .clt-home-planning-image img {
	filter: saturate(1.035) contrast(1.02);
	transform: scale(1.035);
}

@media (min-width: 1101px) and (max-width: 1600px) {
	.clt-site .clt-home-planning-entry {
		min-height: 164px;
		grid-template-columns: 56px minmax(0, 1fr) clamp(205px, 24vw, 310px);
		gap: clamp(22px, 3.2vw, 46px);
		padding-block: clamp(23px, 2.2vw, 31px);
	}

	.clt-site .clt-home-planning-copy h3 {
		font-size: clamp(24px, 1.85vw, 29px);
	}
}

@media (max-width: 900px) {
	.clt-site .clt-home-planning-entry {
		grid-template-columns: 52px minmax(0, 1fr) minmax(170px, 29vw);
		gap: 24px;
	}

	.clt-site .clt-home-planning-copy > p:not(.clt-eyebrow) {
		font-size: 14px;
		line-height: 1.58;
	}
}

@media (max-width: 700px) {
	.clt-site .clt-home-resources-editorial {
		padding-block: clamp(68px, 16vw, 90px);
		background: #ece6de;
	}

	.clt-site .clt-home-planning-entry {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: 10px 18px;
		padding-block: 27px;
	}

	.clt-site .clt-home-planning-number {
		grid-row: 1 / span 2;
	}

	.clt-site .clt-home-planning-copy,
	.clt-site .clt-home-planning-image {
		grid-column: 2;
	}

	.clt-site .clt-home-planning-copy h3 {
		font-size: clamp(23px, 7vw, 28px);
	}

	.clt-site .clt-home-planning-image {
		width: min(100%, 430px);
		margin-top: 7px;
		aspect-ratio: 16 / 7.5;
		box-shadow: 6px 6px 0 rgba(126, 78, 44, .12);
	}
}

@media (prefers-reduced-motion: reduce) {
	.clt-site .clt-home-resources-editorial .clt-text-link span,
	.clt-site .clt-home-planning-image img {
		transition: none;
	}
}