/* =========================================
   Force Fair — Sobre a Marca
   ========================================= */

/* Hero */
.ff-about-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding-top: 120px;
	padding-bottom: 120px;
}

/* Foto de fundo — escurecida e fosca (baixo contraste/saturação) */
.ff-about-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background-image: url(../img/bg-sobre.jpg);
	background-size: cover;
	background-position: center;
	filter: brightness(0.55) contrast(0.9) saturate(0.75);
}

/* Camada de tonalidade verde da marca, sobre a foto */
.ff-about-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, rgba(31, 38, 31, 0.82) 0%, rgba(31, 38, 31, 0.6) 45%, rgba(31, 38, 31, 0.85) 100%);
	mix-blend-mode: multiply;
}

.ff-about-hero-sub {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

/* Texto Institucional */
.ff-about-story {
	padding-top: 100px;
	padding-bottom: 100px;
}

.ff-about-story-text {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

.ff-about-story .wp-block-buttons {
	margin-top: 40px;
}

/* Mobile */
@media (max-width: 781px) {
	.ff-about-hero {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.ff-about-story {
		padding-top: 64px;
		padding-bottom: 64px;
	}
}