Feat: footer reveal + refactor page About

- Footer global fixé en bas (App.svelte), masqué par le contenu des slides
- margin-bottom sur .page-scrollable pour l'effet footer reveal (about, blog, article)
- About : champ intro remplacé par heading (text) + subtitle (writer), blueprint + API + vue mis à jour
- LanguageSwitcher : div → button avec hitbox élargie
- i18n : clé our_team (fr: NOTRE ÉQUIPE / en: OUR TEAM)

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

src/styles/layout.css

@@ -17,12 +17,11 @@
 .page-scrollable {
   height: 100%;
   overflow-y: auto;
+  margin-bottom: var(--footer-height);
 }
 
-.page-container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 0 50px;
+.page-scrollable .page-container {
+  margin-bottom: var(--footer-height);
 }
 
 /* Vertical Lines */

src/styles/variables.css

@@ -16,11 +16,11 @@
    * --z-header   : barre de navigation (toujours au-dessus du menu)
    * --z-cursor   : curseur personnalisé (toujours au-dessus de tout)
    */
-  --z-base:    1;
+  --z-base: 1;
   --z-content: 5;
-  --z-menu:    100;
-  --z-header:  200;
-  --z-cursor:  9999;
+  --z-menu: 100;
+  --z-header: 200;
+  --z-cursor: 9999;
 
   /* Font sizes — desktop */
   --font-size-paragraph: 18px;
@@ -52,6 +52,9 @@
   --font-size-button-tablet: 12px;
   --font-size-caption-tablet: 11px;
 
+  /* Footer */
+  --footer-height: 18.75rem;
+
   /* Easing */
   --ease-standard: cubic-bezier(0.65, 0, 0.35, 1);