/* Case study role (patterns/case-study-role.php). Values from the old case-study-role-section.tsx. */
.sp-case-study-role.sp-case-study-role { margin-block: 40px; }
@media (min-width: 1024px) {
	.sp-case-study-role.sp-case-study-role { margin-block: 64px; padding-inline: 50px; }
}
.sp-case-study-role .sp-case-study-role__label.sp-case-study-role__label,
.sp-case-study-role .sp-case-study-role__group-title.sp-case-study-role__group-title {
	margin-bottom: 16px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--wp--preset--color--grey);
	opacity: 0.6;
}
@media (min-width: 1024px) {
	.sp-case-study-role .sp-case-study-role__label.sp-case-study-role__label,
	.sp-case-study-role .sp-case-study-role__group-title.sp-case-study-role__group-title { margin-bottom: 24px; }
}
.sp-case-study-role .sp-case-study-role__text {
	max-width: 620px;
	line-height: 1.625;
}
@media (min-width: 1024px) {
	.sp-case-study-role .sp-case-study-role__text { font-size: 20px; }
}
.sp-case-study-role .sp-case-study-role__groups.sp-case-study-role__groups {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-top: 48px;
}
@media (min-width: 1024px) {
	.sp-case-study-role .sp-case-study-role__groups.sp-case-study-role__groups { gap: 56px; margin-top: 64px; }
}
.sp-case-study-role .sp-case-study-role__group {
	padding-top: 32px;
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--black) 10%, transparent);
}
@media (min-width: 1024px) {
	.sp-case-study-role .sp-case-study-role__group { padding-top: 40px; }
}
.sp-case-study-role .sp-case-study-role__items {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 32px;
}
@media (min-width: 640px) {
	.sp-case-study-role .sp-case-study-role__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
	.sp-case-study-role .sp-case-study-role__items { gap: 40px 80px; }
}
.sp-case-study-role .sp-case-study-role__item-text {
	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-role .sp-case-study-role__item-text { font-size: 30px; line-height: 36px; }
}
.sp-case-study-role .sp-case-study-role__item-bullets.sp-case-study-role__item-bullets {
	margin-top: 16px;
	padding-left: 20px;
	list-style: disc;
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.625;
	color: color-mix(in srgb, var(--wp--preset--color--black) 70%, transparent);
}
.sp-case-study-role .sp-case-study-role__item-bullets > li + li { margin-top: 8px; }
@media (min-width: 1024px) {
	.sp-case-study-role .sp-case-study-role__item-bullets.sp-case-study-role__item-bullets { font-size: var(--wp--preset--font-size--large); }
}