.project-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 0.75rem;
	margin-top: 0.75rem;
}

.project-card {
	display: block;
	color: inherit;
	text-decoration: none;
	transition: border-color 0.15s ease, transform 0.15s ease;
}

.project-card:hover,
.project-card:focus-visible {
	border-color: var(--trim-color);
	transform: translateY(-2px);
}

.project-card h2 {
	margin-bottom: 0.35rem;
}

.project-card p {
	font-size: 0.9rem;
	opacity: 0.85;
}