.block-hero {
	display: flex;
	gap: 0 min(4vw, 2rem);
	flex-wrap: wrap;
}
.block-hero .hero-text,
.block-hero .hero-typing {
	font-family: "TheSerif";
	font-size: clamp(4rem, 0.125rem + 9.375vw, 10.25rem);
	font-weight: bold;
		color: #312783;
			line-height: 1.4;
}

/* Typing animation styles */
.block-hero .hero-typing-container {
	width: 100%;
}

.hearthand svg{
	width: clamp(4.5rem, 2.1534rem + 9.233vw, 12.125rem);
	min-width: 4.2rem;

}

/* TypeIt cursor customization */
.ti-cursor {
	color: #312783;
	font-weight: normal !important;
	margin-left: 0.1ch !important;
	font-size: clamp(4rem, 0.125rem + 9.375vw, 10.25rem)!important;
	line-height: 1.2!important;
}

.explanation {
	font-weight: bold;
	font-size: clamp(1rem, 1.1rem + 0.5114vw, 1.875rem);
	max-width: 30ch;
  font-family: TheSerif;
	line-height: 1.3;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.last-word { width: 100%; }
	.block-hero .hero-container {
	}

.block-hero .hero-typing-container {

	}


	.block-hero .first_word {
	}
}

@media (max-width: 480px) {
	.block-hero .hero-container {
	}

	.block-hero .hero-typing {
	}

	.hearthand {
	}
}