/* APIA — S7a Page L'association (/apia/, Figma node 818:22829, fichier B).
   Deps : apia-enjeu.css + apia-home.css (c-stats, c-renforcer, c-enjeu-btn).
   Rythme vertical Figma : 160 entre frames (80+80) ; frames py48 internes = --pad48 (128) ;
   dernière section = 208 avant footer (48 interne + 160 inter-frame). */

.s-asso{padding:80px 16px}
.s-asso--hero{padding-top:16px}
.s-asso--pad48{padding-top:128px;padding-bottom:128px}
.s-asso--last{padding-bottom:208px}

/* 1. Hero — carte nuit 1248 r28 h434, texte aligné rail 1052 (98px interne), visuel flush droite r12 */
.c-asso-hero{max-width:1248px;margin-inline:auto;background:var(--apia-bleu-nuit);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:438px 1fr;align-items:stretch;min-height:434px}
.c-asso-hero__col{display:flex;flex-direction:column;gap:24px;justify-content:center;padding:48px 0 48px 98px}
.c-asso-hero__title{font-family:var(--apia-font);font-weight:600;font-size:33px;line-height:36px;color:var(--apia-bleu-ciel);margin:0}
.c-asso-hero__sub{font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-blanc);margin:0;max-width:340px}
.c-asso-hero__media{position:relative;min-height:434px}
.c-asso-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* 2. Grand texte 32/42 Regular gris-bleu rail 1052 (style Figma APIA/H2 R — distinct de c-ta-lead 48/52) */
.c-asso-lead{max-width:1052px;margin:0 auto;font-family:var(--apia-font);font-weight:400;font-size:32px;line-height:42px;color:var(--apia-gris-bleu)}

/* Bandes full-bleed (Mission marine / Ambition bleu APIA / Gouvernance nuit — fidèle node) */
.c-asso-band{padding:160px 16px}
.c-asso-band--marine{background:var(--apia-bleu-marine);margin-top:80px}
.c-asso-band--bleu{background:var(--apia-bleu);padding-top:96px;margin-bottom:80px}
.c-asso-band--nuit{background:var(--apia-bleu-nuit);margin:80px 0}
.c-asso-band__rail{max-width:1052px;margin-inline:auto}
.c-asso-band__title{font-family:var(--apia-font);font-weight:600;font-size:48px;line-height:52px;color:var(--apia-bleu-ciel);margin:0}

/* 3. Mission (2 col, texte 422-429) + Ambition (48/52 Regular blanc, 963) */
.c-asso-mission__head{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end;margin-bottom:96px}
.c-asso-mission__kicker{font-family:var(--apia-font);font-weight:600;font-size:16px;line-height:22px;color:var(--apia-blanc);margin:0;padding-bottom:4px}
.c-asso-mission__cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.c-asso-mission__col{display:flex;flex-direction:column;gap:24px}
.c-asso-mission__col h3{font-family:var(--apia-font);font-weight:600;font-size:28px;line-height:32px;color:var(--apia-bleu-ciel);margin:0;max-width:422px}
.c-asso-mission__col p{font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-blanc);margin:0;max-width:429px}
.c-asso-ambition{font-family:var(--apia-font);font-weight:400;font-size:48px;line-height:52px;color:var(--apia-blanc);margin:24px 0 0;max-width:963px}

/* Listes à flèches (blanc sur bande / gris-bleu sur blanc) */
.c-asso-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.c-asso-list li{display:flex;align-items:center;gap:4px;font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-blanc)}
.c-asso-list li svg{flex:0 0 16px;width:16px;height:16px}
.c-asso-list--grey li{color:var(--apia-gris-bleu)}

/* 4. Chiffres — variante c-stats (3 col, num 48/52 bleu, label marine, gap interne 16) */
.c-asso-h2{max-width:1052px;margin:0 auto 48px;font-family:var(--apia-font);font-weight:600;font-size:33px;line-height:36px;color:var(--apia-bleu-nuit)}
.c-stats--asso{grid-template-columns:repeat(3,1fr)}
.c-stats--asso .c-stats__card{gap:16px}
.c-stats--asso .c-stats__num{font-size:48px;line-height:52px}
.c-stats--asso .c-stats__label{color:var(--apia-bleu-marine)}

/* 5. Bandeau 1052x271 r28 */
.c-asso-banner{max-width:1052px;margin:0 auto;border-radius:28px;overflow:hidden}
.c-asso-banner img{display:block;width:100%;height:auto}

/* 6. Membres — titre 33/36 marine (251) + colonne droite 607 */
.c-asso-membres{max-width:1052px;margin:0 auto;display:grid;grid-template-columns:340px 1fr;gap:16px}
.c-asso-membres__title{font-family:var(--apia-font);font-weight:600;font-size:33px;line-height:36px;color:var(--apia-bleu-marine);margin:0;max-width:251px}
.c-asso-membres__col{display:flex;flex-direction:column;gap:16px;max-width:607px}
.c-asso-membres__intro{font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-gris-bleu);margin:0;max-width:503px}
.c-asso-membres__grp{display:flex;flex-direction:column;gap:24px}
.c-asso-h6{font-family:var(--apia-font);font-weight:600;font-size:16px;line-height:22px;color:var(--apia-bleu-nuit);margin:0}

/* 7. Gouvernance interne — bande nuit gap 48, 3 sous-sections empilées (grille 2-col), fiches r16 clair */
.c-asso-band--nuit .c-asso-band__rail{display:flex;flex-direction:column;gap:48px}
.c-asso-gov__lead{font-family:var(--apia-font);font-weight:600;font-size:23px;line-height:28px;color:var(--apia-blanc);margin:0}
.c-asso-gov__sub{display:flex;flex-direction:column;gap:24px}
.c-asso-gov__subhead{display:flex;flex-direction:column;gap:4px}
.c-asso-gov__subtitle{font-family:var(--apia-font);font-weight:600;font-size:28px;line-height:32px;color:var(--apia-bleu-ciel);margin:0}
.c-asso-gov__subsub{font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:#9FB2C5;margin:0;max-width:640px}
.c-asso-gov__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.c-fiche{background:var(--apia-bleu-clair);border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;min-height:108px}
.c-fiche__avatar{display:block;width:76px;height:76px;border-radius:50%;flex:0 0 76px;object-fit:cover;background:var(--apia-bleu-clair)}
.c-fiche__txt{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0}
.c-fiche__name{font-family:var(--apia-font);font-weight:600;font-size:19px;line-height:24px;color:#000;margin:0}
.c-fiche__statut{font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-gris-bleu);margin:0}
.c-fiche__lk{flex:0 0 16px;width:16px;height:16px;color:var(--apia-bleu);display:inline-flex}
.c-fiche__lk svg{width:16px;height:16px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 8/10. Sections blanches (Convictions / Apportons) — titre 48/52 nuit, rangées gap 96 */
.c-asso-sec{max-width:1052px;margin:0 auto;display:flex;flex-direction:column;gap:96px}
.c-asso-h1{font-family:var(--apia-font);font-weight:600;font-size:48px;line-height:52px;color:var(--apia-bleu-nuit);margin:0}
.c-asso-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.c-asso-colgrp{display:flex;flex-direction:column;gap:24px;min-width:0}
.c-asso-col{display:flex;flex-direction:column;gap:24px}
.c-asso-col h3{font-family:var(--apia-font);font-weight:600;font-size:28px;line-height:32px;color:var(--apia-bleu-nuit);margin:0;max-width:429px}
.c-asso-col p{font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-gris-bleu);margin:0;max-width:429px}
.c-asso-sub{font-family:var(--apia-font);font-weight:600;font-size:23px;line-height:28px;color:var(--apia-bleu-nuit);margin:0;max-width:518px}
.c-asso-grp24{display:flex;flex-direction:column;gap:24px}

/* 8. Rôles : lead 23/28 Regular nuit + 7 pastilles r8 clair */
.c-asso-roles{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.c-asso-roles__lead{font-family:var(--apia-font);font-weight:400;font-size:23px;line-height:28px;color:var(--apia-bleu-nuit);margin:0;max-width:429px}
.c-asso-pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-width:518px}
.c-asso-pills li{background:var(--apia-bleu-clair);border-radius:8px;padding:8px 16px;font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:23px;color:var(--apia-bleu-marine)}

/* Responsive */
@media(max-width:991px){
.s-asso{padding:48px 16px}
.s-asso--hero{padding-top:16px}
.s-asso--pad48{padding-top:72px;padding-bottom:72px}
.s-asso--last{padding-bottom:96px}
.c-asso-hero{grid-template-columns:1fr;min-height:0}
.c-asso-hero__col{padding:40px}
.c-asso-hero__media{min-height:300px}
.c-asso-lead{font-size:28px;line-height:38px}
.c-asso-band{padding:96px 16px}
.c-asso-band--marine{margin:48px 0 0}
.c-asso-band--bleu{padding-top:64px;margin:0 0 48px}
.c-asso-band--nuit{margin:48px 0}
.c-asso-band__title{font-size:33px;line-height:40px}
.c-asso-ambition{font-size:33px;line-height:40px}
.c-asso-mission__head{grid-template-columns:1fr;margin-bottom:48px;align-items:start;gap:24px}
.c-asso-mission__cols,.c-asso-cols,.c-asso-gov__grid,.c-asso-roles{grid-template-columns:1fr}
.c-asso-mission__cols{gap:48px}
.c-asso-cols{gap:32px}
.c-asso-membres{grid-template-columns:1fr;gap:32px}
.c-asso-h1{font-size:33px;line-height:40px}
.c-asso-sec{gap:48px}
.c-stats--asso{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
.c-asso-hero__col{padding:32px 24px}
.c-asso-lead{font-size:24px;line-height:32px}
.c-asso-band{padding:64px 16px}
.c-asso-band--bleu{padding-top:48px}
.c-asso-band__title{font-size:28px;line-height:34px}
.c-asso-ambition{font-size:28px;line-height:34px}
.c-asso-col h3,.c-asso-mission__col h3{font-size:23px;line-height:28px}
.c-stats--asso{grid-template-columns:1fr}
}