.media-crop {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1627 / 525;
}

.media-crop__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: var(--crop-x, 50%) var(--crop-y, 50%);
	transform: scale(var(--crop-scale, 1));
}

.media-crop--hero { --crop-y: 63.7%; }
.media-crop--band { --crop-y: 43.35%; --crop-scale: 1.0383; }
.media-crop--english { --crop-y: 25.9%; --crop-scale: 1.0347; }

@media (max-width: 767px) {
	.media-crop { aspect-ratio: 4 / 3; }
}