.media {
	aspect-ratio: var(--ratio-landscape);
	border-radius: var(--radius-large);
	inline-size: 100%;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.media img {
	block-size: 100%;
	inline-size: 100%;
	object-fit: cover;
	object-position: var(--media-focus-x, 50%) var(--media-focus-y, 50%);
}

.media.media--video {
	object-fit: cover;
	object-position: center;
}

.media[data-media-ratio="image"] {
	aspect-ratio: auto;
}

.media[data-media-ratio="image"] img {
	block-size: auto;
	object-fit: unset;
}