/**
 * Case Study Impact Section
 *
 * Impact-specific styling that extends the shared content-base.
 * Adjusts bottom padding when Conclusion section overlaps.
 * Responsive across 5 breakpoints: 1400px, 1024px, 768px, 600px, 400px
 */

.case-study-impact {
	padding: 123px 20px;
}

.case-study-impact__content {
	gap: 24px;
}

/* Extended bottom padding to accommodate overlapping Conclusion card */
.case-study-impact.has-conclusion {
	padding: 123px 20px 328px 20px;
}

/* ========================================
   RESPONSIVE BREAKPOINTS
   ======================================== */

/* 1400px - Large Desktop */
@media (max-width: 1400px) {
	.case-study-impact {
		padding: 110px 20px;
	}

	.case-study-impact.has-conclusion {
		padding: 110px 20px 295px 20px;
	}
}

/* 1024px - Tablet Landscape */
@media (max-width: 1024px) {
	.case-study-impact {
		padding: 95px 20px;
	}

	.case-study-impact.has-conclusion {
		padding: 95px 20px 260px 20px;
	}
}

/* 768px - Tablet Portrait */
@media (max-width: 768px) {
	.case-study-impact {
		padding: 80px 20px;
	}

	.case-study-impact.has-conclusion {
		padding: 80px 20px 225px 20px;
	}
}

/* 600px - Mobile */
@media (max-width: 600px) {
	.case-study-impact {
		padding: 65px 20px;
	}

	.case-study-impact.has-conclusion {
		padding: 65px 20px 195px 20px;
	}
}

/* 400px - Small Mobile */
@media (max-width: 400px) {
	.case-study-impact {
		padding: 55px 20px;
	}

	.case-study-impact.has-conclusion {
		padding: 55px 20px 165px 20px;
	}
}