/*
 * Cards — used for rig grid items and footer link cards.
 */

.liv-card {
	display: flex;
	flex-direction: column;
	background: var(--liv-ink-900);
	color: var(--liv-paper);
	border-radius: var(--r-md);
	overflow: hidden;
	text-decoration: none;
	transition: transform var(--liv-transition), box-shadow var(--liv-transition);
}
.liv-card:hover { transform: translateY(-2px); }

.liv-rig-grid .liv-card {
	border: 1px solid rgba(255, 255, 255, 0.12);
}

.liv-card__media {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--liv-ink-800);
}
.liv-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--liv-transition-slow);
}
.liv-card:hover .liv-card__media img { transform: scale(1.04); }

.liv-card__body {
	padding: 1.25rem 1.25rem 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.liv-card__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--2xl);
	letter-spacing: -0.01em;
	line-height: 1.1;
}
.liv-card__meta {
	display: flex;
	gap: 1rem;
	font-size: 0.75rem;
	color: var(--liv-ink-300);
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* Footer cards (white block). */
.liv-card--paper {
	background: var(--liv-paper-300);
	color: var(--liv-ink-900);
}
.liv-card--paper .liv-card__meta { color: var(--liv-ink-500); }