.post-hero {
	--post-hero-accent: #e65100;
	box-sizing: border-box;
	padding-block: clamp(22px, 2.6vw, 34px);
	padding-inline: var(--wp--preset--spacing--50, clamp(30px, 5vw, 50px));
	background: linear-gradient(90deg, #0f4c81 10%, #2977b9 100%);
}

.post-hero .post-hero__inner {
	width: 100%;
	max-width: var(--wp--style--global--content-size, 645px);
	margin-inline: auto;
	padding-left: clamp(14px, 1.7vw, 22px);
	border-left: clamp(4px, 0.4vw, 6px) solid var(--post-hero-accent);
}

.post-hero .post-hero__title {
	margin: 0;
	font-size: clamp(1.25rem, 1.95vw, 1.625rem);
	font-weight: 700;
	line-height: 1.4;
	color: #ffffff;
}

.post-hero .post-hero__lead {
	margin: 0.4em 0 0;
	font-size: clamp(0.75rem, 1.1vw, 0.9375rem);
	font-weight: 500;
	line-height: 1.6;
	color: #ffffff;
}

.post-hero .post-hero__lead p {
	margin: 0;
}