/* ============================================================
   Bandeau « redirection encyclopédie » — composant partagé
   (About, Expeditions…). Fond sombre charte.
   Gauche = titre + 2 CTA ; droite = 4 cartes espèces cliquables.
   Image des cartes ≈ hauteur du bloc des 2 boutons (aligné).
   Dépend de : fonts.css, tokens.css, base.css (.btn / .btn-link).
   ============================================================ */
.encb{position:relative;overflow:hidden;padding:42px 0;background:var(--bg-dark)}
.encb-in{position:relative;max-width:1200px;margin:0 auto;padding:0 34px}

/* --- entête alignée à gauche --- */
.encb-head{text-align:left;margin:0 0 24px}
.encb-kicker{font-family:var(--font-body);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:var(--fs-micro);color:var(--sand);margin:0}
.encb-title{font-family:var(--font-head);font-weight:600;text-transform:uppercase;font-size:var(--fs-t1);line-height:1.05;color:#fff;margin:8px 0 0}

/* --- corps : boutons (fixe) à gauche · cartes qui s'étirent pour remplir jusqu'au bord droit ; hauts alignés --- */
.encb-body{display:flex;justify-content:flex-start;align-items:flex-start;gap:44px}
.encb-cta{display:flex;flex-direction:column;gap:12px;flex:0 0 auto;width:284px}
.encb-cta .btn{width:100%;white-space:nowrap}

.encb-grid{display:flex;gap:18px;flex:1 1 auto}
.encb-card{display:block;text-decoration:none;flex:1 1 0;min-width:0}
.encb-card .pic{display:block;width:100%;aspect-ratio:12/7;overflow:hidden;border-radius:var(--btn-radius);background:#fff;border:1px solid rgba(244,239,230,.12)}
.encb-card .pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.encb-card:hover .pic img{transform:scale(1.05)}
.encb-card .nm{display:block;font-family:var(--font-head);font-weight:600;text-transform:uppercase;font-size:var(--fs-micro);letter-spacing:.01em;color:#fff;margin:9px 0 1px;line-height:1.1;white-space:nowrap}
.encb-card .lat{display:block;font-family:var(--font-body);font-style:italic;font-size:11px;color:var(--on-dark-muted);margin:0;white-space:nowrap} /* 11px : légende sous-micro volontaire (contrainte de largeur de carte) */
.encb-card:hover .nm{color:var(--ocre-bright)}

/* --- tablette & mobile (≤1120) : colonne · cartes en grille 2×2 · boutons pleine largeur dessous --- */
@media(max-width:1120px){
  .encb{padding:44px 0}
  .encb-in{padding:0 20px}
  .encb-head{text-align:center}
  .encb-body{flex-direction:column;align-items:stretch;gap:24px}
  .encb-grid{order:1;flex:0 1 auto;flex-wrap:wrap;gap:16px}
  .encb-card{flex:1 1 calc(50% - 8px);width:auto;min-width:0}
  .encb-card .nm{white-space:normal}
  .encb-cta{order:2;flex-direction:column;width:100%;max-width:420px;margin:0 auto;gap:12px}
}