/*
 * Testata blu ("page-hero"): stessa sezione della hero della home, senza il
 * pannello di misura, riusata come intestazione di Chi siamo, Contatti,
 * Blog, Casi di studio, Categoria e Ricerca. Mai sulla home
 * (`is_front_page()`), che resta identica al mockup.
 */

/* Intro a tutta larghezza: la hero della home senza il pannello di misura. */
.page-hero .hero {
	grid-template-columns: 1fr;
	padding-block: 88px 80px;
}

.page-hero .hero-copy {
	max-width: 900px;
}

.page-hero .hero-description {
	max-width: 640px;
	margin-bottom: 0;
}

/*
 * Titolo e descrizione di archivio/ricerca (core/query-title,
 * core/term-description): stessi colori bianchi/leggibili di h1 e hero-lead,
 * contrasto AA garantito sul fondo blu.
 */
.page-hero .wp-block-query-title {
	color: #fff;
}

.page-hero .wp-block-term-description {
	margin: 20px 0 0;
}

.page-hero .wp-block-term-description p {
	max-width: 530px;
	margin: 0;
	color: #fff;
	font-size: 1.0625rem;
}

@media (max-width: 950px) {

	.page-hero .hero {
		padding-block: 58px;
	}
}

@media (max-width: 720px) {

	.page-hero .hero {
		padding-block: 45px 42px;
	}
}