/*
 * Lo slogan conserva esattamente gerarchia visiva, dimensioni e sottolineatura
 * che il tema applicava al vecchio H1.
 */
.hero-copy .pace-hero-slogan {
	max-width: 13ch;
	margin: 0;
	color: var(--ink, #1b1f21);
	font-family: var(--font, Inter, ui-sans-serif, system-ui, sans-serif);
	font-size: clamp(2.8rem, 5vw, 5.05rem);
	font-weight: 700;
	letter-spacing: -.035em;
	line-height: 1.08;
}

.hero-copy .pace-hero-slogan::after {
	content: "";
	display: block;
	width: 92px;
	height: 6px;
	margin-top: 24px;
	border-radius: 6px;
	background: linear-gradient(
		90deg,
		var(--green, #4aaa2d) 0 46%,
		var(--red, #ed2939) 46% 100%
	);
}

/*
 * L'H1 resta ben visibile ma lavora come titolo descrittivo, senza competere
 * graficamente con lo slogan.
 */
.hero-copy .pace-hero-seo-title {
	max-width: 36ch;
	margin: 27px 0 0;
	font-size: clamp(1.18rem, 1.9vw, 1.55rem);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.25;
}

.hero-copy .pace-hero-seo-title::after {
	content: none;
	display: none;
}

.hero-copy .pace-hero-seo-title + .hero-lead {
	margin-top: 13px;
}

@media (max-width: 620px) {
	.hero-copy .pace-hero-slogan {
		font-size: clamp(2.35rem, 11vw, 3.35rem);
	}

	.hero-copy .pace-hero-seo-title {
		font-size: 1.12rem;
	}
}