/* ═══════════════════════════════════════════════════════════════════════
   HERO D'ARTICLE — afficher un plateau sans le décapiter

   Le gabarit d'article a été dessiné pour des PHOTOS, et il le dit en deux
   endroits :

     .abcdt-article .ah__fig img{
       width:100%; height:auto; aspect-ratio:4/3;
       object-fit:cover; background:var(--ink-2)
     }
     @media (min-width:1024px){
       .abcdt-article .ah__fig img{ aspect-ratio:auto; height:100%; object-fit:cover }
     }

   En dessous de 1024 px, l'image tient donc une boîte en 4:3. Au-delà, elle
   remplit une colonne dont la hauteur est donnée par le texte, bornée entre
   20 et 34 rem. Dans les deux cas, un cover.

   Sur une photo, ce recadrage est gratuit — on perd du décor. Sur un
   plateau du système visuel, il est destructeur : le cartouche de famille
   et le titre sont posés au bord GAUCHE du 1600 × 900, et un cover centré
   dans une boîte plus étroite les coupe. Mesuré sur la page servie :
   25 % de la largeur perdue à 375 et 768, 23 % à 1440 — « L'architecture
   SEO » se lisait « hitecture SEO », et « ACQUISITION ORGANIQUE »
   « GANIQUE ».

   Le défaut préexistait sur les quinze articles à schéma, à toutes les
   largeurs ; il aurait simplement été étendu aux trente-huit autres.

   LE CORRECTIF, en deux temps, parce que la boîte n'est pas la même de part
   et d'autre de 1024 px :

     · en dessous, on donne à la boîte le format du plateau — 16:9 au lieu
       de 4:3. Elle épouse exactement l'image : ni recadrage, ni bande ;
     · au-dessus, on garde la boîte telle que le gabarit la calcule — c'est
       le texte qui lui donne sa hauteur, et cette composition n'est pas la
       nôtre à changer — mais le plateau y est CONTENU au lieu de la
       remplir.

   LA COUTURE, ET COMMENT ELLE DISPARAÎT. Contenir laisse des bandes libres
   en haut et en bas. Le fond du plateau est l'encre #06060A, celui de la
   page aussi : les bandes devraient être invisibles. Elles ne l'étaient
   pas, parce que le gabarit pose sur l'image un fond --ink-2 (#0B0B11),
   couleur d'attente pendant le chargement d'une photo, que le cover ne
   laissait jamais voir. Deux gris à peine différents, mais une couture
   nette. On remet donc ce fond à l'encre du plateau, et le plateau paraît
   simplement posé sur la page.

   PORTÉE. Ces règles ne visent que les figures marquées ah__fig--plaque,
   posées par ABCDT_Blog_Visuels quand le hero est un plateau 1600 × 900 —
   qu'il vienne d'être réaligné ou qu'il fût déjà un schéma du système. Un
   hero resté photo n'est pas marqué et garde son cadrage d'origine.

   Cette feuille est chargée APRÈS celle du gabarit, par dépendance
   déclarée : à spécificité égale, c'est l'ordre qui tranche.
   ═══════════════════════════════════════════════════════════════════════ */

.abcdt-article .ah__fig--plaque img {
  aspect-ratio: 16 / 9;
  height: auto;
  object-fit: contain;
  object-position: 50% 50%;
  background-color: var(--ink, #06060A);
}

@media (min-width: 1024px) {
  .abcdt-article .ah__fig--plaque img {
    /* La hauteur revient au gabarit : le texte commande, l'image suit. */
    aspect-ratio: auto;
    height: 100%;
  }
}