header : small via translateY, nav dynamique, personnages cliquables

Remplace opacity par translateY(-200%) pour cohérence avec le scroll.
Supprime opacity de la transition. Correction margin-top big à 9.5rem.
Nav alimentée dynamiquement depuis Kirby. Personnages wrappés dans un lien home.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

site/snippets/header.php

@@ -8,23 +8,25 @@
       </div>
       <button class="toggle-nav">menu</button>
     </div>
-    <a href="<?= $site->url() ?>">
+    <a href="<?= $site->url() ?>" title="accueil">
       <h1 class="logo" style="--logo-offset: 0px">
         Lesort<br>
         Hecq
       </h1>
     </a>
     <div class="characters" style="--offset: 9.5rem; --scale: 1">
-      <?= svg('assets/images/characters/characters.svg') ?>
+      <a href="<?= $site->url() ?>" title="accueil">
+        <?= svg('assets/images/characters/characters.svg') ?>
+      </a>
     </div>
     
     <div class="strip">
       <h1><?= $page->title() ?></h1>
       <nav>
         <ul>
-          <li><a href="">La Compagnie</a></li>
-          <li><a href="">Agenda</a></li>
-          <li><a href="">Contact</a></li>
+          <?php foreach($site->children()->listed()->without($page) as $navItem): ?>
+            <li><a href="<?= $navItem->url() ?>"><?= $navItem->title() ?></a></li>
+          <?php endforeach ?>
         </ul>
       </nav>
     </div>