.details--wrapper {
	padding: 3rem 0 4rem;

	> .content-width.flex-row {
	}

	.details--content,
	.details--media {
		flex: 1 1 100%;
		height: max-content;
	}

	.details--kicker {
		text-transform: uppercase;
		color: var(--brand-blue);
		font-weight: 400;
		font-family: var(--font__sans-serif-condensed);
		line-height: 1;
		font-size: calc(
			var(--font-size__base, 18px) * var(--font-factor__h3, 1.3)
		);
	}

	.details--heading {
		font-family: var(--font__serif);
		margin: 0;
		font-style: italic;
	}
}

@media screen and (min-width: 660px) {
}
@media screen and (min-width: 1000px) {
	.details--wrapper {
		> .content-width.flex-row {
			flex-wrap: nowrap;
			justify-content: space-between;
		}
		.details--content {
			flex: 1 1 calc(78% - 0.5rem);
			padding-right: 3rem;
			max-width: 95ch;
		}

		.details--media {
			flex: 0 1 calc(22% - 0.5rem);
		}

		&:has(.details--kicker, .details--heading) {
			.details--media {
				padding-top: 2rem;
			}
		}

		&:has(.media__video) {
			> .content-width.flex-row {
				align-items: center;
			}

			.details--content {
				flex: 1 1 calc(70% - 0.5rem);
			}

			.details--media {
				flex: 0 1 calc(30% - 0.5rem);
				padding-top: 0;
			}
		}
	}
}