/* Case study overview (patterns/case-study-overview.php). Values from the old case-study-overview-section.tsx. */
.sp-case-study-overview.sp-case-study-overview {
	margin-block: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--wp--preset--color--grey-light);
	scroll-margin-top: 80px;
}
@media (min-width: 1024px) {
	.sp-case-study-overview.sp-case-study-overview {
		margin-block: 64px;
		padding-inline: 50px;
		padding-bottom: 64px;
	}
}
.sp-case-study-overview .sp-case-study-overview__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 40px;
}
@media (min-width: 1024px) {
	.sp-case-study-overview .sp-case-study-overview__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 80px;
	}
}
.sp-case-study-overview .sp-case-study-overview__intro { max-width: 620px; }
.sp-case-study-overview .sp-case-study-overview__label.sp-case-study-overview__label {
	margin-bottom: 20px;
	font-size: var(--wp--preset--font-size--label);
	line-height: 1.5;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	opacity: 0.6;
}
.sp-case-study-overview .sp-case-study-overview__title.sp-case-study-overview__title {
	margin-bottom: 24px;
	font-size: clamp(1.75rem, 3vw, 3rem);
	line-height: 1.1;
	font-weight: 600;
	letter-spacing: -0.025em;
}
.sp-case-study-overview .sp-case-study-overview__text.sp-case-study-overview__text {
	margin-bottom: 24px;
	line-height: 1.625;
	color: var(--wp--preset--color--black);
}
@media (min-width: 1280px) {
	.sp-case-study-overview .sp-case-study-overview__text { font-size: 20px; }
}
.sp-case-study-overview .sp-case-study-overview__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.sp-case-study-overview .sp-case-study-overview__tag {
	padding: 8px 24px;
	border: 1px solid var(--wp--preset--color--secondary);
	font-family: var(--wp--preset--font-family--poppins);
	font-size: var(--wp--preset--font-size--small);
	line-height: 20px;
	font-weight: 500;
	color: var(--wp--preset--color--secondary);
}
.sp-case-study-overview .sp-case-study-overview__challenge {
	padding: 32px;
	background: var(--wp--preset--color--primary);
}
@media (min-width: 1024px) {
	.sp-case-study-overview .sp-case-study-overview__challenge { padding: 48px 40px; }
}
.sp-case-study-overview .sp-case-study-overview__challenge-title.sp-case-study-overview__challenge-title {
	margin-bottom: 16px;
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 32px;
	font-weight: 600;
	letter-spacing: -0.025em;
}
@media (min-width: 1024px) {
	.sp-case-study-overview .sp-case-study-overview__challenge-title.sp-case-study-overview__challenge-title { font-size: 30px; line-height: 36px; }
}
.sp-case-study-overview .sp-case-study-overview__challenge-text,
.sp-case-study-overview .sp-case-study-overview__challenge-list {
	margin-bottom: 16px;
	line-height: 1.625;
	color: var(--wp--preset--color--black);
}
.sp-case-study-overview .sp-case-study-overview__challenge > :last-child { margin-bottom: 0; }
.sp-case-study-overview .sp-case-study-overview__challenge-list {
	padding-left: 24px;
	list-style: disc;
}
.sp-case-study-overview .sp-case-study-overview__challenge-list > li + li { margin-top: 8px; }
@media (min-width: 1280px) {
	.sp-case-study-overview .sp-case-study-overview__challenge-text,
	.sp-case-study-overview .sp-case-study-overview__challenge-list { font-size: 20px; }
}