.postfigure {
	margin-bottom: var(--space-xl);
	overflow: hidden;
	background-color: var(--color-surface-low);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-card);
}

.postfigure__image {
	width: 100%;
	height: 22rem;
	object-fit: cover;
	opacity: 0.9;
	transition: opacity var(--transition);
}

.postfigure__image:hover {
	opacity: 1;
}

.postfigure__caption {
	padding: var(--space-sm);
	background-color: rgb(17 13 12 / 0.8);
	color: var(--color-text-muted);
}

@media (min-width: 48rem) {
	.postfigure__image {
		height: 26rem;
	}
}