/* APIA — Hub Enjeux (/enjeux/). Complements des composants c-* (apia-enjeu.css). Tokens var(--apia-*). */
.s-hub{padding:48px 16px}
.s-hub--hero{padding:16px 16px 48px}

/* Hero hub */
.c-hub-hero{max-width:1248px;margin-inline:auto;background:var(--apia-bleu-nuit);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:44% 56%;align-items:stretch}
.c-hub-hero__col{display:flex;align-items:center;padding:56px 24px 56px 98px}
.c-hub-hero__title{font-family:var(--apia-font);font-weight:600;font-size:48px;line-height:52px;color:var(--apia-blanc);margin:0;max-width:429px}
.c-hub-hero__media{position:relative;min-height:399px;border-radius:12px;overflow:hidden}
.c-hub-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Grille cartes enjeu */
.c-hub-grid{max-width:1052px;margin-inline:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.c-enjeu-card{background:var(--apia-bleu-clair);border-radius:28px;padding:24px;min-height:156px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;text-decoration:none}
.c-enjeu-card__title{font-family:var(--apia-font);font-weight:600;font-size:23px;line-height:28px;color:var(--apia-bleu-marine);margin:0}
.c-enjeu-card__btn{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;background:var(--apia-bleu-nuit);color:var(--apia-blanc);font-family:var(--apia-font);font-weight:500;font-size:16px;line-height:22px;padding:6px 16px;border-radius:12px}

/* Bandeau thematique (1052x271) */
.c-hub-banner{max-width:1052px;margin:16px auto 0}
.c-hub-banner img{display:block;width:100%;aspect-ratio:1052/271;object-fit:cover;border-radius:28px}

/* Responsive */
@media(max-width:991px){
.c-hub-hero{grid-template-columns:1fr}
.c-hub-hero__col{padding:40px}
.c-hub-hero__title{font-size:33px;line-height:38px}
.c-hub-hero__media{min-height:280px}
}
@media(max-width:600px){
.c-hub-grid{grid-template-columns:1fr}
.c-hub-hero__title{font-size:28px;line-height:34px}
.c-enjeu-card{min-height:0}
}
/* =====================================================================
   APIA — Mouvement (2026-08-28). Tokens : Bricks > Settings > Custom CSS.
   Un seul idiome : le fond s'assombrit vers le marine, l'element monte d'1px,
   le chevron avance de 3px ; au clic il redescend et se comprime a 99 %.
   Remplace les idiomes filter:brightness(). Zero JavaScript.
   ===================================================================== */

.c-enjeu-card{transition:transform var(--apia-dur-base) var(--apia-ease),box-shadow var(--apia-dur-base) var(--apia-ease)}
.c-enjeu-card__btn{transition:background-color var(--apia-dur-fast) var(--apia-ease)}
@media (hover:hover){
  .c-enjeu-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(5,29,46,.11)}
  .c-enjeu-card:hover .c-enjeu-card__btn{background-color:var(--apia-bleu)}
}
.c-enjeu-card:focus-visible{outline:2px solid var(--apia-bleu-marine);outline-offset:3px}