.featured
{
	display: grid;
	grid-template-columns: 1fr;
}

.featured h1
{
	grid-row: 1;
	grid-column: 1;
	background: var(--wp--preset--gradient--shadow);
	padding: 120px var(--wp--custom--h-inset);
	margin: 0;
	display: flex;
	align-items: center;
	color: #fff;
	z-index: 1;
}

.featuredImage
{
	grid-row: 1;
	grid-column: 1/-1;
	align-self: stretch;
	position: relative;
}

.featuredImage .image
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.featuredImage.featuredOverlay:after
{
	content: "";
	background: var(--wp--preset--color--dblue);
	opacity: .6;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}

@media (min-width: 1000px)
{
	.featured
	{
		grid-template-columns: 1fr 1fr;
	}

	.featured h1
	{
		padding-right: 0;
	}
}