identité 2 : un oiseau perché seulement où il y a du vide au-dessus, l'en-tête tient à 768 px

Avis du studio DA du 03/11 (07h00) et relecture de 8ccdda3 :
- règle du perché : il faut au-dessus de l'arête un vide au moins égal à la hauteur
  de l'oiseau, sinon il va en marge ou derrière la carte. Les perchés entre cartes
  rapprochées (numérique, logiciel-libre, économique, sommaire du livre, commande,
  citoyenne, événement) passent en marge, derrière, ou partent ;
- productions-collectives : 8 oiseaux ramenés à 4, sans colonne ni chevauchement.
  Les oiseaux retirés vont sur des pages qui en avaient peu : monnaie-libre
  (boulangère, vigneronne), tarifs-eau (potier), décision (tisserand),
  cloud-libre (imprimeuse 3D). Les 61 restent rendus ;
- pas trois oiseaux sur la même verticale (commande, numérique) ;
- au téléphone, l'oiseau de la page se tient au bout de la ligne de l'intitulé ;
- seuil 1024 pour un perché dont le bloc n'a de vide au-dessus qu'en deux colonnes
  (accordéoniste et factrice de l'accueil) ;
- numerique/[slug] : les oiseaux des sections larges tiennent dans 152 px de marge
  à 1200 px ;
- en-tête : de 768 à 1023 px, boutons resserrés au lieu d'un débordement ; le
  logotype du kit ne change pas.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

app/pages/numerique/index.vue

@@ -2,7 +2,11 @@
   <div class="axis-scope axis-scope--num oiseaux-scene relative overflow-hidden section-padding">
     <div class="container-content">
       <header class="mb-12 text-center">
-        <p class="mb-2 font-mono text-sm tracking-widest text-primary uppercase">{{ content?.kicker }}</p>
+        <p class="relative mb-2 font-mono text-sm tracking-widest text-primary uppercase">
+          {{ content?.kicker }}
+          <!-- Phone: the title fills the width; the bird stands at the end of this line -->
+          <UiOiseauPose nom="droneuse" pose="perche" right="-6px" bottom="0px" :w="72" mobile-seul />
+        </p>
         <h1 class="page-title relative font-display font-bold tracking-tight" style="color: hsl(var(--color-text))">
           {{ content?.title }}
           <UiOiseauPose nom="droneuse" pose="perche" left="calc(68% - 38px)" bottom="calc(100% - 6px)" :w="76" :seuil="1200" />
@@ -93,16 +97,17 @@ const { data: content } = await usePageContent('numerique')
 
 // Birds by pillar, each next to the trade it is about (composition of 03/11)
 const OISEAUX_PILIER: Record<string, OiseauPlace[]> = {
+  // The cards stand 16 px apart: no room above them for a perched bird (DA rule of 03/11),
+  // so the birds alternate in the margins, right then left, never three on one vertical
+  // (the server carrier stays on the authentification-wot and cloud-libre pages)
   'logiciel-libre': [
-    { nom: 'codeuse', pose: 'perche', right: '4px', w: 88, retourne: true },
+    { nom: 'codeuse', pose: 'marge-d', ecart: '40px', bottom: '34%', w: 112, retourne: true },
   ],
   'authentification-wot': [
-    { nom: 'cryptographe', pose: 'perche', right: '18%', w: 76 },
+    { nom: 'cryptographe', pose: 'marge-g', ecart: '52px', bottom: '22%', w: 96 },
   ],
   'cloud-libre': [
     { nom: 'admin-reseau', pose: 'marge-d', ecart: '36px', bottom: '28%', w: 118, retourne: true },
-    { nom: 'admin-reseau', pose: 'perche', right: '6px', w: 76, retourne: true, mobileSeul: true },
-    { nom: 'porteur-de-serveur', pose: 'derriere', left: '-150px', bottom: '-40px', w: 240 },
   ],
 }
 const { data: site } = await useSiteContent()