.featured-media {
	.grid-row {
	}
	.bg-1 {
		height: 100%;
		width: 100%;
	}
	.bg-2 {
		height: 100%;
		width: 100%;
	}
	.featured-content--wrapper {
		flex-wrap: nowrap;
		flex-direction: column;
		gap: 0;
	}
	.featured--content {
		max-height: max-content;
		padding: 2rem var(--content-padding);

		* {
			font-size: 1.35rem;
			font-family: var(--font__sans-serif-condensed);
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-size: calc(
				var(--font-size__base, 18px) * var(--font-factor__h3, 1.3)
			);
			font-weight: 700;
		}

		a {
			font-weight: 700;
			text-decoration: underline;
			width: max-content;
		}
	}
	.featured--media {
		max-height: max-content;

		img {
			object-position: center;
		}
	}
}

@media screen and (min-width: 660px) {
}
@media screen and (min-width: 1000px) {
	.featured-media {
		.grid-row {
			display: grid;
			grid-template-columns: 60% 40%;
			align-items: center;

			> * {
				grid-row: 1;
			}
		}
		.bg-1 {
			grid-column: 1;
		}
		.bg-2 {
			grid-column: 2;
		}
		.featured-content--wrapper {
			grid-column: 1 / span 2;
			align-items: center;
			flex-direction: row !important;
			flex-wrap: nowrap !important;
			gap: 1rem;
			width: 100%;

			.featured--content {
				flex: 1 1 50%;
				padding: 2rem var(--content-padding);
				padding-left: 0;
			}
			.featured--media {
				flex: 1 1 50%;
				padding: 3rem var(--content-padding);
				padding-right: 0;

				.responsive-media {
					border-radius: 0.5rem;
					iframe {
						border: 0.35rem solid;
						border-image: var(--gradient-teal-white) 1;
						background-clip: padding-box, border-box;
					}
				}
			}
		}
	}
}
