/**
 * Front-end styles for the Related Projects block.
 *
 * @package RHM_Atelier_Latitude_Portfolio
 */

.al-related-projects h2 {
	margin-bottom: var(--wp--preset--spacing--40);
}

.al-related-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--wp--preset--spacing--40);
}

.al-related-grid .al-card {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.al-related-grid .al-card a {
	display: block;
	height: 100%;
}

.al-related-grid .al-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 1024px) {
	.al-related-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.al-related-grid {
		grid-template-columns: 1fr;
	}
}