.pe-grid--2, .pe-grid--3 {
	display: grid;
	gap: var(--space-lg);
}

.pe-grid--2 { grid-template-columns: repeat(2, 1fr); }
.pe-grid--3 { grid-template-columns: repeat(3, 1fr); }

@media (max-width: 900px) {
	.pe-grid--3 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
	.pe-grid--2, .pe-grid--3 { grid-template-columns: 1fr; }
}