design : accueil en trois variantes (console, parcours, établi) + couleur par axe

- typo : Bricolage Grotesque (titres) + Atkinson Hyperlegible (texte),
  Syne gardée pour le logo seul ; une seule source de polices (Bunny)
- palettes : teinte propre à chaque axe dans les 4 ambiances ;
  pages d'axe en axis-scope, cartes sans bordure (canon design)
- accueil : console des trois curseurs (tablist clavier), boîte à outils,
  bloc format éditorial + événement + reproduction ; ?v=a|b|c|0
- numérique : carte LPK ; bouquet rendu avec statut et légende
- messages : sans bordure, deux colonnes en grand écran

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

app/components/home/HomeCitations.vue

@@ -0,0 +1,42 @@
+<template>
+  <blockquote v-if="lines?.length" class="cites">
+    <p v-for="(line, i) in lines" :key="i" class="cite" :class="{ 'cite--lead': i === 0 }">{{ line }}</p>
+  </blockquote>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  lines: string[]
+}>()
+</script>
+
+<style scoped>
+.cites {
+  margin: 0;
+  padding: 0;
+  max-width: 46rem;
+}
+
+.cite {
+  margin: 0;
+  font-family: var(--font-display);
+  font-weight: 500;
+  font-size: clamp(1.15rem, 2.4vw, 1.55rem);
+  line-height: 1.3;
+  letter-spacing: -0.015em;
+  color: hsl(var(--color-text) / 0.62);
+}
+
+.cite + .cite {
+  margin-top: 0.3rem;
+}
+
+.cite--lead {
+  font-weight: 800;
+  font-size: clamp(1.6rem, 3.6vw, 2.3rem);
+  line-height: 1.1;
+  letter-spacing: -0.03em;
+  color: hsl(var(--color-text));
+  margin-bottom: 0.6rem;
+}
+</style>