/* === BASE === */
.bva-about-section,
.bva-manifeste-section,
section {
	padding: clamp(40px, 8vw, 80px) clamp(20px, 6vw, 80px);
}

ul.bva-about-list {
	margin: 20px 0;
}

/* === WRAPPERS === */
.bva-about-wrapper-1,
.bva-commit-wrapper-2 {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
}

.bva-manifeste-wrapper {
	max-width: 1200px;
	margin: 0 auto;
}

/* === VIDEO SECTION === */
.bva-video-section {
	width: 100%;
	overflow: visible;
	height: 740px;
	padding: 0;
}

.video-style {
	width: 100%;
	height: 100%;
	position: relative;
}

/* === SECTIONS === */
.bva-about-section {
	background-color: #4e3833;
}

.bva-manifeste-section {
	background-color: #574342;
	color: white;
}

/* === SECTION TITLES === */
.form-page-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(15px, 12vw, 150px);
	margin-bottom: clamp(30px, 8vw, 70px);
}

.form-page-title-line {
	flex: 1;
	height: 1px;
	background-color: var(--color-canelle);
}

.form-page-title-text {
	font-family: var(--font-arial);
	font-size: clamp(11px, 1.2vw, 12px);
	font-weight: 100;
	color: var(--color-canelle);
	text-transform: uppercase;
	letter-spacing: clamp(2px, 0.8vw, 8px);
	white-space: nowrap;
}

h3.title-manifest-section {
	color: #fff;
	text-align: center;
	font-family: FuturaNDAlt-DemiBold;
	font-size: 26px;
	font-weight: 400;
	line-height: 49px;
	padding-bottom: 50px;
}

.bva-manifeste-section .form-page-title-line {
	background-color: var(--color-vitamine);
}

.bva-manifeste-section .form-page-title-text {
	color: var(--color-vitamine);
}

/* === GRID LAYOUTS === */
.bva-about-columns-1,
.bva-commit-columns-2 {
	display: grid;
	align-items: start;
	gap: clamp(20px, 2vw, 40px);
	width: 100%;
	margin: 0;
}

.bva-about-columns-1 {
	grid-template-columns: minmax(300px, 45%) 1fr;
}

.bva-commit-columns-2 {
	grid-template-columns: 1fr minmax(300px, 45%);
}

.bva-manifeste-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	align-items: start;
}

/* === TEXT CONTENT === */
.bva-about-col,
.bva-commit-col {
	width: 100%;
	min-width: 300px;
	margin: 0;
	color: black;
	align-self: start;
}

.bva-about-col p,
.bva-commit-col p {
	font-family: var(--font-arial);
	margin-bottom: clamp(15px, 2vw, 20px);
}

.bva-manifeste-section p {
	font-family: var(--font-arial);
	color: var(--color-white);
	margin-bottom: clamp(15px, 2vw, 20px);
}

.bva-about-title,
.bva-commit-title {
	font-family: var(--font-futura-ndalt);
	font-size: clamp(26px, 3vw, 37px);
	color: var(--color-canelle);
	margin-bottom: clamp(20px, 3vw, 40px);
	line-height: 1.2;
}

.bva-manifeste-signature {
	font-family: var(--font-arial-bold);
	color: var(--color-vitamine);
}

/* === IMAGES === */
.bva-about-img,
.bva-commit-img {
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: hidden;
}

.bva-about-img img,
.bva-commit-img img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
}

/* === RESPONSIVE === */

/* Tablet Large */
@media screen and (max-width: 1200px) {
	.bva-about-columns-1,
	.bva-commit-columns-2,
	.bva-manifeste-columns {
		grid-template-columns: 1fr;
	}

	.bva-commit-columns-2 .bva-commit-col {
		order: 2;
	}

	.bva-commit-columns-2 .bva-commit-img {
		order: 1;
	}
}

/* Tablet */
@media screen and (max-width: 1024px) {
	.bva-about-col,
	.bva-commit-col {
		padding: 0;
	}

	.bva-about-img img,
	.bva-commit-img img {
		width: 100%;
		height: auto;
	}

	.bva-about-title,
	.bva-commit-title {
		font-size: clamp(24px, 3.5vw, 30px);
	}

	.bva-manifeste-wrapper {
		max-width: 100%;
	}
}

/* Mobile Large */
@media screen and (max-width: 768px) {
	.bva-about-col p,
	.bva-commit-col p,
	.bva-manifeste-section p {
		font-size: 20px;
	}

	.bva-video-section {
		height: auto;
	}

	.video-style {
		padding-top: 56.25%;
	}

	.bva-about-columns-1,
	.bva-commit-columns-2,
	.bva-manifeste-columns {
		gap: clamp(20px, 3vw, 30px);
	}
}

/* Mobile */
@media screen and (max-width: 480px) {
	.bva-about-col p,
	.bva-commit-col p,
	.bva-manifeste-section p {
		font-size: 20px;
		padding: 10px 0;
	}

	.bva-about-col,
	.bva-commit-col {
		font-size: 20px;
	}

	.bva-about-title,
	.bva-commit-title {
		padding-top: clamp(26px, 5vw, 50px);
		line-height: 1.5;
	}

	.form-page-title {
		gap: clamp(12vw, 2vw, 15px);
	}

	.form-page-title-text {
		font-size: 12px;
		letter-spacing: clamp(1px, 0.2vw, 1.5px);
	}
}