/**
 * OSHIDA — media.
 *
 * <picture> from template-parts/components/media.php.
 *
 * Every raster in the manifest today is a 1x crop of the cached 1440px Figma
 * render ("maxDensity": 1), so none of them has a 2x candidate and none should
 * ever be scaled UP past its intrinsic width — hence the max-inline-size below.
 * Sections that need a larger rendition must wait for a real export rather than
 * stretch one of these.
 *
 * Owner: work package B1.
 */

.o-media {
	display: block;
}

.o-media__img {
	display: block;
	inline-size: 100%;
	block-size: auto;
}

/* Fills its box and crops rather than distorting. Opt in per call site. */
.o-media--cover .o-media__img {
	block-size: 100%;
	object-fit: cover;
}

.o-media--contain .o-media__img {
	block-size: 100%;
	object-fit: contain;
}

.o-media--round {
	overflow: hidden;
	border-radius: var(--o-radius-md);
}