.post-header {
	margin-bottom: var(--wp--preset--spacing--50);
}
/* Featured images */
.post-header img {
	display: block;
	object-fit: cover;
	aspect-ratio: 43/15;
	width: 100%;
}
.page-header-content img,
.post-banner img {
	border-radius: var(--bd-rad-x-large);
	margin-bottom: var(--wp--preset--spacing--50);
	object-fit: cover;
	aspect-ratio: 259/111;
	width: 100%;
	background-color: #fff;
}
.page-header {
	margin-bottom: var(--wp--preset--spacing--40);
}
.post-header-content {
	display: grid;
	grid-template-rows: 1fr auto;
	position: relative;
	overflow: hidden;
	border-radius: var(--bd-rad-large);
}
.post-header-text {
	padding: var(--wp--preset--spacing--30);
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	position: relative;
	z-index: 1;
}
.post-header-text h1 {
	padding-bottom: var(--wp--preset--spacing--20);
	border-bottom: 1px solid;
}
.page-content > :last-child:not(.has-background) {
	margin-bottom: var(--wp--preset--spacing--70);
}
@media screen and (min-width: 48rem) {
	.page-header-content {
		display: grid;
		grid-template-columns: 1fr 2fr;
		gap: var(--l-gap);
		align-items: stretch;
	}
	.page-header-content .page-header-text {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 0;
		background-color: var(--wp--preset--color--primary);
		color: var(--wp--preset--color--base);
		border-radius: var(--bd-rad-large);
		padding: var(--wp--preset--spacing--40);
	}
	.page-header-content h1 {
		border-bottom: 1px solid currentColor;
		padding-bottom: var(--wp--preset--spacing--30);
	}

	.page-header-content img {
		margin-bottom: 0;
	}
	.post-header-content {
		--local-padding: var(--wp--preset--spacing--30);
		grid-template-columns: auto 1fr;
		padding: var(--local-padding);
		border-radius: var(--bd-rad-x-large);
	}
	.post-header-text {
		grid-column: 1;
		grid-row: 1;
		width: 28rem;
		border-radius: var(--bd-rad-large);
	}
	.post-header img {
		grid-column: 1/3;
		grid-row: 1;
		height: calc(100% + 2 * var(--local-padding));
		margin: calc(-1 * var(--local-padding));
		width: calc(100% + 2 * var(--local-padding));
		max-width: none !important;
	}
}
@media screen and (min-width: 64rem) {
	.post-header-content {
		--local-padding: var(--wp--preset--spacing--50);
	}
}
/* .main-page h1 {
	color: var(--c-accent-dark);
	text-align: center;
	font-size: var(--wp--preset--font-size--huge);
}
.post-header {
	margin: var(--wp--preset--spacing--40) 0;
}
.post-header-text {
	position: relative;
	background-color: var(--c-accent-dark);
	color: var(--wp--preset--color--base);
	padding: var(--wp--preset--spacing--30);
}
.post-header img {
	display: block;
	width: 100%;
	height: auto;
}
.post-header-text .categories {
	position: static;
	list-style: none;
	margin-bottom: auto;
}
.post-header-text .categories li {
	background: none;
	padding: 0;
}
.post-header-text .categories a {
	color: inherit;
	text-decoration: none;
}
.post-header-text h1 {
	margin: 0.25rem 0 0;
}
.post-header-text .posted-on {
	color: inherit;
	margin-top: var(--wp--preset--spacing--40);
}
.post-banner {
	margin-top: var(--wp--preset--spacing--20);
}
.post-banner img {
	display: block;
	width: 100%;
	height: auto;
}
.page-meta {
	margin-bottom: var(--wp--preset--spacing--40);
}
.page-meta img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom: var(--wp--preset--spacing--20);
}
@media screen and (min-width: 48rem) {
	.page-content-wrapper {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 3rem;
	}
	.page-meta {
		grid-column: span 2;
	}
	.page-content {
		grid-column: span 4;
	}

	.single-post .page-content > *,
	.main-page .page-content > * {
		margin-left: auto;
		margin-right: auto;
		max-width: calc(
			4 * calc(100% - calc(5 * var(--wp--preset--spacing--40))) / 6 + 3 *
				var(--wp--preset--spacing--40)
		);
	}
	.single-post .page-content > .alignwide,
	.single-post .page-content > .alignfull,
	.main-page .page-content > .alignwide,
	.main-page .page-content > .alignfull {
		max-width: 100%;
	}
	.page-content > :first-child {
		margin-top: 0;
	}

	.post-header {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.post-header-text {
		display: flex;
		flex-direction: column;
	}
}
 */
