/* ==========================================================================
   PÁGINA INICIAL — SECÇÃO 2 / MANIFESTO
   Introdução centrada + três convicções em cartões.
   ========================================================================== */

.manifesto {
	scroll-margin-top: 5rem;
	padding-block: clamp(4rem, 8vw, 7rem);
	background: var(--c-white);
}

/* --- Cabeçalho ----------------------------------------------------------- */

.manifesto__head {
	max-width: 820px;
	margin-inline: auto;
	text-align: center;
}

.manifesto__eyebrow {
	margin: 0 0 var(--sp-4);
	font-family: var(--font-body);
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--c-gold);
}

.manifesto__title {
	margin: 0 0 var(--sp-4);
	font-family: var(--font-heading);
	font-size: var(--fs-3xl);
	font-weight: 400;
	letter-spacing: -0.015em;
	line-height: var(--lh-tight);
	color: var(--c-ink);
	text-wrap: balance;
}

.manifesto__lead {
	max-width: 620px;
	margin-inline: auto;
	font-size: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
	line-height: var(--lh-body);
	color: var(--c-muted);
	text-wrap: pretty;
}

/* --- Rodapé -------------------------------------------------------------- */

.manifesto__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: var(--sp-4) var(--sp-6);
	margin-top: var(--sp-7);
	padding-top: var(--sp-5);
	border-top: 1px solid var(--c-line);
}

.manifesto__byline {
	display: flex;
	align-items: center;
	gap: var(--sp-4);
}

.manifesto__avatar {
	flex: none;
	width: 6.25rem;
	height: 6.25rem;
	border-radius: 50%;
	object-fit: cover;
	background: var(--c-primary-soft);
}

.manifesto__sign {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	margin: 0;
	line-height: 1.3;
}

.manifesto__names {
	font-family: var(--font-heading);
	font-size: var(--fs-md);
	color: var(--c-primary-300);
}

.manifesto__role {
	font-family: var(--font-body);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	line-height: 1.4;
	text-transform: uppercase;
	color: var(--c-muted);
}

/* --- Responsivo ---------------------------------------------------------- */

@media (max-width: 960px) {
	.manifesto__cards {
		grid-template-columns: 1fr;
	}

	.manifesto__card {
		min-height: 0;
		gap: var(--sp-4);
	}
}

@media (max-width: 600px) {
	.manifesto {
		padding-block: 3.25rem;
	}

	.manifesto__foot {
		align-items: flex-start;
		flex-direction: column;
	}
}