.df-hero-panels {
	padding-bottom: 0;

	margin-top: var(--wp-admin--admin-bar--height, 0);

	background: var(--df-bg-soft);

	padding-block: 0 var(--df-space-16);
}

.df-hero-panels__grid {
	display: grid;

	grid-template-columns: minmax(0, 1fr);

	gap: .9375rem;
}

.df-hero-panels__item {
	min-height: 37.5rem;

	position: relative;

	overflow: hidden;
}

.df-hero-panels__item.is-full {
	min-height: 37.5rem;
}

.df-hero-panels__media,
.df-hero-panels__media img {
	width: 100%;
	height: 100%;
}

.df-hero-panels__media img {
	display: block;

	object-fit: cover;
	filter: brightness(.72);
}

.df-hero-panels__overlay {
	display: flex;
	flex-direction: column;
	justify-content: end;

	padding: 2rem 1.5625rem;

	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	gap: 1.5625rem;
}

.df-hero-panels__logo img {
	display: block;

	width: auto;
	height: auto;
	max-width: 17.5rem;

	object-fit: contain;
}

.df-hero-panels__description {
	max-width: 34rem;

	margin: 0;

	font-size: 1rem;
	line-height: 1.65;
	color: var(--df-bg-soft);
}

@media (min-width: 61.3125rem) {
	.df-hero-panels__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.df-hero-panels__item.is-full {
		grid-column: 1 / -1;

		min-height: 31.25rem;
		max-height: 46.875rem;
	}

	.df-hero-panels__item.is-half {
		min-height: 15.625rem;
		max-height: 33.125rem;
	}

	.df-hero-panels__item.is-full .df-hero-panels__overlay {
		padding: 6.25rem 3.4375rem;
	}

	.df-hero-panels__overlay {
		padding: 3.4375rem;

		gap: 1.5625rem;
	}

	.df-hero-panels__description {
		font-size: 1.0625rem;
	}
}