.hdp-homepage-option-2e {
	--hdp-2e-night: #211f1e;
	--hdp-2e-night-soft: #312d2b;
	--hdp-2e-paper: #eeece7;
	--hdp-2e-cream: #fbfaf6;
	--hdp-2e-ink: #262321;
	--hdp-2e-neutral: #8d8781;
	--hdp-2e-pale: #e5e1dc;
	--hdp-2e-burgundy: #6f2639;
	--hdp-2e-mauve: #c9a7af;
	--hdp-2e-blue: #315d91;
	--hdp-2e-taupe: #9a846b;
	background: var(--hdp-2e-cream);
	color: var(--hdp-2e-ink);
}

.hdp-homepage-option-2e .site-content,
.hdp-homepage-option-2e .content-area,
.hdp-homepage-option-2e .site-main,
.hdp-homepage-option-2e .inside-article,
.hdp-homepage-option-2e .entry-content {
	margin: 0;
	max-width: none;
	padding: 0;
}

.hdp-option-2e,
.hdp-option-2e * {
	box-sizing: border-box;
}

.hdp-option-2e {
	background: var(--hdp-2e-cream);
	color: var(--hdp-2e-ink);
	font-family: Inter, "Helvetica Neue", Arial, sans-serif;
	overflow: clip;
}

.hdp-option-2e h1,
.hdp-option-2e h2,
.hdp-option-2e h3,
.hdp-option-2e h4,
.hdp-option-2e p,
.hdp-option-2e figure {
	margin-top: 0;
}

.hdp-option-2e h1,
.hdp-option-2e h2,
.hdp-option-2e h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 400;
	letter-spacing: -0.035em;
}

.hdp-option-2e em {
	color: var(--hdp-2e-mauve);
	font-weight: 400;
}

.hdp-option-2e img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.hdp-option-2e__eyebrow {
	color: var(--hdp-2e-burgundy);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	margin-bottom: 1.1rem;
	text-transform: uppercase;
}

.hdp-option-2e__eyebrow--light {
	color: var(--hdp-2e-mauve);
}

.hdp-option-2e__button {
	align-items: center;
	background: var(--hdp-2e-burgundy);
	border: 1px solid var(--hdp-2e-burgundy);
	color: #fff;
	display: inline-flex;
	font-size: 0.72rem;
	font-weight: 700;
	gap: 1.5rem;
	letter-spacing: 0.12em;
	padding: 1rem 1.25rem;
	text-decoration: none;
	text-transform: uppercase;
}

.hdp-option-2e__button:hover,
.hdp-option-2e__button:focus-visible {
	background: var(--hdp-2e-blue);
	border-color: var(--hdp-2e-blue);
	color: #fff;
}

.hdp-option-2e__button--outline {
	background: transparent;
	border-color: var(--hdp-2e-mauve);
}

.hdp-option-2e__hero {
	background: var(--hdp-2e-night);
	color: #fff;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
	min-height: min(820px, 86vh);
	position: relative;
}

.hdp-option-2e__hero-media {
	grid-column: 1;
	grid-row: 1 / span 2;
	min-height: 620px;
	position: relative;
}

.hdp-option-2e__hero-media::after {
	background: linear-gradient(90deg, rgba(33, 31, 30, 0.08), rgba(33, 31, 30, 0.76));
	content: "";
	inset: 0;
	position: absolute;
}

.hdp-option-2e__hero-copy {
	align-self: end;
	grid-column: 2;
	grid-row: 1;
	padding: clamp(4rem, 8vw, 8rem) clamp(2rem, 6vw, 6rem) 2rem;
	position: relative;
	z-index: 1;
}

.hdp-option-2e__hero-copy h1 {
	color: #fff;
	font-size: clamp(3rem, 6vw, 6.7rem);
	line-height: 0.92;
	margin-bottom: 1.75rem;
}

.hdp-option-2e__hero-copy > p:not(.hdp-option-2e__eyebrow) {
	color: rgba(255, 255, 255, 0.78);
	font-size: clamp(1rem, 1.4vw, 1.22rem);
	line-height: 1.7;
	max-width: 36rem;
}

.hdp-option-2e__hero-panel {
	align-self: end;
	background: var(--hdp-2e-night-soft);
	border-left: 1px solid rgba(255, 255, 255, 0.11);
	grid-column: 2;
	grid-row: 2;
	padding: 2rem clamp(2rem, 6vw, 6rem) 2.5rem;
}

.hdp-option-2e__hero-panel > span {
	color: var(--hdp-2e-mauve);
	font-size: 1.8rem;
}

.hdp-option-2e__hero-panel h2 {
	color: #fff;
	font-size: clamp(1.6rem, 2.5vw, 2.5rem);
	margin: 0.5rem 0;
}

.hdp-option-2e__hero-panel p {
	color: rgba(255, 255, 255, 0.68);
	line-height: 1.6;
}

.hdp-option-2e__hero-panel div {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

.hdp-option-2e__hero-panel div span {
	border: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 0.65rem;
	letter-spacing: 0.1em;
	padding: 0.35rem 0.55rem;
	text-transform: uppercase;
}

.hdp-option-2e__manifesto {
	align-items: center;
	background: var(--hdp-2e-paper);
	display: grid;
	gap: clamp(2rem, 6vw, 7rem);
	grid-template-columns: minmax(16rem, 0.72fr) minmax(22rem, 1fr);
	padding: clamp(5rem, 10vw, 10rem) max(1.5rem, calc((100vw - 1320px) / 2));
	position: relative;
}

.hdp-option-2e__manifesto figure {
	margin-bottom: 0;
	position: relative;
}

.hdp-option-2e__manifesto figure > img {
	aspect-ratio: 4 / 5;
}

.hdp-option-2e__manifesto figcaption {
	background: var(--hdp-2e-cream);
	bottom: 1rem;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	left: -1rem;
	padding: 0.65rem 1rem;
	position: absolute;
}

.hdp-option-2e__manifesto h2 {
	font-size: clamp(2.6rem, 5vw, 5.4rem);
	line-height: 0.98;
	margin-bottom: 1.5rem;
}

.hdp-option-2e__lead {
	font-size: clamp(1rem, 1.4vw, 1.2rem);
	line-height: 1.8;
	max-width: 48rem;
}

.hdp-option-2e__principles {
	border-top: 1px solid var(--hdp-2e-neutral);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 3rem;
}

.hdp-option-2e__principles article {
	border-right: 1px solid var(--hdp-2e-neutral);
	padding: 1.5rem 1.2rem 0 0;
}

.hdp-option-2e__principles article + article {
	padding-left: 1.2rem;
}

.hdp-option-2e__principles article:last-child {
	border-right: 0;
}

.hdp-option-2e__principles span {
	color: var(--hdp-2e-burgundy);
	font-size: 0.65rem;
}

.hdp-option-2e__principles h3 {
	font-size: 1.25rem;
	margin: 0.5rem 0;
}

.hdp-option-2e__principles p {
	color: #5c5753;
	font-size: 0.86rem;
	line-height: 1.55;
}

.hdp-option-2e__manifesto-ornament {
	height: clamp(7rem, 12vw, 12rem);
	opacity: 0.38;
	position: absolute;
	right: 1.5rem;
	top: 1rem;
	width: clamp(7rem, 12vw, 12rem);
}

.hdp-option-2e__manifesto-ornament img,
.hdp-option-2e__cover-copy > div img,
.hdp-option-2e__closing-art img {
	object-fit: contain;
}

.hdp-option-2e__journey {
	background: var(--hdp-2e-night);
	display: grid;
	grid-template-columns: minmax(16rem, 28vw) minmax(0, 1fr);
}

.hdp-option-2e__journey-index {
	align-self: start;
	color: #fff;
	min-height: 100vh;
	padding: clamp(4rem, 7vw, 7rem) clamp(1.5rem, 4vw, 4rem);
	position: sticky;
	top: 0;
}

.hdp-option-2e__journey-index h2 {
	color: #fff;
	font-size: clamp(2.4rem, 4vw, 4.4rem);
	line-height: 1;
}

.hdp-option-2e__journey-index nav {
	border-top: 1px solid rgba(255, 255, 255, 0.22);
	margin: 2.5rem 0;
}

.hdp-option-2e__journey-index button {
	align-items: center;
	background: transparent;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
	color: rgba(255, 255, 255, 0.54);
	cursor: pointer;
	display: flex;
	gap: 1rem;
	padding: 1rem 0;
	text-align: left;
	width: 100%;
}

.hdp-option-2e__journey-index button[aria-current="true"] {
	color: #fff;
}

.hdp-option-2e__journey-index button span {
	color: var(--hdp-2e-mauve);
	font-size: 0.65rem;
}

.hdp-option-2e__journey-index > p:last-child {
	color: rgba(255, 255, 255, 0.57);
	font-size: 0.82rem;
	line-height: 1.65;
}

.hdp-option-2e__stories {
	background: var(--hdp-2e-paper);
	min-width: 0;
}

.hdp-option-2e__chapter {
	scroll-margin-top: 1rem;
}

.hdp-option-2e__chapter-cover {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 490px;
}

.hdp-option-2e__chapter:nth-child(even) .hdp-option-2e__cover-image {
	grid-column: 2;
	grid-row: 1;
}

.hdp-option-2e__chapter:nth-child(even) .hdp-option-2e__cover-copy {
	grid-column: 1;
	grid-row: 1;
}

.hdp-option-2e__cover-copy {
	align-items: flex-start;
	background: var(--hdp-2e-cream);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(2rem, 5vw, 5rem);
}

.hdp-option-2e__cover-copy small,
.hdp-option-2e__care small {
	color: var(--hdp-2e-burgundy);
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.hdp-option-2e__cover-copy h3 {
	font-size: clamp(2.3rem, 4vw, 4.5rem);
	line-height: 1;
	margin: 0.8rem 0 1.2rem;
}

.hdp-option-2e__cover-copy p {
	color: #5f5955;
	line-height: 1.75;
}

.hdp-option-2e__cover-copy > div {
	height: 5.5rem;
	margin-top: 1rem;
	width: 5.5rem;
}

.hdp-option-2e__steps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.hdp-option-2e__step {
	background: var(--hdp-2e-paper);
	border-bottom: 1px solid #cbc6bf;
	border-right: 1px solid #cbc6bf;
	min-height: 330px;
	padding: clamp(1.5rem, 3vw, 3rem);
}

.hdp-option-2e__step-top {
	display: flex;
	justify-content: space-between;
}

.hdp-option-2e__step-top span:first-child,
.hdp-option-2e__step-topic {
	color: var(--hdp-2e-burgundy);
	font-size: 0.64rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.hdp-option-2e__step-top span:last-child {
	color: var(--hdp-2e-blue);
	font-size: 1.25rem;
}

.hdp-option-2e__step-topic {
	margin: 3.2rem 0 0.8rem;
}

.hdp-option-2e__step h4 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.3rem, 2vw, 1.9rem);
	font-weight: 400;
	line-height: 1.18;
	margin-bottom: 1.5rem;
}

.hdp-option-2e__step h4 a {
	color: inherit;
	text-decoration-color: var(--hdp-2e-mauve);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

.hdp-option-2e__step footer {
	color: #6c6661;
	font-size: 0.84rem;
	line-height: 1.6;
}

.hdp-option-2e__care {
	background: var(--hdp-2e-paper);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: clamp(5rem, 8vw, 8rem) max(1.5rem, calc((100vw - 1320px) / 2));
}

.hdp-option-2e__care article {
	background: var(--hdp-2e-cream);
	border-right: 1px solid #d2cdc6;
}

.hdp-option-2e__care article > div:first-child {
	aspect-ratio: 4 / 3;
}

.hdp-option-2e__care article > div:last-child {
	padding: 2rem;
}

.hdp-option-2e__care h3 {
	font-size: clamp(1.7rem, 2.6vw, 2.7rem);
	line-height: 1.05;
	margin: 0.8rem 0;
}

.hdp-option-2e__care p {
	color: #625d58;
	line-height: 1.65;
}

.hdp-option-2e__closing {
	align-items: center;
	background: var(--hdp-2e-burgundy);
	color: #fff;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(14rem, 0.35fr);
	padding: clamp(4rem, 8vw, 8rem) max(1.5rem, calc((100vw - 1320px) / 2));
}

.hdp-option-2e__closing h2 {
	color: #fff;
	font-size: clamp(2.8rem, 5.5vw, 6rem);
	line-height: 0.98;
	max-width: 62rem;
}

.hdp-option-2e__closing > div:first-child > p:not(.hdp-option-2e__eyebrow) {
	color: rgba(255, 255, 255, 0.77);
	font-size: 1.05rem;
	line-height: 1.7;
	max-width: 48rem;
}

.hdp-option-2e__closing-note {
	display: block;
	font-size: 0.74rem;
	margin-top: 1rem;
	opacity: 0.72;
}

.hdp-option-2e__closing-art {
	height: min(28vw, 22rem);
	opacity: 0.5;
}

.hdp-option-2e__dynamic {
	background: var(--hdp-2e-cream);
	padding-bottom: 2rem;
}

@media (max-width: 980px) {
	.hdp-option-2e__hero,
	.hdp-option-2e__manifesto,
	.hdp-option-2e__journey,
	.hdp-option-2e__closing {
		grid-template-columns: 1fr;
	}

	.hdp-option-2e__hero-media {
		grid-column: 1;
		grid-row: 1;
		min-height: 62vh;
	}

	.hdp-option-2e__hero-copy {
		background: linear-gradient(0deg, var(--hdp-2e-night), rgba(33, 31, 30, 0.5));
		grid-column: 1;
		grid-row: 1;
		padding: 7rem 1.5rem 3rem;
	}

	.hdp-option-2e__hero-panel {
		grid-column: 1;
		grid-row: 2;
		padding: 2rem 1.5rem;
	}

	.hdp-option-2e__manifesto {
		padding-inline: 1.5rem;
	}

	.hdp-option-2e__manifesto figure {
		max-width: 34rem;
	}

	.hdp-option-2e__journey-index {
		min-height: 0;
		position: relative;
	}

	.hdp-option-2e__journey-index nav {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}

	.hdp-option-2e__journey-index button {
		border-right: 1px solid rgba(255, 255, 255, 0.16);
		flex-direction: column;
	}

	.hdp-option-2e__closing-art {
		display: none;
	}
}

@media (max-width: 720px) {
	.hdp-option-2e__hero-copy h1 {
		font-size: clamp(3rem, 15vw, 4.8rem);
	}

	.hdp-option-2e__principles,
	.hdp-option-2e__steps,
	.hdp-option-2e__care,
	.hdp-option-2e__chapter-cover {
		grid-template-columns: 1fr;
	}

	.hdp-option-2e__principles article,
	.hdp-option-2e__principles article + article {
		border-bottom: 1px solid var(--hdp-2e-neutral);
		border-right: 0;
		padding: 1.2rem 0;
	}

	.hdp-option-2e__chapter:nth-child(even) .hdp-option-2e__cover-image,
	.hdp-option-2e__chapter:nth-child(even) .hdp-option-2e__cover-copy {
		grid-column: 1;
		grid-row: auto;
	}

	.hdp-option-2e__cover-image {
		aspect-ratio: 4 / 3;
	}

	.hdp-option-2e__step {
		min-height: 0;
	}

	.hdp-option-2e__care {
		gap: 1px;
		padding-inline: 1rem;
	}

	.hdp-option-2e__journey-index nav {
		grid-template-columns: 1fr 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hdp-option-2e {
		scroll-behavior: auto;
	}
}