/* Qui sommes-nous */
.page-hero { --hero: url("/assets/img/BANNIERE-QUI-SOMMES-NOUS.webp"); }

/* Une expertise de plus de 35 ans : photo (texte à gauche, sur 60 %) + mission et domaines */
.qsn-expertise .panel--photo {
	align-items: stretch;
	padding: 0 0 0 50px;
	text-align: start;
	background-image: url("../../img/expertise.webp");
}
.qsn-expertise .panel--photo > * { width: 60%; }
.qsn-expertise .panel--photo p { margin-bottom: 0; }
.qsn-expertise .panel--grey { padding: 50px; }
/* textes décalés de 20 px (ils débordent d'autant à droite, comme sur le site d'origine) */
.qsn-expertise .panel--grey > .sec-text { margin-left: 20px; }
.qsn-expertise .panel--grey > .ibox { --ibox-img: 20%; margin-top: -20px; }
.qsn-expertise .islider { --dots-hover: var(--blue); }

/* Le parcours du fondateur : deux panneaux empilés (60 %) + portrait (40 %) */
.qsn-fondateur { display: flex; gap: var(--gap); padding-bottom: 75px; }
.qsn-fondateur__text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--gap);
	width: 60%;
	min-width: 0;
}
.qsn-fondateur__photo {
	width: 40%;
	padding-inline: 25px; /* sans contenu, mais pèse dans le partage de la largeur */
	border-radius: 50px;
	background: url("../../img/fondateur.webp") top center / cover no-repeat;
}
.qsn-fondateur .sec-text p { margin-bottom: 0; }
.qsn-fondateur__intro { padding: 50px; background: var(--black); color: var(--white); }
.qsn-fondateur__suite { justify-content: flex-start; align-items: flex-start; padding: 50px; }

/* Chantiers marquants : photo en bandeau, titre dans un cartouche noir collé à gauche */
.qsn-projet {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	width: 90%;
	margin: 50px auto 0;
	padding-block: 150px;
	border-radius: 50px;
	background: center / cover no-repeat;
}
.qsn-projet--lipp { margin-top: 0; background-image: url("../../img/renovation.webp"); }
.qsn-projet--neirivue { background-image: url("../../img/direction-scaled-1920w.webp"); background-position: bottom center; }
.qsn-projet--corminboeuf { background-image: url("../../img/IMG_1697.webp"); background-position: bottom center; }
.qsn-projet__title {
	width: 60%;
	padding: 25px 0 25px 50px;
	border-radius: 0 50px 50px 0;
	background: var(--black);
	color: var(--white);
	font-size: 24px;
}
.qsn-projet__title a { color: inherit; }

/* Citation de Georges Blanc */
.qsn-citation {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	width: 90%;
	margin: 50px auto 0;
	padding: 50px;
	border-radius: 50px;
	background: var(--blue-dark);
	color: var(--white);
}
.qsn-citation blockquote { margin: 0; font-size: 18px; }
.qsn-citation p { margin: 0; }
.qsn-citation figcaption { font-family: var(--sans); font-size: 20px; font-weight: 700; line-height: 1; }

/* Notre philosophie : photo + trois valeurs (carrousel sur mobile) sur fond bleu.
   Les deux colonnes partent de 100 % et se partagent la place au prorata de leur largeur hors marges. */
.qsn-philo {
	display: flex;
	gap: var(--gap);
	width: 90%;
	margin: 50px auto 0;
	padding: 50px;
	border-radius: 50px;
	background: var(--blue-dark);
}
.qsn-philo > * { width: 100%; }
.qsn-philo__intro {
	align-items: stretch;
	padding: 0 50px;
	text-align: start;
	background-image: url("../../img/philosophie.webp");
}
.qsn-philo__intro p { margin-bottom: 0; }
.qsn-philo__intro > .btn { align-self: flex-start; }
.qsn-philo__valeurs { display: flex; flex-direction: column; gap: var(--gap); min-width: 0; padding: 10px; }
.qsn-philo .ibox { width: 90%; --ibox-img: 30%; --ibox-gap: 0px; }

@media (max-width: 767px) {
	.qsn-expertise { margin-top: 50px; padding-bottom: 0; }
	.qsn-expertise .panel--photo, .qsn-expertise .panel--grey { padding: 35px; text-align: center; }
	.qsn-expertise .panel--photo > * { width: 100%; }
	.qsn-expertise .panel--grey > .sec-text { margin-left: 0; font-size: 16px; }

	.qsn-fondateur { flex-wrap: wrap; margin-top: 50px; padding-bottom: 0; }
	.qsn-fondateur__text, .qsn-fondateur__photo { width: 100%; }
	.qsn-fondateur__photo { order: -1; min-height: 400px; }
	.qsn-fondateur__intro, .qsn-fondateur__suite { padding: 35px; text-align: center; }
	.qsn-fondateur__intro .sec-text { font-size: 16px; }
	.qsn-fondateur__suite { align-items: center; }

	.qsn-projet { width: 100%; }
	.qsn-projet--lipp { margin-top: 50px; }
	.qsn-projet__title { width: 80%; padding: 25px; font-size: 20px; }

	.qsn-citation { width: 100%; text-align: center; }

	.qsn-philo { flex-wrap: wrap; width: 100%; padding: 0 0 35px; }
	.qsn-philo__intro { align-items: center; padding: 35px; border-radius: 50px 50px 0 0; text-align: center; }
	.qsn-philo__intro > .btn { align-self: center; }
	.qsn-philo__valeurs { justify-content: center; align-items: center; }

	/* section Contact : plus serrée que sur les autres pages */
	.contact { margin-top: 50px; }
	.contact__info { padding: 35px; }
}