/* === hero === */
.hero-band {
	display: flex;
}

.hero-band .wp-block-cover__inner-container {
	max-width: 720px;
	margin: 0 auto;
	padding: 0 24px;
}

.hero-eyebrow {
	letter-spacing: 0.2em;
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 0.5em;
}

.hero-heading {
	font-size: clamp(2.5rem, 6vw, 4.5rem);
	margin-top: 0.3em;
}

.hero-sub {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.15rem;
	opacity: 0.92;
}
/* === value-props === */
.value-props {
	padding: 72px 24px;
}

.value-props .wp-block-columns {
	max-width: 1000px;
	margin: 0 auto;
	gap: 48px;
}

.value-props h3 {
	margin-bottom: 0.4em;
	font-size: 1.3rem !important;
	line-height: 1.3 !important;
}

.value-props p {
	color: var(--wp--preset--color--primary);
}
/* === about === */
.about-band {
	padding: 80px 24px;
}

.about-band .wp-block-columns {
	max-width: 1000px;
	margin: 0 auto;
	gap: 64px;
}

.about-portrait img {
	border-radius: 6px;
}

.about-role {
	font-style: italic;
	margin-top: -0.5em;
	margin-bottom: 1.2em;
}
/* === quote === */
.quote-band {
	padding: 56px 24px;
}

.quote-band .wp-block-pullquote {
	max-width: 720px;
	margin: 0 auto;
	border: none;
	padding: 0;
	text-align: center;
}

.quote-band .wp-block-pullquote blockquote p {
	font-size: 1.75rem;
}

.quote-band .wp-block-pullquote cite {
	font-style: normal;
	opacity: 0.8;
}
/* === cta === */
.cta-band {
	padding: 88px 24px;
	text-align: center;
}

.cta-band .wp-block-heading {
	margin-bottom: 0.3em;
}
/* === responsive === */
@media (max-width: 782px) {
	.about-band .wp-block-columns,
	.about-band .wp-block-column {
		flex-basis: 100% !important;
	}

	.about-portrait {
		max-width: 320px;
		margin: 0 auto;
	}
}