.project-cases {
	background: var(--surface);
	border-top: 1px solid var(--line);
}
.project-cases h2 {
	font-size: clamp(2rem, 3.5vw, 3.3rem);
}
.cases-intro {
	max-width: 46rem;
	margin: 1rem 0 2rem;
	color: var(--muted);
}
.case-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
	align-items: start;
}
.case-card {
	background: var(--white);
	border: 1px solid var(--line);
	scroll-margin-top: 2rem;
}
.case-body {
	padding: 1.75rem;
}
.case-body h3 {
	font-size: 1.6rem;
	line-height: 1.3;
	margin-top: 0.5rem;
}
.case-description {
	color: var(--muted);
	margin-top: 1rem;
}
.case-value {
	border-left: 2px solid var(--accent);
	padding-left: 1rem;
	margin: 1.5rem 0;
}
.case-value strong {
	font-size: 0.875rem;
}
.case-value p {
	font-size: 0.95rem;
	color: var(--muted);
	margin-top: 0.35rem;
}
.project-examples-link {
	display: inline-block;
	margin-left: 1.5rem;
}
@media (max-width: 760px) {
	.case-grid {
		grid-template-columns: 1fr;
	}
	.case-body {
		padding: 1.25rem;
	}
	.project-examples-link {
		display: block;
		margin: 1rem 0 0;
	}
}

/* Compact side-by-side case details on the capabilities page. */
#project-examples .case-card {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	gap: 1.25rem;
	padding: 1.5rem;
	align-items: start;
}
#project-examples .case-body {
	grid-column: 1;
	grid-row: 1;
	padding: 0;
	min-width: 0;
}
#project-examples .case-body h3 {
	font-size: 1.35rem;
	overflow-wrap: break-word;
}
#project-examples .case-description {
	font-size: 0.94rem;
	margin-top: 0.75rem;
}
#project-examples .case-value {
	margin: 1rem 0;
	padding-left: 0.75rem;
}
#project-examples .case-value p {
	font-size: 0.9rem;
}
@media (min-width: 761px) and (max-width: 1100px) {
	#project-examples .case-grid {
		grid-template-columns: 1fr;
	}
	#project-examples .case-card {
		grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
	}
}
@media (max-width: 760px) {
	#project-examples .case-card {
		grid-template-columns: 1fr;
		padding: 1.25rem;
	}
	#project-examples .case-body {
		grid-column: 1;
		grid-row: 2;
	}
}

/* Equal-height project cards within each desktop row. */
#project-examples .case-grid {
	align-items: stretch;
}