/**
 * Home Hero
 * (see editor.css for matching class)
 **/
.vcs-home-hero {
	min-height: calc(100svh - 84px) !important;
	background-color: var(--theme-palette-4, hsl(210, 9%, 4%));
}

.vcs-home-hero h3.home-hero-subheading {
	font-size: 1.675rem;
}

@media only screen and (max-width: 769px) {
	.vcs-home-hero .home-hero-heading {
		margin-bottom: 2rem !important;
		font-size: 2.5rem !important;
		line-height: 1.2 !important;
	}

	.vcs-home-hero .home-hero-subheading {
		font-size: 1.4rem !important;
	}

	.vcs-home-hero .vcs-divider-mordent {
		max-width: 20px !important;
	}
}

@media only screen and (max-width: 640px) {
	.vcs-home-hero .home-hero-heading {
		margin-top: 25svh !important;
		margin-bottom: 1rem !important;
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}

	.vcs-home-hero .home-hero-subheading {
		display: none;
	}

	.vcs-home-hero h4 {
		font-size: 1.2rem !important;
	}

	.vcs-home-hero .vcs-divider-mordent {
		max-width: 18px !important;
	}
}

@media only screen and (max-width: 444px) {
	.vcs-home-hero .home-hero-heading {
		padding-left: 0 !important;
		padding-right: 0 !important;
		font-size: 2.5rem !important;
	}

	.vcs-home-hero .vcs-divider-mordent {
		max-width: 18px !important;
	}
}

@media only screen and (max-width: 379px) {
	.vcs-home-hero .home-hero-heading {
		font-size: 2rem !important;
	}
}