/* Catalogue - reprise de docs/i4s-catalogue.html. Tête : la bande basse commune (tete.css, .h1p--courte ou .gh--courte,
   correctif graphique 3), le panneau à compteurs qui remonte dessus (aussi pour les applications et les actualités). */
.ch{position:relative;z-index:2;margin-top:-84px;background:#fff;border:1px solid var(--line);
  border-top:5px solid var(--sky);border-bottom:0;
  display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}
.ch__l{padding:clamp(24px,3vw,40px);display:grid;gap:14px;align-content:center}
.ch__l h1{font-size:clamp(1.61rem,3.22vw,2.52rem);letter-spacing:-.034em;line-height:1}
.ch__l p{font-size:1.04rem;max-width:52ch}
.ch__r{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line);
  background:var(--wash)}
.ch__r div{display:flex;flex-direction:column-reverse;justify-content:center;gap:8px;
  padding:clamp(18px,2vw,28px) clamp(16px,2vw,28px)}
.ch__r div + div{border-left:1px solid var(--line)}
.ch__r dt{font-family:var(--ui);font-weight:700;font-size:.72rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--mute)}
.ch__r dd{font-family:var(--ui);font-weight:800;color:var(--navy);line-height:.95;
  font-size:clamp(2rem,3.6vw,3rem);letter-spacing:-.04em;font-variant-numeric:tabular-nums}

@media (max-width:900px){
  .ch{grid-template-columns:minmax(0,1fr)}
  .ch__r{border-left:0;border-top:1px solid var(--line)}
}
@media (max-width:640px){
  .ch{margin-top:-40px}
}