/* Capability banner (patterns/capability-hero.php). Values from the old subheader.tsx. */
.sp-capability-hero.sp-capability-hero {
	display: block;
	height: 288px;
	min-height: 0;
	padding: 48px 0 0;
	overflow: hidden;
}
@media (min-width: 768px) {
	.sp-capability-hero.sp-capability-hero { height: 340px; padding-top: 80px; }
}
@media (min-width: 1024px) {
	.sp-capability-hero.sp-capability-hero { height: 415px; }
}
.sp-capability-hero .wp-block-cover__image-background { object-position: 50% 50%; }
.sp-capability-hero .wp-block-cover__inner-container {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.sp-capability-hero .sp-capability-hero__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.sp-capability-hero .sp-capability-hero__title {
	font-size: var(--wp--preset--font-size--display);
	line-height: 1.05;
	font-weight: 900;
	letter-spacing: -0.02em;
	text-align: center;
	color: var(--wp--preset--color--white);
}