/* /cryptowealth: dark opening (patterns/wealth-hero.php). */
.sp-wl-hero {
	position: relative;
	overflow: hidden;
	background: #2C2C2C;
	color: var(--wp--preset--color--white);
}
.sp-wl-hero .sp-wl-hero__photo {
	position: absolute;
	inset: 0;
	margin: 0;
}
.sp-wl-hero .sp-wl-hero__photo img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	opacity: 0.26;
}
.sp-wl-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(280.95deg, rgba(26, 26, 26, 0.09) 6.7%, #000000 63%);
}
.sp-wl-hero .sp-wl-hero__inner {
	position: relative;
	z-index: 1;
	padding-top: 64px;
	padding-bottom: 64px;
}
@media (min-width: 1024px) {
	.sp-wl-hero .sp-wl-hero__inner { padding-top: 95px; padding-bottom: 96px; }
}
.sp-wl-hero .sp-wl-hero__label.sp-wl-label { color: var(--wp--preset--color--white); }
.sp-wl-hero .sp-wl-hero__title.sp-wl-hero__title {
	margin: 22px 0 0;
	font-size: clamp(2.75rem, 5.28vw, 4.75rem);
	line-height: 1.05;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--white);
}
.sp-wl-hero .sp-wl-hero__intro {
	max-width: 880px;
	margin: 49px 0 0;
	font-size: 16px;
	line-height: 1.6;
	color: var(--wp--preset--color--white);
}
.sp-wl-hero .sp-wl-hero__break { display: none; }
@media (min-width: 1024px) {
	.sp-wl-hero .sp-wl-hero__intro { font-size: 18px; line-height: 29px; }
	.sp-wl-hero .sp-wl-hero__break { display: inline; }
}
.sp-wl-hero .sp-wl-hero__cta {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-top: 47px;
	padding: 0 5px 6px 0;
	border-bottom: 1.5px solid var(--wp--preset--color--white);
	font-size: 16px;
	font-weight: 600;
	color: var(--wp--preset--color--white);
}