/**
 * Mobile media archive cards.
 * Kept separate and scoped so product cards and homepage blocks are unchanged.
 */
@media (max-width: 768px) {
	.media-archive .blog__cards .our-objects__card-img {
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: none;
		min-height: 0;
		max-height: none;
		height: auto;
		flex: 0 0 auto;
		aspect-ratio: 3 / 2;
		background: #f5f5f5;
	}

	.media-archive .blog__cards .our-objects__card-image {
		display: block;
		width: 100%;
		min-width: 0;
		height: 100%;
		min-height: 0;
		max-height: none;
		object-fit: contain;
		object-position: center;
	}

	.media-archive .blog__cards .our-objects__card-body-top > span:first-child {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		align-self: flex-start;
		box-sizing: border-box;
		min-height: 28px;
		/* Compensate for the font's ascender-heavy glyph box (2px optical shift). */
		padding: 4px 10px 0;
		line-height: 1;
		text-align: center;
	}

	.media-archive .blog__cards .our-objects__card:active .our-objects__card-image {
		transform: none;
	}
}

@media (max-width: 768px) and (hover: hover) {
	.media-archive .blog__cards .our-objects__card:hover .our-objects__card-image {
		transform: none;
	}
}