.zn-about-layout .site-content > .ast-container {
	width: 100%;
	max-width: none;
	padding: 0;
}

.zn-about-layout .site-content > .ast-container > .zn-about-page {
	width: 100%;
}

.zn-about-page {
	background: #fffaf4;
	color: var(--zn-color-gray, #5a5249);
}

.zn-about-page > article,
.zn-about-page .entry-content {
	margin: 0;
}

.zn-about-eyebrow {
	margin: 0 0 13px;
	color: var(--zn-color-brown, #b2654a);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .17em;
	text-transform: uppercase;
}

.zn-about-hero {
	margin: 0;
	background: var(--zn-color-green, #123f35);
}

.zn-about-hero__layout {
	min-height: 690px;
	margin: 0;
}

.zn-about-hero__content {
	display: flex;
	flex-basis: 50%;
	flex-direction: column;
	justify-content: center;
	padding: clamp(55px, 8vw, 120px) clamp(32px, 7vw, 105px);
}

.zn-about-hero__content .zn-about-eyebrow {
	color: var(--zn-color-sand, #ffdeb8);
}

.zn-about-hero h1 {
	max-width: 680px;
	margin: 0 0 31px;
	color: #fff;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(3rem, 5.7vw, 5.5rem);
	font-weight: 400;
	line-height: 1.02;
	letter-spacing: -.045em;
}

.zn-about-hero__content p:not(.zn-about-eyebrow) {
	max-width: 650px;
	color: rgba(255, 255, 255, .79);
	font-size: 1.02rem;
	line-height: 1.8;
}

.zn-about-hero__content .zn-about-hero__lead {
	margin: 0 0 11px;
	color: #fff;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(1.35rem, 2.4vw, 1.9rem);
	line-height: 1.45;
}

.zn-about-hero__media {
	flex-basis: 50%;
}

.zn-about-hero__media figure,
.zn-about-hero__media img {
	width: 100%;
	height: 100%;
	margin: 0;
}

.zn-about-hero__media img {
	display: block;
	object-fit: cover;
	object-position: center 38%;
}

.zn-about-story {
	margin: 0;
	padding: 95px 0 110px;
	background:
		radial-gradient(circle at 6% 12%, rgba(255, 222, 184, .72), transparent 25%),
		#fffaf4;
}

.zn-about-shell {
	width: min(1120px, calc(100% - 48px));
	margin-inline: auto;
}

.zn-about-chapter {
	gap: clamp(40px, 7vw, 95px);
	align-items: start;
	margin: 0 0 82px;
}

.zn-about-chapter__heading {
	position: sticky;
	top: 32px;
}

.zn-about-chapter h2,
.zn-about-ritual h2,
.zn-about-turning-point h2,
.zn-about-dreams h2,
.zn-about-conclusion h2 {
	font-family: Georgia, 'Times New Roman', serif;
	font-weight: 400;
	letter-spacing: -.03em;
}

.zn-about-chapter h2 {
	margin: 0;
	color: var(--zn-color-green, #123f35);
	font-size: clamp(2.2rem, 4.2vw, 3.55rem);
	line-height: 1.08;
}

.zn-about-chapter__copy p {
	margin: 0 0 22px;
	font-size: 1.07rem;
	line-height: 1.9;
}

.zn-about-ritual {
	margin: 0 0 48px;
	padding: clamp(45px, 7vw, 78px);
	border: 1px solid rgba(90, 82, 73, .12);
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 22px 60px rgba(90, 82, 73, .08);
}

.zn-about-ritual h2,
.zn-about-dreams h2,
.zn-about-conclusion h2 {
	margin: 0 0 28px;
	color: var(--zn-color-green, #123f35);
	font-size: clamp(2rem, 4vw, 3.35rem);
	line-height: 1.1;
}

.zn-about-ritual > p:not(.zn-about-eyebrow),
.zn-about-conclusion > p {
	max-width: 820px;
	margin: 0 auto 20px;
	font-size: 1.03rem;
	line-height: 1.85;
}

.zn-about-ritual__quote,
.zn-about-conclusion__quote {
	margin: 40px auto 0;
	padding: 31px 0 0;
	border: 0;
	border-top: 1px solid rgba(178, 101, 74, .28);
}

.zn-about-ritual__quote p,
.zn-about-conclusion__quote p {
	margin: 0;
	color: var(--zn-color-brown, #b2654a);
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(1.45rem, 2.8vw, 2.15rem);
	font-style: normal;
	line-height: 1.48;
	text-align: center;
}

.zn-about-turning-point {
	margin: 48px 0 90px;
	padding: clamp(46px, 7vw, 75px);
	border-radius: 24px;
	background: var(--zn-color-green, #123f35);
	box-shadow: 0 22px 60px rgba(18, 63, 53, .17);
}

.zn-about-turning-point h2 {
	margin: 0 0 25px;
	color: var(--zn-color-sand, #ffdeb8);
	font-size: clamp(2.1rem, 4vw, 3.5rem);
}

.zn-about-turning-point p {
	max-width: 850px;
	margin: 0 auto 18px;
	color: rgba(255, 255, 255, .85);
	font-size: 1.04rem;
	line-height: 1.8;
}

.zn-about-dreams {
	margin: 0 0 90px;
}

.zn-about-dreams__intro {
	max-width: 700px;
	margin: -8px auto 40px;
	font-size: 1.06rem;
}

.zn-about-dreams__cards {
	gap: 25px;
	margin: 0;
}

.zn-about-dream-card {
	padding: 38px;
	border: 1px solid rgba(90, 82, 73, .13);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 18px 48px rgba(90, 82, 73, .07);
}

.zn-about-dream-card__mark {
	display: grid;
	width: 50px;
	height: 50px;
	margin: 0 0 23px;
	place-items: center;
	border-radius: 50%;
	background: var(--zn-color-sand, #ffdeb8);
	color: var(--zn-color-brown, #b2654a);
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.45rem;
}

.zn-about-dream-card > p:last-child {
	margin: 0;
	line-height: 1.8;
}

.zn-about-conclusion {
	padding: clamp(45px, 7vw, 78px);
	border-radius: 24px;
	background: linear-gradient(145deg, rgba(255, 222, 184, .64), rgba(255, 255, 255, .88));
}

.zn-about-conclusion__quote {
	max-width: 760px;
	margin: 38px auto;
	padding: 31px 0;
	border-bottom: 1px solid rgba(178, 101, 74, .28);
}

@media (max-width: 850px) {
	.zn-about-hero__layout {
		min-height: 0;
		flex-direction: column;
	}

	.zn-about-hero__content,
	.zn-about-hero__media {
		flex-basis: auto;
	}

	.zn-about-hero__media figure {
		height: min(125vw, 690px);
	}

	.zn-about-chapter {
		flex-direction: column;
	}

	.zn-about-chapter__heading {
		position: static;
	}
}

@media (max-width: 560px) {
	.zn-about-hero__content {
		padding: 55px 22px;
	}

	.zn-about-story {
		padding: 58px 0 70px;
	}

	.zn-about-shell {
		width: min(100% - 28px, 1120px);
	}

	.zn-about-chapter {
		gap: 25px;
		margin-bottom: 50px;
	}

	.zn-about-ritual,
	.zn-about-turning-point,
	.zn-about-conclusion {
		padding: 35px 22px;
		border-radius: 17px;
	}

	.zn-about-turning-point,
	.zn-about-dreams {
		margin-bottom: 55px;
	}

	.zn-about-dreams__cards {
		flex-direction: column;
	}

	.zn-about-dream-card {
		padding: 29px 23px;
		border-radius: 16px;
	}
}