Page événement : contenu structuré axes/espaces/config depuis PDF Genèse

- evenement.yml : kicker, titre, subtitle, leitmotiv, tagline, gestation,
  description, 3 axes (numérique/économique/politique), 6 espaces, 4 config
- evenement.vue : hero complet (shadoks, logo SVG inline, badges), sections
  axes/espaces/config, styles scoped responsive
- bookplayer.config.yml → slugs 06-produire/07-echanger déjà commités
- Ajout Librodrome-Logo.png + librodrome-logo.svg (vectorisation en cours)
- Ajout PDF genèse en public/pdf/
- .gitignore, CLAUDE.md, BookSection, économique : ajustements session

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

app/components/home/BookSection.vue

@@ -1,11 +1,11 @@
 <template>
-  <section class="section-padding">
+  <section :class="compact ? 'section-book-compact' : 'section-padding'">
     <div class="container-content">
-      <div class="grid items-center gap-12 md:grid-cols-2">
+      <div :class="['grid items-center', compact ? 'gap-5 md:grid-cols-[auto_1fr]' : 'gap-12 md:grid-cols-2']">
         <!-- Book cover -->
         <UiScrollReveal>
           <div class="book-cover-wrapper relative">
-            <div class="book-cover-3d">
+            <div :class="['book-cover-3d', compact && 'book-cover-3d--compact']">
               <img
                 :src="content?.book.coverImage"
                 :alt="content?.book.coverAlt"
@@ -18,14 +18,21 @@
         <!-- Content + CTAs -->
         <div>
           <UiScrollReveal>
-            <p class="mb-2 font-mono text-sm tracking-widest text-accent uppercase">{{ content?.book.kicker }}</p>
-            <h2 class="heading-section font-display font-bold tracking-tight text-white">
-              {{ content?.book.title }}
+            <p :class="['font-mono tracking-widest text-accent uppercase', compact ? 'text-xs mb-1' : 'text-sm mb-2']">
+              {{ content?.book.kicker }}
+            </p>
+            <h2 :class="['book-heading font-display font-bold tracking-tight text-white', compact && 'book-heading--compact']">
+              <template v-if="compact">
+                <span class="block">{{ titleLine1 }}</span>
+                <span class="block" style="color: hsl(var(--color-text) / 0.55)">{{ titleLine2 }}</span>
+              </template>
+              <template v-else>{{ content?.book.title }}</template>
             </h2>
           </UiScrollReveal>
 
           <UiScrollReveal :delay="100">
-            <p class="mt-4 text-lg leading-relaxed text-white/60">
+            <p :class="['leading-relaxed', compact ? 'mt-2 text-sm' : 'mt-4 text-lg text-white/60']"
+               :style="compact ? 'color: hsl(var(--color-text-muted)); font-size: 0.85rem' : ''">
               {{ content?.book.description }}
             </p>
           </UiScrollReveal>
@@ -46,8 +53,10 @@
 <script setup lang="ts">
 withDefaults(defineProps<{
   showChapters?: boolean
+  compact?: boolean
 }>(), {
   showChapters: true,
+  compact: false,
 })
 
 defineEmits<{
@@ -56,9 +65,22 @@ defineEmits<{
 }>()
 
 const { data: content } = await usePageContent('home')
+
+const titleParts = computed(() => {
+  const title = content.value?.book.title ?? ''
+  const idx = title.indexOf('—')
+  if (idx === -1) return [title, '']
+  return [title.slice(0, idx).trim(), '— ' + title.slice(idx + 1).trim()]
+})
+const titleLine1 = computed(() => titleParts.value[0])
+const titleLine2 = computed(() => titleParts.value[1])
 </script>
 
 <style scoped>
+.section-book-compact {
+  padding: 0;
+}
+
 .book-cover-wrapper {
   perspective: 800px;
   display: flex;
@@ -78,6 +100,10 @@ const { data: content } = await usePageContent('home')
   max-width: 360px;
 }
 
+.book-cover-3d--compact {
+  max-width: 120px;
+}
+
 .book-cover-3d:hover {
   transform: rotateY(-8deg) rotateX(3deg) scale(1.02);
   box-shadow:
@@ -92,7 +118,12 @@ const { data: content } = await usePageContent('home')
   transform: translateX(-50%);
 }
 
-.heading-section {
+.book-heading {
   font-size: clamp(1.625rem, 4vw, 2.125rem);
 }
+
+.book-heading--compact {
+  font-size: clamp(0.95rem, 2.5vw, 1.15rem);
+  line-height: 1.35;
+}
 </style>