.image-grid-row {
	display: grid;
	grid-template-columns: repeat(var(--image-grid-cols, 3), 1fr);
	gap: 1.2rem;
	margin-top: 1rem;
}
.image-grid-item { display: flex; flex-direction: column; }
.image-grid-media { aspect-ratio: 7/8; }
.image-grid-item figcaption {
	margin-top: 0.9rem;
	font-size: 0.78rem; letter-spacing: 0.08em;
	color: var(--teal); text-transform: uppercase;
	font-weight: 500;
}
.image-grid-item figcaption span {
	display: block; color: var(--bark); text-transform: none; letter-spacing: 0;
	font-family: var(--font-heading); font-size: 1.1rem; font-style: italic; margin-top: 0.25rem;
}
.image-grid-description { margin-top: 0.7rem; font-size: 0.92rem; }
.image-grid-cta { margin-top: 1rem; align-self: flex-start; }

@media (max-width: 980px) {
	.image-grid-row { grid-template-columns: 1fr; gap: 2.4rem; }
}