.c-card {
	border-top: 1px solid var(--color-line);
}

.c-card__link {
	display: block;
	padding-top: var(--space-2);
}

.c-card__media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.c-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 600ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

.c-card__link:hover .c-card__media img {
	transform: scale(1.035);
}

.c-card__body {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 1rem;
	align-items: start;
	padding-block: var(--space-2);
}

.c-card__meta {
	color: var(--color-muted);
	font-size: 0.75rem;
}

.c-card__title {
	font-size: 1.1rem;
}