/* Page "L'association" - styles specifiques (le commun est dans main.css). */

.page-hero{background:var(--sarcelle-encre);color:var(--papier);padding:64px 0 56px}
.page-hero .eyebrow{color:var(--sarcelle);margin-bottom:16px}
.page-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(30px,4.5vw,46px);line-height:1.1}
.page-hero p{color:rgba(251,248,242,0.78);font-size:17px;max-width:560px;margin:18px 0 0;line-height:1.6}

section{padding:64px 0}
.sec-head{display:block;margin-bottom:28px}
.sec-head h2{font-family:var(--serif);font-weight:600;font-size:clamp(24px,3.5vw,32px);line-height:1.12;margin-top:8px}
.prose{font-size:16px;color:#3A352E;line-height:1.75;max-width:720px}
.prose p{margin-bottom:16px}
.prose p:last-child{margin-bottom:0}

.mission{border-bottom:0.5px solid rgba(28,26,23,0.1)}

/* Photo de groupe */
.pg-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:44px;align-items:center}
.pg-photo{height:300px;border-radius:12px;background:var(--kraft);border:0.5px solid rgba(28,26,23,0.14);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;color:var(--acier);letter-spacing:0.06em;overflow:hidden}
.pg-texte p{font-size:16px;color:#3A352E;line-height:1.7;max-width:340px}

/* Bureau */
.bureau{background:var(--kraft);border-bottom:0.5px solid rgba(28,26,23,0.1)}
.bureau-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px}
.membre{text-align:center}
.membre-photo{width:120px;height:120px;border-radius:50%;margin:0 auto 14px;background:var(--papier);border:0.5px solid rgba(28,26,23,0.14);display:flex;align-items:center;justify-content:center;color:var(--acier);font-family:var(--mono);font-size:10px;overflow:hidden}
.membre-nom{font-family:var(--serif);font-size:17px;font-weight:600}
.membre-role{font-size:12px;color:var(--acier);margin-top:4px;line-height:1.4}
.membre-avatar{display:block;width:100%;height:100%}
/* Membres actifs : meme grille, avatars neutres en attendant les photos. */
.actifs-lead{margin:38px 0 16px;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acier)}
.actifs-lead::before,.actifs-lead::after{content:"";display:inline-block;width:34px;height:0;vertical-align:middle;margin:0 12px;border-top:0.5px solid rgba(28,26,23,0.2)}
.actifs-grid{margin-top:0}
.actifs-grid .membre-photo{width:104px;height:104px}
.actifs-grid .membre-nom{font-size:15px}
/* Encadres de membres sans photo (honneur / bienfaiteurs) : cadre blanc pleine largeur. */
.membres-tier{margin:34px 0 0;background:var(--papier);border:0.5px solid rgba(28,26,23,0.14);border-radius:14px;padding:26px 30px 30px;text-align:center}
.membres-tier-head{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sarcelle-fonce);margin-bottom:24px}
.membres-tier-head i{font-size:15px}
/* Grille 4 colonnes (comme le bureau) pour les deux encadres. */
.membres-tier-list,.membres-bio-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px 20px}
/* Bienfaiteurs : nom seul, centre. */
.membres-tier-list li{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--encre);text-align:center}
/* Membres d'honneur : nom + sous-titre histoire. */
.membres-bio-list li{display:flex;flex-direction:column;gap:3px;text-align:center}
.mb-nom{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--encre)}
.mb-sub{font-size:12.5px;color:var(--acier);line-height:1.42}

/* Presse */
.presse{border-bottom:0.5px solid rgba(28,26,23,0.1)}
.presse-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:8px}
/* Tuile « article de presse écrite » (3e couleur) : bleu ardoise, texte clair. */
.presse-item{background:#3f5a72;color:var(--papier);border:0.5px solid transparent;border-radius:10px;padding:18px;transition:filter .2s,border-color .2s}
.presse-item:hover{filter:brightness(1.08)}
.presse-src{font-family:var(--mono);font-size:11px;color:#bcd0e6;letter-spacing:0.04em}
.presse-titre{font-family:var(--serif);font-size:16px;margin:6px 0 4px;line-height:1.3}
.presse-date{font-size:12px;color:rgba(251,248,242,0.72)}
/* Tuiles média : même taille que les articles, dans deux autres couleurs.
   Vidéo = rouille/terracotta (éclairci) ; audio = teal encre. */
.presse-item.is-video,.presse-item.is-audio{position:relative}
.presse-item.is-video{background:#a85c39}
.presse-item.is-audio{background:var(--sarcelle-encre);cursor:pointer}
.presse-item.is-video .presse-src{color:#f7d7ba}
.presse-item.is-audio .presse-src{color:var(--sarcelle)}

/* Documents */
.docs{background:var(--kraft);border-bottom:0.5px solid rgba(28,26,23,0.1)}
.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:8px}
.doc-item{display:flex;align-items:center;gap:12px;background:var(--papier);border:0.5px solid rgba(28,26,23,0.12);border-radius:10px;padding:14px 16px;transition:border-color .2s}
.doc-item:hover{border-color:var(--sarcelle-fonce)}
.doc-ico{font-size:20px;color:var(--sarcelle-fonce);flex-shrink:0}
.doc-label{font-size:14px}
/* Section documents sur deux colonnes : officiels (gauche) / rapports (droite). */
.docs-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:8px}
.docs-col-title{font-family:var(--serif);font-weight:600;font-size:18px;margin:0 0 14px;color:var(--encre)}
.docs-col .docs-grid{grid-template-columns:1fr;margin-top:0}
.docs-empty{font-size:14px;color:var(--acier);opacity:.75;margin:2px 0 0}
@media(max-width:720px){.docs-cols{grid-template-columns:1fr;gap:26px}}

/* CTA mecenat (.btn-solid est commun) */
.cta-mecenat{background:var(--sarcelle-encre);color:var(--papier);text-align:center}
.cta-mecenat h2{font-family:var(--serif);font-weight:600;font-size:clamp(24px,3.5vw,32px);max-width:520px;margin:0 auto}
.cta-mecenat p{color:rgba(251,248,242,0.7);font-size:16px;max-width:460px;margin:14px auto 24px;line-height:1.6}

@media(max-width:860px){
  .bureau-grid{grid-template-columns:repeat(2,1fr)}
  .membres-tier-list,.membres-bio-list{grid-template-columns:repeat(2,1fr)}
  .pg-grid{grid-template-columns:1fr;gap:24px}
  .pg-photo{height:240px}
}

/* Badge de lecture (play/pause) des tuiles vidéo et audio. */
.presse-item.is-video .presse-play,.presse-item.is-audio .presse-play{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.18);color:var(--papier);display:flex;align-items:center;justify-content:center;font-size:17px;transition:background .2s}
.presse-item.is-video:hover .presse-play,.presse-item.is-audio:hover .presse-play{background:rgba(255,255,255,0.3)}

/* Lightbox vidéo */