/* =========================================================
   À propos — styles spécifiques à la page
   ========================================================= */

.ap-hero { position: relative; padding: clamp(36px, 5vw, 80px) clamp(16px, 4vw, 64px); overflow: hidden; }
.ap-hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .45; }
.ap-hero__inner { position: relative; max-width: 820px; }
.ap-hero h1 { margin: 14px 0 0; font: 400 clamp(40px, 6vw, 86px)/0.92 var(--font-display); word-spacing: .22em; }
.ap-hero p { margin: 20px 0 0; font: 500 clamp(16px, 1.6vw, 19px)/1.7 var(--font-body); color: var(--brown-2); }

.ap-section { padding: 0 clamp(16px, 4vw, 64px) clamp(36px, 5vw, 72px); }
.ap-section p { margin: 16px 0 0; max-width: 760px; font: 500 clamp(15px, 1.5vw, 18px)/1.75 var(--font-body); color: var(--brown-2); }
.ap-section p + p { margin-top: 14px; }

.ap-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-top: 18px; }
.ap-card { background: #FFFDF6; border: 2px solid rgba(74,36,16,.15); border-radius: 24px; padding: 22px; }
.ap-card p { margin: 0; font: 600 15px/1.6 var(--font-body); color: var(--brown); }

.ap-mission { background: var(--brown); color: var(--cream); padding: clamp(36px, 5vw, 72px) clamp(16px, 4vw, 64px); }
.ap-mission .eyebrow { color: var(--orange); }
.ap-mission h2 { margin: 14px 0 0; max-width: 760px; font: 400 clamp(30px, 4vw, 52px)/1.1 var(--font-display); word-spacing: .22em; color: var(--cream); }
.ap-mission-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; margin-top: 32px; }
.ap-mission-item { border-top: 2px solid rgba(251,235,200,.25); padding-top: 16px; }
.ap-mission-item__label { font: 700 12px/1 ui-monospace, monospace; letter-spacing: .16em; color: var(--orange); }
.ap-mission-item p { margin: 10px 0 0; font: 500 15px/1.65 var(--font-body); color: rgba(251,235,200,.85); }

.ap-trio { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; padding: clamp(36px, 5vw, 72px) clamp(16px, 4vw, 64px) clamp(40px, 5vw, 72px); }
.ap-trio-card { border-radius: 32px; padding: 28px; }
.ap-trio-card__title { font: 400 clamp(34px, 3.6vw, 52px)/1 var(--font-display); word-spacing: .22em; }
.ap-trio-card p { margin: 12px 0 0; font: 500 15px/1.7 var(--font-body); }

.ap-publics { padding: clamp(36px, 5vw, 72px) clamp(16px, 4vw, 64px); }
.ap-publics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-top: 18px; }
.ap-publics-item { border-top: 2px solid rgba(74,36,16,.25); padding-top: 14px; }
.ap-publics-item__title { font: 800 17px/1.3 var(--font-body); }
.ap-publics-item p { margin: 8px 0 0; font: 500 14px/1.6 var(--font-body); color: var(--brown-2); }

.ap-griot { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: center; gap: clamp(20px, 3vw, 48px); background: var(--brown); color: var(--cream); padding: clamp(36px, 5vw, 80px) clamp(16px, 4vw, 64px); }
.ap-griot h2 { margin: 0; font: 400 clamp(32px, 4vw, 58px)/0.95 var(--font-display); word-spacing: .22em; color: var(--cream); }
.ap-griot p { margin: 16px 0 0; font: 500 16px/1.7 var(--font-body); color: rgba(251,235,200,.82); }
.ap-griot img { width: 100%; max-width: 520px; justify-self: center; }
.ap-griot-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; margin-top: 28px; }
.ap-griot-stats__num { font: 400 clamp(40px, 4vw, 64px)/0.85 var(--font-display); }
.ap-griot-stats__label { margin-top: 8px; font: 700 13px/1 var(--font-body); letter-spacing: .14em; }

.ap-venue { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; padding: clamp(36px, 5vw, 72px) clamp(16px, 4vw, 64px); }
.ap-venue h2 { margin: 14px 0 0; font: 400 clamp(30px, 4.2vw, 58px)/0.98 var(--font-display); word-spacing: .22em; }
.ap-venue > div:first-child > p { margin: 14px 0 0; font: 500 17px/1.7 var(--font-body); color: var(--brown-2); }
.ap-venue-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 18px; margin-top: 26px; }
.ap-venue-item { border-top: 2px solid rgba(74,36,16,.25); padding-top: 12px; }
.ap-venue-item__label { font: 700 12px/1 ui-monospace, monospace; letter-spacing: .14em; color: var(--red); }
.ap-venue-item__value { margin-top: 8px; font: 600 16px/1.5 var(--font-body); }

.ap-map { position: relative; min-height: 320px; border-radius: 32px; overflow: hidden; background: repeating-linear-gradient(135deg, #F3E0BB 0 14px, #EFD9AE 14px 28px); }
.ap-map__pin { position: absolute; top: 46%; left: 50%; transform: translate(-50%, -100%); width: 76px; }
.ap-map__label { position: absolute; bottom: 18px; left: 18px; background: var(--brown); color: var(--cream-2); padding: 11px 16px; border-radius: 14px; font: 600 12px/1.4 ui-monospace, monospace; }