design : accueil console seul, vrai §, curseurs animés, statuts, lecteur

- accueil : la console devient l'accueil unique (variantes B/C, sélecteur
  et ancien accueil retirés) ; curseurs qui montent de l'asservissement et
  dérivent seuls, un axe mis en avant à tour de rôle, arrêt au clic,
  immobiles en prefers-reduced-motion ; « AUTONOMIE » devant chaque axe,
  leviers mis en valeur, ligne des trois autonomies en couleurs
- logo : § de Playfair Display (SIL OFL) vectorisé, composant partagé
  UiSectionSign (en-tête, page événement) + favicon.svg
- UiStatusBadge (production / développement / gestation) sur l'accueil,
  les pages d'axe et les pages projet
- liens libreDecision / SejeteralO fixés sur la prod (plus de repli localhost)
- logiciel libre : bouton v1 dans la carte projet en tête de page
- couverture du livre : recadrage corrigé (BookSection)
- texte courant en Public Sans (zéros non barrés)
- lecteur : la pastille persistante ne masque plus la navigation du
  BookPlayer ; lecture directe du MP3 (les .ogg n'existent pas : 404)

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

app/components/layout/TheHeader.vue

@@ -3,22 +3,7 @@
     <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">
-        <svg class="logo-icon" viewBox="0 0 46 78" fill="none" aria-hidden="true">
-          <defs>
-            <linearGradient id="sect-grad" x1="0" y1="0" x2="0" y2="1">
-              <stop offset="0%" stop-color="hsl(var(--color-primary))"/>
-              <stop offset="100%" stop-color="hsl(var(--color-accent))"/>
-            </linearGradient>
-          </defs>
-          <path
-            d="M 33 10 C 26 7 18 7 14 11 C 8 15 7 24 10 31 C 13 38 21 40 27 44 C 33 48 38 55 35 62 C 32 69 24 72 17 70 C 10 68 8 72 10 75 C 12 78 20 79 28 76"
-            stroke="url(#sect-grad)"
-            stroke-width="5"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            fill="none"
-          />
-        </svg>
+        <UiSectionSign class="logo-icon" />
         <span class="logo-text">{{ site?.identity.name }}</span>
       </NuxtLink>
 
@@ -88,9 +73,19 @@ const AXIS_HUES = ['--axis-num', '--axis-eco', '--axis-cit']
 }
 
 .logo-icon {
-  width: 1.6rem;
-  height: 2rem;
+  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);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .logo-icon { transition: none; }
 }
 
 .logo-text {