/**
 * Archive Grid — Shared Responsive Grid Layout
 *
 * Unified grid class for project, service, and blog archive pages.
 * Replaces .projects-grid, .services-grid, .blog-grid
 */

/* ── Archive Grid ─────────────────────────────── */

.archive-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}

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

@media (max-width: 640px) {
	.archive-grid {
		grid-template-columns: 1fr;
	}
}

/* ── Blog grid — slightly different gap ─────── */

.archive-grid--blog {
	gap: 2.5rem;
}

@media (max-width: 768px) {
	.archive-grid--blog {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.archive-grid--blog {
		grid-template-columns: 1fr;
	}
}