Refactor: sémantique HTML et suppression des styles inline

- App.svelte : suppression du wrapper .app redondant, montage direct sur #app, <section> pour les slides
- Header.svelte : <nav>, <ul><li><a> pour le menu, <button> pour le hamburger, animation hamburger en CSS pur (plus de style inline sur les cercles SVG)
- Home.svelte : fusion div[grid-area]+.olly en .home-bg, suppression de tous les style="" statiques

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

src/App.svelte

@@ -48,30 +48,32 @@
   })
 </script>
 
-<div class="app">
-  <Cursor />
-  <Header />
+<Cursor />
+<Header />
 
-  <main class="main">
-    <div
-      class="slides-wrapper"
-      style="width: {wrapperWidth}; transform: {wrapperTransform}"
-    >
-      {#each slides.all as slide}
-        <div class="slide" data-slide={slide.id}>
-          {#if slide.loaded}
-            <svelte:component
-              this={templates[slide.template] ?? Default}
-              data={slide.data}
-            />
-          {/if}
-        </div>
-      {/each}
-    </div>
-  </main>
-</div>
+<main class="main">
+  <div
+    class="slides-wrapper"
+    style="width: {wrapperWidth}; transform: {wrapperTransform}"
+  >
+    {#each slides.all as slide}
+      <section class="slide" data-slide={slide.id}>
+        {#if slide.loaded}
+          <svelte:component
+            this={templates[slide.template] ?? Default}
+            data={slide.data}
+          />
+        {/if}
+      </section>
+    {/each}
+  </div>
+</main>
 
 <style>
+  :global(#app) {
+    height: 100vh;
+  }
+
   :global(*) {
     margin: 0;
     padding: 0;
@@ -95,10 +97,6 @@
     height: auto;
   }
 
-  .app {
-    height: 100vh;
-  }
-
   .main {
     position: relative;
     overflow: hidden;