fix: make press nav anchor work with fixed footer

- Move id="presse" from footer to empty div at end of main
- Add scroll-margin-top: 100vh to force max scroll and reveal footer

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

assets/css/src/_footer.scss

@@ -1,3 +1,7 @@
+#presse {
+  scroll-margin-top: 100vh;
+}
+
 body > footer {
   width: 100vw;
   box-sizing: border-box;

assets/css/style.css

@@ -537,7 +537,7 @@ section#handles .path .step:not(:last-child) {
 section#system {
   display: flex;
   justify-content: space-between;
-  padding: 10rem min(15vw, 100%);
+  padding: 10rem 0 10rem min(15vw, 100%);
 }
 section#system .text {
   display: flex;
@@ -573,12 +573,12 @@ section#system .text .bottom ul:not(:last-child) {
   margin-bottom: 3rem;
 }
 section#system figure {
-  width: 55%;
+  width: 70vw;
-  height: 46vw;
+  height: 40vw;
 }
 section#system figure img {
-  -o-object-fit: cover;
+  -o-object-fit: contain;
-     object-fit: cover;
+     object-fit: contain;
   width: 100%;
   height: 100%;
 }
@@ -726,6 +726,10 @@ section#buy img {
      object-fit: cover;
 }
 
+#presse {
+  scroll-margin-top: 100vh;
+}
+
 body > footer {
   width: 100vw;
   box-sizing: border-box;

index.html

@@ -474,8 +474,9 @@
           alt="Couverture du livre Le courage du réel"
         />
       </section>
+      <div id="presse"></div>
     </main>
-    <footer id="presse" class="blue-container">
+    <footer class="blue-container">
       <header>
         <h2 class="section-title">Contact</h2>
         <h3 class="title">Presse et médias</h3>