body {}

.hero-subtitle {
	margin: 24px auto 0 !important;
	max-width: 760px;
	font-size: clamp(1.1rem, 2vw, 2rem);
	line-height: 1.35;
	font-weight: 400;
	color: var(--text-soft);
	text-shadow: 0 4px 18px rgba(0, 0, 0, .25);
}

@media (max-width: 1024px) {}

@media (max-width: 767px) {
	.hero-subtitle {
		max-width: 320px;
		margin-top: 22px;
		font-size: .98rem;
		line-height: 1.4;
	}
}

@media (max-width: 420px) {
	.hero-subtitle {
		font-size: .92rem;
	}
}