/* Main wrapper for the hero gradient heading */
.hero-gradient-heading {
    padding-top: clamp(3rem, 2.5000rem + 1.6667vw, 4rem);
    padding-bottom: clamp(2rem, 1.5000rem + 1.6667vw, 3rem);
}

/* Heading spans should take full width */
.hero-gradient-heading h1 span {
    display: block;
}

/* Pre-heading styles */
.hero-gradient-heading h1 span.hero-gradient-heading__pre-heading {
    font-size: clamp(1.25rem, 1.0000rem + 0.8333vw, 1.75rem);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--dark-gray);
}

/* Main heading styles */
.hero-gradient-heading h1 span.hero-gradient-heading__heading {
    font-size: clamp(2.5rem, 1.7500rem + 2.5000vw, 4rem);
    font-weight: 600;
    line-height: 120%;
    background: linear-gradient(90deg, var(--black) 0%, var(--primary-color) 79.81%);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	display: inline-block;
}

/* Description styles */
.hero-gradient-heading .hero-gradient-heading__description {
    margin-top: clamp(0.75rem, 0.6250rem + 0.4167vw, 1rem);
}