.featured-image {
	--featured-image-frame-padding: 2.5rem;
	--featured-image-accent-square: 4rem;
	--featured-image-accent-rect-width: 7rem;
	--featured-image-accent-rect-height: 3rem;

	display: block;
	width: 100%;
	margin: 0;
}

.featured-image__frame {
	position: relative;
	padding: var(--featured-image-frame-padding);
}

.featured-image__frame::before,
.featured-image__frame::after {
	content: "";
	position: absolute;
	z-index: 1;
	background-color: var(--mdigi-blue-80);
	aspect-ratio: 1 / 1;
}

.featured-image__frame::before {
	top: 0;
	left: 0;
	width: 4.5rem;
}

.featured-image__frame::after {
	bottom: 0;
	right: 0;
	width: 10rem;
	background-color: var(--mdigi-blue-40);
}

.featured-image__media {
	position: relative;
	z-index: 5;
	overflow: hidden;
}

.featured-image__image {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.featured-image__image--left .featured-image__image {
	object-position: left;
}

.featured-image__image--right .featured-image__image {
	object-position: right;
}

.featured-image__image--center .featured-image__image {
	object-position: center;
}

@media (max-width: 768px) {
	.featured-image {
		--featured-image-frame-padding: 1rem;
	}
}