/* ----------------------------------------
   Hero
---------------------------------------- */
.cases-page .site-content {
	padding: 0;
}

.cs-index-hero {
	background: var(--th-gray-100);
	padding: 56px 0 40px;
}

.cs-index-hero .section-eyebrow {
	font-weight: 600;
	font-size: 15px;
}

.cs-index-hero h1 {
	font-size: 36px;
	max-width: 900px;
	margin: 0;
}

/* ----------------------------------------
   Grid
---------------------------------------- */
.cs-index-grid-section {
	padding: 48px 0 80px;
}

.cs-index-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
}

.cs-index-grid .case-card {
	width: min(340px, 100%);
}

@media (max-width: 600px) {
	.cs-index-hero {
		padding: 40px 0 28px;
	}

	.cs-index-hero h1 {
		font-size: 28px;
	}
}