/* A tighter rhythm for the home page only. */
.home .section {
	padding-top: clamp(28px, 3vw, 40px);
	padding-bottom: clamp(28px, 3vw, 40px);
}

.home .section-heading {
	margin-bottom: clamp(16px, 1.8vw, 22px);
}

.home .section-heading h2 {
	margin-top: 4px;
	margin-bottom: 6px;
}

.home .section-heading p {
	margin-top: 6px;
	margin-bottom: 0;
}

.home #how.section {
	padding-top: clamp(26px, 2.5vw, 34px);
	padding-bottom: clamp(18px, 2vw, 26px);
}

.home .examples-section,
.home .faq-section {
	padding-top: clamp(20px, 2.2vw, 28px);
	padding-bottom: clamp(18px, 2vw, 26px);
}

.home-blog-section {
	padding-top: clamp(20px, 2.2vw, 28px) !important;
	padding-bottom: clamp(18px, 2vw, 26px) !important;
	background: #fff;
}

.home-blog-grid {
	align-items: stretch;
}

.home-blog-grid .blog-card__title {
	margin: 10px 0;
	font: 400 clamp(24px, 2.2vw, 28px)/1.12 Georgia, "Times New Roman", serif;
}

.home-blog-grid .blog-card__title a:hover {
	color: var(--accent);
}

.home-blog-more {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.home-blog-more .button {
	min-height: 50px;
}

.home-blog-more .button span {
	margin-left: 8px;
	font-size: 18px;
}

.home .seo-copy-section {
	padding-top: clamp(20px, 2.2vw, 28px);
	padding-bottom: clamp(34px, 3vw, 44px);
}

@media (max-width: 576px) {
	.home .section,
	.home #how.section,
	.home .examples-section,
	.home .faq-section {
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.home .section-heading {
		margin-bottom: 16px;
	}

	.home-blog-more {
		margin-top: 18px;
	}

	.home-blog-more .button {
		width: 100%;
	}

	.home .seo-copy-section {
		padding: 24px 0 36px;
	}
}