identité : le kit du studio DA intégré, les 61 oiseaux posés sur la page

Copie du kit kit-site (empreinte vérifiée) : logotype dans l'en-tête, signe §,
favicons et icônes, og-default (?v=3), frise du pied de page, 61 oiseaux.
Les shadoks positionnés à la main (HomeShadoks et les règles des 10 pages)
cèdent la place à UiOiseauPose : chaque oiseau se pose sur une arête réelle
(perché, marge gauche ou droite, derrière une carte, libre), currentColor,
largeur 72 px au moins, opacité 0,18-0,28 près du texte et 0,10-0,14 derrière,
jamais deux fois sur une page, calligraphe et typographe jamais en miroir.
Sous 768 px, un oiseau par page au plus ; seuls ceux derrière une carte
dérivent un peu, et plus du tout en mouvement réduit.

Consignes d'Yvv du 03/11 inscrites dans docs/consignes-yvv.md.

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

app/components/layout/TheHeader.vue

@@ -2,9 +2,8 @@
   <header class="sticky top-0 z-40 border-b border-[hsl(var(--color-text)/0.08)] bg-[hsl(var(--color-bg)/0.85)] backdrop-blur-xl">
     <div class="container-content flex h-[var(--header-height)] items-center justify-between px-4">
       <!-- Logo -->
-      <NuxtLink to="/" class="logo-link flex items-center gap-2.5">
-        <UiSectionSign class="logo-icon" />
-        <span class="logo-text">{{ site?.identity.name }}</span>
+      <NuxtLink to="/" class="logo-link flex items-center" :aria-label="site?.identity.name || 'Le librodrome'">
+        <UiLogotype class="logo-lockup" />
       </NuxtLink>
 
       <!-- Desktop navigation -->
@@ -72,31 +71,20 @@ const AXIS_HUES = ['--axis-num', '--axis-eco', '--axis-cit']
   opacity: 0.8;
 }
 
-.logo-icon {
+/* The validated lockup (studio DA, 27/10): the Geste already leans 25°, no rotation on hover */
+.logo-lockup {
+  height: 2.3rem;
   width: auto;
-  height: 2.1rem;
   flex-shrink: 0;
-  transform: rotate(-8deg);
   transition: transform 0.2s ease;
 }
 
-.logo-link:hover .logo-icon {
-  transform: rotate(0deg) scale(1.08);
+.logo-link:hover .logo-lockup {
+  transform: scale(1.04);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .logo-icon { transition: none; }
-}
-
-.logo-text {
-  font-family: var(--font-logo);
-  font-weight: 400;
-  font-size: 1.25rem;
-  letter-spacing: 0.04em;
-  background-image: linear-gradient(to right, hsl(var(--color-primary)), hsl(var(--color-accent)));
-  -webkit-background-clip: text;
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
+  .logo-lockup { transition: none; }
 }
 
 .nav-prefix {