/* © 2026 DRAK Infinity (NEQ 2281240509), Montréal (Québec), Canada. Tous droits réservés.
   Feuille PROPRE à la page Entrevue « Qui est Yannick » (/qui-est-yannick, /en/who-is-yannick), mission 31, lot C, vague 1, agent 1f
   (fait 186 f). Chargée EN PLUS de site/commun/v4.css (contrat de balisage du lot C, agent 0b), jamais à sa place : ce fichier n'y
   redéfinit RIEN (.v4-tete, .v4-tete-vis, .v4-vis, .v4-qr, .v4-note, .v4-sec, .v4-bande, .v4-btns, .bouton, etc. restent entièrement
   la propriété de v4.css) — il ajoute seulement les deux besoins propres à CETTE page, qu'aucune autre page du lot C ne partage :

   1. .v4-entrevue-foto : le portrait de Yannick en tête de page (maquettes/v4/pages-v4-b.html, section #entrevue, ligne 495 :
      aspect-ratio 3/4, recadré en haut, plafonné à 360 px et centré dans sa colonne). .v4-tete-vis .v4-vis img (v4.css) étire l'image
      à 100 % de la colonne sans plafond ni recadrage — adapté ici, sous son propre nom, plutôt que dans v4.css, pour ne pas changer
      le comportement des autres pages qui réutilisent .v4-tete-vis (Maison 3D connectée, etc., lot C). Posée sur l'image SANS AUCUN
      style en ligne (fait 186 f : « retire tout style en ligne trouvé sur cette image »).
      CORRECTION mission 31-BIS, fait 203 (clôture, trouvé par le contrôleur) : le cadrage 3/4 de la maquette rognait le vrai portrait
      (`img/yannick.jpg`, 1200×1500, donc 4/5) de 6 % en haut et en bas — en contradiction avec le fait 191 f de CETTE mission
      (« jamais zoomée », règle générale, pas seulement la liste d'exemples trouvés à l'audit d'origine). `aspect-ratio` posé à 4/5
      (le vrai ratio de la photo) : `object-fit:cover` ne rogne plus rien, puisque le cadre a maintenant exactement la forme de
      l'image; `object-position:top` n'a donc plus d'effet, laissé pour mémoire si une photo future a un ratio légèrement différent.

   2. .v4-sr : titre de section masqué VISUELLEMENT seulement, lu par les lecteurs d'écran (même mécanique que .hl-sr de
      site/commun/pages-v3.css et .drkf-sr de site/commun/formulaires.css, déjà en place ailleurs sur le site, reprise ici sous son
      propre nom pour rester dans le fichier dont cet agent est seul propriétaire, sans toucher à ces deux fichiers partagés). Posé
      sur un <h2> ajouté juste avant la grille de questions-réponses (.v4-qr, contrat de l'agent 0b : titre de question en <h3>) :
      la maquette place cette grille directement après le <h1>, sans <h2> de section intermédiaire, ce qui fait sauter la hiérarchie
      de h1 à h3 sans jamais passer par un h2. Choix retenu (documenté dans le rapport de cet agent, fait 188, hiérarchie H2/H3
      cohérente) : fermer la hiérarchie avec un <h2> masqué plutôt que de garder h1→h3 tel quel — aucun changement visuel par
      rapport à la maquette, puisque ce titre n'est jamais vu, seulement entendu par une technologie d'assistance ou lu par un robot
      d'indexation. */

html[data-theme] .v4-entrevue-foto{text-align:center}
html[data-theme] .v4-entrevue-foto img{aspect-ratio:4/5;object-fit:cover;object-position:top;max-width:360px;margin-inline:auto}

.v4-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}