/**
 * Page « Nous soutenir » (slug nous-soutenir, node Figma 72:619).
 * Réutilise les tokens globaux (design-system.css) + le CTA don (.fhcl-donband).
 * Largeur de contenu 1256px, padding latéral 32px.
 */

.fhcl-sout{background:#fff;}
.fhcl-sout__wrap{max-width:1256px;margin:0 auto;padding:0 32px;}
.fhcl-sout__title{margin:8px 0 0;color:var(--c-ink);font-weight:var(--fw-semibold);font-size:clamp(32px,4vw,42px);line-height:1.1;}
.fhcl-sout__title--c{text-align:center;}

/* Surtitre badge (orange foncé sur clair, orange clair sur sombre). */
.fhcl-sout-surtitle{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid rgba(168,68,0,.55);border-radius:var(--r-xs);font-size:14px;font-weight:var(--fw-regular);color:var(--c-orange-text);line-height:1;}
.fhcl-sout-surtitle--light{color:var(--c-orange-on-dark);border-color:rgba(232,118,58,.55);}

/* ============================================================ 1) HÉRO sombre */
.fhcl-sout-hero{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--c-navy) center/cover no-repeat;overflow:hidden;}
.fhcl-sout-hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,27,39,.55),rgba(21,27,39,.75));pointer-events:none;}
.fhcl-sout-hero__inner{position:relative;z-index:1;max-width:1000px;padding:150px 24px 90px;display:flex;flex-direction:column;align-items:center;gap:24px;}
.fhcl-sout-hero__title{margin:0;color:#fff;font-weight:var(--fw-semibold);font-size:clamp(40px,6vw,64px);line-height:1.02;letter-spacing:-.01em;}
.fhcl-sout-hero__title span{color:var(--c-orange-on-dark);}
.fhcl-sout-hero__intro{margin:0;max-width:780px;color:rgba(255,255,255,.85);font-size:18px;font-weight:var(--fw-light);line-height:1.5;}

/* ============================================================ 2) POUR LES PARTICULIERS */
.fhcl-sout-partic{background:#fff;padding:96px 0;}
.fhcl-sout-partic__panel{background:#FDF6F2;border-radius:16px;padding:56px 53px 64px;}
.fhcl-sout-partic__panel .fhcl-sout__title{margin-bottom:40px;}
.fhcl-sout-partic__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;}

/* Carte moyen de soutien (photo assombrie + onglets + titre + texte + Découvrir). */
.fhcl-sout-card{display:flex;flex-direction:column;gap:20px;}
.fhcl-sout-card__media{position:relative;height:256px;border-radius:8px;overflow:hidden;background:var(--c-navy) center/cover no-repeat;}
.fhcl-sout-card__scrim{position:absolute;inset:0;background:rgba(24,14,9,.6);pointer-events:none;}
.fhcl-sout-card__tabs{position:absolute;top:15px;left:16px;right:16px;z-index:2;display:flex;flex-wrap:wrap;gap:8px;}
.fhcl-sout-card__pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:2px;background:rgba(199,80,0,.15);border:1px solid rgba(199,80,0,.3);color:#fff;font-size:14px;font-weight:var(--fw-regular);line-height:normal;white-space:nowrap;}
.fhcl-sout-card__pill--heart{background:var(--c-orange);border-color:var(--c-orange);padding:4px 6px;}
.fhcl-sout-card__pill--heart svg{width:16px;height:16px;color:#fff;}
.fhcl-sout-card__over{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;}
.fhcl-sout-card__title{margin:0;color:#fff;font-size:24px;font-weight:var(--fw-semibold);line-height:1.15;}
.fhcl-sout-card__text{margin:8px 0 0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.4;}
.fhcl-sout-card__cta{display:flex;align-items:center;justify-content:center;gap:6px;height:53px;border-radius:var(--r-sm);background:#fff;color:var(--c-orange-text);font-size:16px;font-weight:var(--fw-medium);text-decoration:none;transition:background .2s;}
.fhcl-sout-card__cta:hover{background:#fff7f1;color:var(--c-orange-hover);}
.fhcl-sout-card__cta svg{flex:none;}

/* ============================================================ 3) POUR LES ENTREPRISES */
.fhcl-sout-entr{background:#fff;padding:0 0 96px;}
.fhcl-sout-entr>.fhcl-sout__wrap{padding-top:40px;padding-bottom:40px;}
.fhcl-sout-entr__band{position:relative;min-height:440px;background:var(--c-navy) center/cover no-repeat;overflow:hidden;padding:150px 0 150px;}
.fhcl-sout-entr__scrim{position:absolute;inset:0;background:rgba(24,14,9,.6);pointer-events:none;}
.fhcl-sout-entr__bandin{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;}
.fhcl-sout-entr__head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;}
.fhcl-sout-entr__head .fhcl-sout-card__tabs{position:static;top:auto;left:auto;right:auto;}
.fhcl-sout-entr__title{margin:0;color:#fff;font-size:clamp(32px,4vw,40px);font-weight:var(--fw-semibold);line-height:1.1;}
.fhcl-sout-entr__disc{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r-sm);background:#fff;color:var(--c-orange-text);font-size:16px;font-weight:var(--fw-medium);text-decoration:none;white-space:nowrap;flex:none;}
.fhcl-sout-entr__disc:hover{background:#fff7f1;}
/* Carte blanche à cheval sur le bas de la bande. */
.fhcl-sout-entr__card{position:relative;max-width:1148px;margin:-110px auto 0;background:#fff;border-radius:var(--r-md);box-shadow:0 24px 60px rgba(16,27,58,.12);padding:44px 50px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;}
.fhcl-sout-entr__punch{margin:0;color:var(--c-ink);font-size:32px;font-weight:var(--fw-medium);line-height:1.25;}
.fhcl-sout-entr__punch span{color:var(--c-orange-text);}
.fhcl-sout-entr__desc{margin:0;color:var(--c-ink-60);font-size:16px;line-height:1.5;}

/* Section 4 « Membres fondateurs & Mécènes VIP » = composant partenaires réutilisé (.fhcl-partn, home.css). */

/* ============================================================ RESPONSIVE */
@media(max-width:1024px){
	.fhcl-sout-partic__grid{grid-template-columns:1fr;gap:28px;}
	.fhcl-sout-entr__card{grid-template-columns:1fr;gap:16px;padding:32px;}
}
@media(max-width:768px){
	.fhcl-sout-partic{padding:64px 0;}
	.fhcl-sout-partic__panel{padding:40px 20px 48px;}
	.fhcl-sout-entr__bandin{flex-direction:column;align-items:flex-start;gap:20px;}
	.fhcl-sout-entr__band{min-height:0;padding:56px 0 96px;}
	.fhcl-sout-entr__card{margin-top:-64px;}
}