/* =====================================================================
 * Qui sommes-nous — maquette validée le 8 octobre 2026.
 * La bande brune, le ruban et les pastilles viennent de bande-v3.css ; cette feuille ne porte que
 * les sections propres à la page. Ordinateur : contenu 1200 px, marges 64 px ; mobile (≤ 760 px) : marges 16 px.
 * Un seul aplat de couleur (Vieux-Condé, vert « semer ») ; crème doux pour l'histoire et la presse.
 * Rollback : SANRIVAL_ABOUT_V3 à false (template-parts/about-v2.php + about.css).
 * ===================================================================== */
body.page-template-page-qui-sommes-nous { background: var(--sc-canvas, #fffcf5); }
main.sr-main.sra3 { --a-brun: var(--sc-ink, #2a1a12); --a-rouge: var(--sc-red, #b21c2d); --a-canvas: var(--sc-canvas, #fffcf5); --a-creme: var(--sc-cream, #fdf6ea); --a-filet: var(--sc-line, #eadfc4); --a-texte-2: var(--sc-ink-mute, #6b4a38); --a-display: var(--sc-display, "Bricolage Grotesque", sans-serif); --a-texte: var(--sc-font, "Figtree", sans-serif);
	margin: 0; padding: 0; background: var(--a-canvas); color: var(--a-brun); font: 400 16px/1.6 var(--a-texte); overflow: clip; }
.sra3 *, .sra3 *::before, .sra3 *::after { box-sizing: border-box; }
.sra3 h2, .sra3 h3, .sra3 p, .sra3 ol, .sra3 ul, .sra3 dl, .sra3 dd, .sra3 figure { margin: 0; }
.sra3-in { max-width: 1200px; margin: 0 auto; padding: 0 var(--sc-space-8); }
.sra3 .sr-mot { border-radius: .16em; }

/* Bande brune : réglages de la maquette pour cette page */
.sra3-bande .sr-bande__txt { margin-top: var(--sc-space-5); font-size: 18px; line-height: 1.55; color: rgba(253, 246, 234, .78); }
.sra3-bande .sr-sur .sr-past { margin-right: 0; }
.sra3-bande .sr-bande__btn { gap: var(--sc-space-2); }
.sra3-bande .sr-chiffres { margin-top: var(--sc-space-6); }
.sra3-bande .sr-chiffres span { display: block; }
.sra3-bande .sr-bande__cadre img { object-position: 82% 70%; }

/* Titres communs */
.sra3-sur { margin: 0 0 var(--sc-space-4) !important; font: 600 14px/1.5 var(--a-texte); color: var(--a-texte-2); }
.sra3 .sra3-h2 { margin: 0; text-transform: lowercase; text-wrap: balance; color: var(--a-brun); }
.sra3-tete { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: var(--sc-space-8); align-items: end; margin-bottom: var(--sc-space-7); }
.sra3-tete > p { color: var(--a-texte-2); font-size: 18px; }

/* Manifeste */
.sra3-manif { padding: var(--sc-space-10) 0 var(--sc-space-10); }
.sra3-manif .sra3-in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: var(--sc-space-8); align-items: end; }
.sra3 .sra3-manif__phrase { font: 800 64px/.96 var(--a-display); letter-spacing: -0.06em; text-transform: lowercase; text-wrap: balance; color: var(--a-brun); }
.sra3-manif__txt { padding-top: var(--sc-space-4); border-top: 1px solid var(--a-filet); font-size: 18px; color: var(--a-texte-2); }

/* Histoire, sur crème doux */
.sra3-hist { padding: var(--sc-space-10) 0 var(--sc-space-10); background: var(--a-creme); scroll-margin-top: 24px; }
.sra3-frise { display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); padding: 0; list-style: none; }
.sra3-frise > li { min-width: 0; margin: 0; padding: 0 var(--sc-space-6) 0 0; }
.sra3-frise > li + li { padding-left: var(--sc-space-6); border-left: 1px solid var(--a-filet); }
.sra3-frise__barre { display: block; height: 6px; margin: 0 0 var(--sc-space-5); border-radius: var(--sc-r-xs); background: var(--sc-semer, #b7d34a); }
.sra3-frise > li:nth-child(2) .sra3-frise__barre { background: var(--sc-arroser, #8cc5e8); }
.sra3-frise > li:nth-child(3) .sra3-frise__barre { background: var(--sc-attendre, #f0c96a); }
.sra3-frise > li:nth-child(4) .sra3-frise__barre { background: var(--a-rouge); }
.sra3-frise__an { display: block; font: 800 64px/.9 var(--a-display); letter-spacing: -0.06em; font-variant-numeric: tabular-nums; }
.sra3 .sra3-frise h3 { margin: var(--sc-space-4) 0 var(--sc-space-2); font: 800 24px/1.05 var(--a-display); letter-spacing: -0.035em; text-transform: lowercase; color: var(--a-brun); }
.sra3-frise p { color: var(--a-texte-2); font-size: 16px; line-height: 1.6; }
.sra3 .sra3-hist__fin { display: flex; align-items: baseline; gap: var(--sc-space-4); margin-top: var(--sc-space-7); padding-top: var(--sc-space-5); border-top: 1px solid var(--a-filet); }
.sra3-hist__fin b { font: 800 28px/1 var(--a-display); letter-spacing: -0.045em; text-transform: lowercase; white-space: nowrap; }
.sra3-hist__fin span { color: var(--a-texte-2); }

/* Vieux-Condé : le seul aplat de couleur de la page */
.sra3-lieu { padding: var(--sc-space-10) 0 0; }
.sra3-lieu__bloc { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--sc-space-7); align-items: center; padding: var(--sc-space-7); border-radius: var(--sc-r-lg); background: var(--sc-semer, #b7d34a); color: var(--a-brun); }
.sra3 .sra3-past { display: inline-flex; align-items: center; height: 26px; padding: 0 var(--sc-space-3); border-radius: var(--sc-r-pill); background: var(--a-brun); color: var(--a-canvas); font: 700 14px/1 var(--a-display); white-space: nowrap; }
.sra3 .sra3-lieu .sra3-h2 { margin-top: var(--sc-space-4); }
.sra3-lieu__txt { margin-top: var(--sc-space-4) !important; font-size: 18px; }
.sra3-faits { display: grid; grid-template-columns: repeat(var(--n, 2), minmax(0, 1fr)); margin-top: var(--sc-space-6) !important; border-top: 1px solid rgba(42, 26, 18, .2); }
.sra3-faits > div { padding: var(--sc-space-4) var(--sc-space-5) 0 0; }
.sra3-faits > div + div { padding-left: var(--sc-space-5); border-left: 1px solid rgba(42, 26, 18, .2); }
.sra3-faits dt { font: 800 40px/1 var(--a-display); letter-spacing: -0.05em; white-space: nowrap; }
.sra3-faits dd { margin: var(--sc-space-2) 0 0 !important; font: 600 14px/1.35 var(--a-texte); }
.sra3-lieu__photo img { display: block; width: 100%; height: auto; max-width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--sc-r-md); }
.sra3-lieu__photo figcaption { margin-top: var(--sc-space-3); font: 600 14px/1.3 var(--a-texte); }

/* Méthode en quatre gestes */
.sra3-meth { padding: var(--sc-space-10) 0; }
.sra3-etapes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; list-style: none; counter-reset: sra3-e; border-top: 1px solid var(--a-filet); }
.sra3-etapes > li { min-width: 0; margin: 0; padding: var(--sc-space-5) var(--sc-space-6) 0 0; counter-increment: sra3-e; }
.sra3-etapes > li + li { padding-left: var(--sc-space-6); border-left: 1px solid var(--a-filet); }
.sra3-etapes > li::before { content: counter(sra3-e); display: block; font: 800 48px/1 var(--a-display); letter-spacing: -0.05em; color: var(--a-rouge); }
.sra3 .sra3-etapes h3 { margin: var(--sc-space-4) 0 var(--sc-space-2); font: 800 24px/1.05 var(--a-display); letter-spacing: -0.035em; text-transform: lowercase; color: var(--a-brun); }
.sra3-etapes p { color: var(--a-texte-2); font-size: 16px; line-height: 1.6; }

/* Gammes et engagements */
.sra3-gam { padding: 0 0 var(--sc-space-10); }
.sra3-gam .sra3-in { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--sc-space-8); }

.sra3-gam__txt { margin-top: var(--sc-space-4) !important; color: var(--a-texte-2); font-size: 18px; }
.sra3-pastilles { display: flex; flex-wrap: wrap; gap: var(--sc-space-3); margin-top: var(--sc-space-6) !important; padding: 0; list-style: none; }
.sra3-pastilles li { margin: 0; }
.sra3-pastilles a, .sra3-pastilles span { --f: var(--sc-fam-potageres, #4e8f2f); display: inline-flex; align-items: center; height: 44px; padding: 0 var(--sc-space-4); border-radius: var(--sc-r-pill); background: var(--f); color: var(--a-creme); font: 700 18px/1 var(--a-display); letter-spacing: -0.02em; text-decoration: none; white-space: nowrap; }
.sra3-pastilles .is-aromatiques { --f: var(--sc-fam-aromatiques, #2c7a8c); } .sra3-pastilles .is-fleurs { --f: var(--sc-fam-fleurs, #c2336b); }
.sra3-pastilles .is-anciennes { --f: var(--sc-fam-anciennes, #c9791b); color: var(--a-brun); } .sra3-pastilles .is-bio { --f: var(--sc-fam-bio, #a9b52a); color: var(--a-brun); }
.sra3-pastilles .is-premium { --f: var(--sc-fam-premium, #2a1a12); }
.sra3-pastilles .is-ligne { background: transparent; color: var(--a-brun); box-shadow: inset 0 0 0 1.5px var(--a-brun); }
.sra3-pastilles a:hover { filter: brightness(.92); color: var(--a-creme); } .sra3-pastilles a.is-anciennes:hover, .sra3-pastilles a.is-bio:hover { color: var(--a-brun); }
.sra3-pastilles a.is-ligne:hover { filter: none; background: rgba(42, 26, 18, .06); color: var(--a-brun); }
.sra3 .sra3-gam__lien { display: inline-flex; margin-top: var(--sc-space-5); font: 700 16px/1 var(--a-texte); color: var(--a-brun); text-decoration: underline; text-underline-offset: 4px; }
.sra3 .sra3-eng__titre { margin: 0 0 var(--sc-space-4); text-transform: lowercase; color: var(--a-brun); }
.sra3-eng { padding: 0; list-style: none; border-top: 1px solid var(--a-filet); }
.sra3-eng > li { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: var(--sc-space-5); margin: 0; padding: var(--sc-space-5) 0; border-bottom: 1px solid var(--a-filet); }
.sra3-eng b { font: 800 20px/1.05 var(--a-display); letter-spacing: -0.03em; text-transform: lowercase; }
.sra3-eng span { color: var(--a-texte-2); font-size: 16px; line-height: 1.6; }

/* Presse, sur crème doux */
.sra3-presse { padding: var(--sc-space-8) 0; background: var(--a-creme); }
.sra3-presse .sra3-in { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: var(--sc-space-7); align-items: center; }
.sra3 .sra3-presse h2 { font: 800 28px/1 var(--a-display); letter-spacing: -0.045em; text-transform: lowercase; color: var(--a-brun); }
.sra3-presse p { margin-top: var(--sc-space-2) !important; font-size: 14px; color: var(--a-texte-2); }
.sra3-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sc-space-5) var(--sc-space-7); padding: 0; list-style: none; }
.sra3-logos li { margin: 0; }
.sra3-logos img { display: block; width: auto; height: 34px; max-width: none; filter: grayscale(1) contrast(1.1); mix-blend-mode: multiply; opacity: .8; }

/* Fin de page */
.sra3-fin { padding: var(--sc-space-10) 0; }
.sra3-fin .sra3-in { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--sc-space-6) var(--sc-space-8); align-items: end; }

.sra3-fin p { margin-top: var(--sc-space-4) !important; max-width: 52ch; color: var(--a-texte-2); font-size: 18px; }
.sra3-fin__btns { display: flex; flex-wrap: wrap; gap: var(--sc-space-3); }
.sra3 .sra3-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--sc-space-2); text-decoration: none; white-space: nowrap; }
.sra3 .sra3-btn--rouge { background: var(--a-rouge); color: var(--a-creme); } .sra3 .sra3-btn--rouge:hover { background: var(--sc-red-dark, #8e1424); color: var(--a-creme); }
.sra3 .sra3-btn--ligne { box-shadow: inset 0 0 0 1.5px var(--a-brun); color: var(--a-brun); } .sra3 .sra3-btn--ligne:hover { background: rgba(42, 26, 18, .06); color: var(--a-brun); }
.sra3 a:focus-visible { outline: 2px solid var(--a-rouge); outline-offset: 3px; }
.sra3 .sr-bande a:focus-visible { outline-color: var(--a-creme); }

/* Tablette : une colonne pour les blocs à deux colonnes */
@media (max-width: 1020px) {
	.sra3-manif .sra3-in, .sra3-tete, .sra3-gam .sra3-in, .sra3-lieu__bloc { grid-template-columns: minmax(0, 1fr); gap: var(--sc-space-5); }
	.sra3-gam .sra3-in { gap: var(--sc-space-7); }
	.sra3-frise { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--sc-space-6); }
	.sra3-frise > li:nth-child(odd) { padding-left: 0; border-left: 0; }
	.sra3-etapes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sra3-etapes > li { padding-bottom: var(--sc-space-5); border-bottom: 1px solid var(--a-filet); }
	.sra3-etapes > li:nth-child(odd) { padding-left: 0; border-left: 0; }
	.sra3-presse .sra3-in { grid-template-columns: minmax(0, 1fr); gap: var(--sc-space-5); }
	.sra3-logos { justify-content: flex-start; }
	.sra3-fin .sra3-in { grid-template-columns: minmax(0, 1fr); gap: var(--sc-space-5); }
	.sra3-bande.sr-bande .sr-bande__cadre.sr-bande__cadre--haute { aspect-ratio: 4 / 3; }
}

/* Mobile (maquette 390 px) */
@media (max-width: 760px) {
	.sra3-in { padding: 0 var(--sc-space-4); }
	
	.sra3-bande .sr-ariane { margin-bottom: var(--sc-space-4); font-size: 12px; }
	.sra3-bande .sr-bande__titre--geant { font-size: 64px; }
	.sra3-bande .sr-bande__txt { margin-top: var(--sc-space-4); font-size: 16px; }
	.sra3-bande .sr-bande__btns { margin-top: var(--sc-space-5); }
	.sra3-bande .sr-bande__btn { flex: 1 1 auto; justify-content: center; }
	.sra3-bande .sr-chiffres { margin-top: var(--sc-space-5); }
	.sra3-bande .sr-chiffres > li { font-size: 12px; }
	.sra3-bande .sr-chiffres span { font-size: 12px; }
	.sra3-bande.sr-bande .sr-bande__cadre.sr-bande__cadre--haute { aspect-ratio: 4 / 3; border-radius: var(--sc-r-md); }
	.sra3-bande .sr-bande__cadre img { object-position: 80% 70%; }
	.sra3-manif { padding: var(--sc-space-8) 0; }
	.sra3 .sra3-manif__phrase { font-size: 40px; }
	.sra3-manif__txt { font-size: 16px; }
	.sra3-hist { padding: var(--sc-space-8) 0; }
	.sra3-tete { gap: var(--sc-space-4); margin-bottom: var(--sc-space-6); }
	.sra3-tete > p { font-size: 16px; }
	.sra3-frise { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
	.sra3-frise > li, .sra3-frise > li + li { display: grid; grid-template-columns: 6px minmax(0, 1fr); column-gap: var(--sc-space-4); padding: 0 0 var(--sc-space-5); border: 0; }
	.sra3-frise > li > * { grid-column: 2; }
	.sra3-frise .sra3-frise__barre { grid-column: 1; grid-row: 1 / span 3; width: 6px; height: auto; margin: 0; }
	.sra3-frise__an { font-size: 48px; }
	.sra3 .sra3-frise h3 { margin-top: var(--sc-space-2); font-size: 20px; }
	.sra3-frise p { font-size: 14px; }
	.sra3 .sra3-hist__fin { display: block; margin-top: var(--sc-space-2); padding-top: var(--sc-space-4); }
	.sra3-hist__fin b { display: block; margin-bottom: var(--sc-space-2); font-size: 24px; }
	.sra3-hist__fin span { font-size: 14px; }
	.sra3-lieu { padding: var(--sc-space-8) 0 0; }
	.sra3-lieu__bloc { padding: var(--sc-space-5) var(--sc-space-5); border-radius: var(--sc-r-lg); }
	
	.sra3-lieu__txt { font-size: 16px; }
	.sra3-faits { grid-template-columns: minmax(0, 1fr); }
	.sra3-faits > div, .sra3-faits > div + div { display: flex; align-items: baseline; gap: var(--sc-space-3); padding: var(--sc-space-3) 0; border: 0; border-bottom: 1px solid rgba(42, 26, 18, .2); }
	.sra3-faits dt { min-width: 112px; font-size: 28px; }
	.sra3-faits dd { margin: 0 !important; }
	.sra3-lieu__photo img { border-radius: var(--sc-r-md); }
	.sra3-meth { padding: var(--sc-space-8) 0; }
	.sra3-etapes > li, .sra3-etapes > li + li { padding: var(--sc-space-5) var(--sc-space-4) var(--sc-space-5) 0; border-left: 0; border-bottom: 1px solid var(--a-filet); }
	.sra3-etapes > li:nth-child(even) { padding-left: var(--sc-space-4); border-left: 1px solid var(--a-filet); }
	.sra3-etapes > li::before { font-size: 40px; }
	.sra3 .sra3-etapes h3 { font-size: 20px; }
	.sra3-etapes p { font-size: 14px; }
	.sra3-gam { padding: 0 0 var(--sc-space-8); }
	
	.sra3-gam__txt { font-size: 16px; }
	.sra3-pastilles { gap: var(--sc-space-2); margin-top: var(--sc-space-5) !important; }
	.sra3-pastilles a, .sra3-pastilles span { height: 38px; padding: 0 var(--sc-space-4); font-size: 16px; }
	.sra3-eng > li { grid-template-columns: minmax(0, 1fr); gap: var(--sc-space-1); padding: var(--sc-space-4) 0; }
	
	.sra3-presse { padding: var(--sc-space-7) 0; }
	.sra3 .sra3-presse h2 { font-size: 24px; }
	.sra3-logos { gap: var(--sc-space-4) var(--sc-space-6); }
	.sra3-logos img { height: 24px; }
	.sra3-fin { padding: var(--sc-space-8) 0 var(--sc-space-8); }
	.sra3-fin .sra3-in { grid-template-columns: minmax(0, 1fr); gap: var(--sc-space-5); }
	
	.sra3-fin p { font-size: 16px; }
	.sra3 .sra3-fin__btns .sra3-btn { flex: 1 1 100%; }
}