/* Case study outcomes (patterns/case-study-outcomes.php). Values from the old case-study-outcomes-section.tsx. */
.sp-case-study-outcomes {
	position: relative;
	overflow: hidden;
	background: var(--wp--preset--color--secondary);
}
.sp-case-study-outcomes .sp-case-study-outcomes__shape {
	position: absolute;
	left: 0;
	bottom: -30%;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0.05;
	pointer-events: none;
}
.sp-case-study-outcomes .sp-case-study-outcomes__shape img {
	width: 100%;
	height: 100%;
}
.sp-case-study-outcomes .sp-case-study-outcomes__inner {
	position: relative;
	z-index: 10;
	padding-block: 60px;
}
@media (min-width: 1024px) {
	.sp-case-study-outcomes .sp-case-study-outcomes__inner { padding-block: 100px; }
}
.sp-case-study-outcomes .sp-case-study-outcomes__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 40px;
}
@media (min-width: 1024px) {
	.sp-case-study-outcomes .sp-case-study-outcomes__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 80px;
		padding-inline: 50px;
	}
}
.sp-case-study-outcomes .sp-case-study-outcomes__heading {
	text-align: left;
	color: var(--wp--preset--color--white);
}
.sp-case-study-outcomes .sp-case-study-outcomes__label.sp-case-study-outcomes__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;
	color: var(--wp--preset--color--white);
	opacity: 0.6;
}
.sp-case-study-outcomes .sp-case-study-outcomes__title {
	font-size: var(--wp--preset--font-size--heading-2);
	line-height: 1.05;
	font-weight: 600;
	letter-spacing: -0.025em;
	color: var(--wp--preset--color--white);
}
.sp-case-study-outcomes .sp-case-study-outcomes__list {
	display: flex;
	flex-direction: column;
	gap: 24px;
	list-style: none;
}
@media (min-width: 1024px) {
	.sp-case-study-outcomes .sp-case-study-outcomes__list { gap: 40px; }
}
/* The icon hangs in the left margin, so the item box starts where its text does. */
.sp-case-study-outcomes .sp-case-study-outcomes__list > li {
	position: relative;
	align-self: flex-start;
	margin-left: 38px;
	font-weight: 500;
	color: var(--wp--preset--color--white);
}
/* The old ico_rect.svg (11×16, contained in a 10×20 box, 12×24 from lg), drawn in white. */
.sp-case-study-outcomes .sp-case-study-outcomes__list > li::before {
	content: "";
	position: absolute;
	top: 4px;
	left: -38px;
	width: 10px;
	height: 20px;
	background: var(--wp--preset--color--white);
	clip-path: polygon(44.82% 13.64%, 95.45% 13.64%, 50.63% 86.36%, 0% 86.36%);
}
@media (min-width: 1024px) {
	.sp-case-study-outcomes .sp-case-study-outcomes__list > li {
		font-size: var(--wp--preset--font-size--large);
		line-height: 28px;
	}
	.sp-case-study-outcomes .sp-case-study-outcomes__list > li { margin-left: 40px; }
	.sp-case-study-outcomes .sp-case-study-outcomes__list > li::before { left: -40px; width: 12px; height: 24px; }
}