diff --git a/assets/css/src/_footer.scss b/assets/css/src/_footer.scss
index 1693d4c..d6e9d3d 100644
--- a/assets/css/src/_footer.scss
+++ b/assets/css/src/_footer.scss
@@ -11,19 +11,12 @@ body > footer {
   header {
     text-align: center;
     .section-title {
-      font-size: var(--font-size-s);
-      width: 100%;
-      text-align: center;
-      text-transform: uppercase;
-      margin-bottom: 0.75rem;
-      font-weight: 400;
+      @include section-title-centered;
     }
     .title {
       width: 100%;
       text-align: center;
-      font-family: var(--font-narrow);
-      font-size: var(--font-size-l);
-      text-transform: uppercase;
+      @include big-title-base;
     }
   }
 
diff --git a/assets/css/src/_generic-classes.scss b/assets/css/src/_generic-classes.scss
index 3ed9aa5..6520185 100644
--- a/assets/css/src/_generic-classes.scss
+++ b/assets/css/src/_generic-classes.scss
@@ -1,3 +1,6 @@
+// ========================================
+// CONTAINERS
+// ========================================
 .blue-container {
   background-color: var(--color-blue);
   color: #fff !important;
@@ -8,6 +11,25 @@
   background-color: #fff !important;
 }
 
+.centered-container {
+  text-align: center;
+
+  &.--narrow {
+    width: min(100%, 40rem);
+  }
+
+  &.--medium {
+    width: min(90vw, 40rem);
+  }
+
+  &.--wide {
+    width: min(80%, 41.875rem);
+  }
+}
+
+// ========================================
+// BUTTONS
+// ========================================
 .blue-button {
   display: block;
   background-color: var(--color-blue);
@@ -29,3 +51,148 @@
   color: var(--color-blue) !important;
   outline: 1px solid var(--color-blue);
 }
+
+// ========================================
+// MIXINS - TYPOGRAPHY TITLES
+// ========================================
+@mixin section-title {
+  font-size: var(--font-size-s);
+  text-transform: uppercase;
+  margin-bottom: 0.75rem;
+  font-weight: 400;
+}
+
+@mixin section-title-centered {
+  @include section-title;
+  width: 100%;
+  text-align: center;
+}
+
+@mixin big-title-base {
+  font-family: var(--font-narrow);
+  font-size: var(--font-size-l);
+  text-transform: uppercase;
+  font-weight: 700;
+}
+
+@mixin big-title-blue {
+  @include big-title-base;
+  color: var(--color-blue);
+}
+
+@mixin big-title-xnarrow {
+  font-family: 'owners-xnarrow', sans-serif;
+  font-size: var(--font-size-l);
+  text-transform: uppercase;
+  font-weight: 500;
+  color: var(--color-blue);
+}
+
+@mixin big-title-medium {
+  @include big-title-base;
+  font-size: 4.0625rem;
+}
+
+@mixin big-title-medium-blue {
+  @include big-title-medium;
+  color: var(--color-blue);
+}
+
+// ========================================
+// MIXINS - LABELS
+// ========================================
+@mixin label-base {
+  font-size: 0.625rem;
+  text-transform: uppercase;
+  font-weight: 400;
+  opacity: 0.8;
+}
+
+@mixin label-spaced {
+  @include label-base;
+  margin-bottom: 0.7rem;
+}
+
+// ========================================
+// MIXINS - TEXT BLOCKS
+// ========================================
+@mixin text-paragraphs-spaced {
+  p:not(:last-child) {
+    margin-bottom: 1.75rem;
+  }
+}
+
+@mixin text-paragraphs-loose {
+  p:not(:last-child) {
+    margin-bottom: 2rem;
+  }
+}
+
+// ========================================
+// TYPOGRAPHY - TITLES (Classes)
+// ========================================
+.section-title {
+  @include section-title;
+
+  &.--centered {
+    width: 100%;
+    text-align: center;
+  }
+}
+
+.big-title {
+  @include big-title-base;
+
+  &.--blue {
+    color: var(--color-blue);
+  }
+
+  &.--xnarrow {
+    font-family: 'owners-xnarrow', sans-serif;
+    font-weight: 500;
+  }
+
+  &.--giant {
+    font-size: 8rem;
+  }
+
+  &.--medium {
+    font-size: 4.0625rem;
+  }
+}
+
+// ========================================
+// TYPOGRAPHY - LABELS & SMALL TEXT (Classes)
+// ========================================
+.label {
+  @include label-base;
+
+  &.--dimmed {
+    opacity: 0.6;
+  }
+
+  &.--spaced {
+    margin-bottom: 0.7rem;
+  }
+}
+
+// ========================================
+// TYPOGRAPHY - TEXT BLOCKS (Classes)
+// ========================================
+.text-block {
+  font-size: var(--font-size-m);
+
+  &.--medium-weight {
+    font-weight: 500;
+  }
+
+  p:not(:last-child) {
+    margin-bottom: 1.75rem;
+  }
+
+  &.--loose {
+    p:not(:last-child) {
+      margin-bottom: 2rem;
+    }
+  }
+}
diff --git a/assets/css/src/_section_10-buy.scss b/assets/css/src/_section_10-buy.scss
index cefb7a8..87187ef 100644
--- a/assets/css/src/_section_10-buy.scss
+++ b/assets/css/src/_section_10-buy.scss
@@ -8,16 +8,11 @@ section#buy {
     width: 30rem;
     margin-left: 8rem;
     .section-title {
-      font-size: var(--font-size-s);
-      text-transform: uppercase;
-      margin-bottom: 0.75rem;
+      @include section-title;
     }
 
     .title {
-      font-family: 'owners-xnarrow', sans-serif;
-      font-size: var(--font-size-l);
-      text-transform: uppercase;
-      color: var(--color-blue);
+      @include big-title-xnarrow;
       margin-bottom: 1.75rem;
     }
 
@@ -40,11 +35,8 @@ section#buy {
     }
 
     .info {
-      font-size: 0.625rem;
-      opacity: 0.8;
-      text-transform: uppercase;
+      @include label-base;
       letter-spacing: 2.4px;
-      font-weight: 400;
     }
   }
 
diff --git a/assets/css/src/_section_3-the_book.scss b/assets/css/src/_section_3-the_book.scss
index d2eb824..c146327 100644
--- a/assets/css/src/_section_3-the_book.scss
+++ b/assets/css/src/_section_3-the_book.scss
@@ -11,19 +11,14 @@ section#the-book {
       text-transform: uppercase;
 
       .title {
-        font-family: var(--font-narrow);
-        font-size: 4.0625rem;
-        font-weight: 700;
-        color: blue;
+        @include big-title-medium-blue;
       }
     }
 
     .text {
       font-weight: normal;
       font-size: var(--font-size-m);
-      p {
-        margin-bottom: 1.75rem;
-      }
+      @include text-paragraphs-spaced;
     }
   }
 
@@ -37,9 +32,7 @@ section#the-book {
     margin-bottom: 5rem;
 
     .label {
-      font-size: 0.625rem;
-      font-weight: 400;
-      opacity: 0.8;
+      @include label-base;
       margin-bottom: 0.5rem;
     }
   }
diff --git a/assets/css/src/_section_4-excerpts.scss b/assets/css/src/_section_4-excerpts.scss
index 3b5a197..ad62862 100644
--- a/assets/css/src/_section_4-excerpts.scss
+++ b/assets/css/src/_section_4-excerpts.scss
@@ -10,6 +10,7 @@ section#excerpts {
     text-align: center;
     width: min(80%, 41.875rem);
     margin-bottom: 3rem;
+
     .label {
       font-weight: 400;
       font-size: var(--font-size-s);
@@ -17,55 +18,140 @@ section#excerpts {
     }
 
     .title {
-      font-family: var(--font-narrow);
-      font-size: var(--font-size-l);
-      font-weight: 700;
-      text-transform: uppercase;
+      @include big-title-base;
       letter-spacing: 5%;
     }
   }
 
-  .slider {
+  // Swiper container (styles de base requis par Swiper.js)
+  .swiper {
     width: 100%;
+    position: relative;
+    padding-bottom: 5rem; // Espace pour pagination
+    overflow: hidden; // REQUIS : cache les slides hors viewport
+  }
+
+  .swiper-wrapper {
     display: flex;
-    overflow: hidden;
+    position: relative; // REQUIS pour les transforms
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    transition-property: transform; // REQUIS pour les animations
+    box-sizing: content-box;
+  }
 
-    .slide {
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
+  .swiper-slide {
+    flex-shrink: 0; // REQUIS : empêche la compression des slides
+    width: 100%;
+    height: 100%;
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
 
-      .item {
-        width: 13.125rem;
-        .label {
-          opacity: 0.8;
-          text-transform: uppercase;
-          font-size: 0.625rem;
-          margin-bottom: 0.7rem;
-        }
-        .text {
-          font-size: var(--font-size-m);
-          line-height: 140%;
-          margin-bottom: 8rem;
-        }
+    .item {
+      width: 13.125rem;
+
+      .label {
+        @include label-spaced;
+      }
+
+      .text {
+        font-size: var(--font-size-m);
+        line-height: 140%;
       }
     }
   }
 
-  .controls {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
+  // Navigation buttons (prev/next arrows)
+  .swiper-button-prev,
+  .swiper-button-next {
+    z-index: 1;
+    bottom: 0;
+    width: 2rem;
+    height: 2rem;
+    position: absolute;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    cursor: pointer;
+    border: none;
+    background-color: transparent;
 
-    .bullets {
-      display: flex;
-      .bullet {
-        width: 0.45rem;
-        height: 0.45rem;
-        border-radius: 100%;
-        background-color: #fff;
-        margin: 0.2rem;
+    &::after {
+      display: none; // Cache les flèches par défaut de Swiper
+    }
+  }
+
+  .swiper-button-prev {
+    background-image: url('/assets/svg/arrow-left.svg');
+    left: 0;
+  }
+
+  .swiper-button-next {
+    background-image: url('/assets/svg/arrow-right.svg');
+    right: 0;
+  }
+
+  // Pagination (bullets)
+  .swiper-pagination {
+    bottom: 0.5rem;
+    display: flex;
+    justify-content: center;
+    gap: 0.4rem;
+    position: absolute;
+    width: 100%;
+  }
+
+  .swiper-pagination-bullet {
+    width: 0.45rem;
+    height: 0.45rem;
+    border-radius: 100%;
+    background-color: rgba(255, 255, 255, 0.4);
+    opacity: 1;
+    transition: background-color 250ms ease, transform 250ms ease;
+    cursor: pointer;
+    border: none;
+    padding: 0;
+
+    &:hover {
+      background-color: rgba(255, 255, 255, 0.7);
+    }
+  }
+
+  .swiper-pagination-bullet-active {
+    background-color: #fff;
+  }
+
+  // Mobile responsive
+  @media (max-width: 768px) {
+    padding: 4rem 2rem;
+
+    header {
+      margin-bottom: 2rem;
+
+      .title {
+        font-size: 2.5rem;
       }
     }
+
+    .swiper-slide {
+      .item {
+        width: 100%;
+        max-width: 20rem;
+        text-align: center;
+
+        .text {
+          margin-bottom: 2rem;
+        }
+      }
+    }
+
+    .swiper-button-prev,
+    .swiper-button-next {
+      width: 2rem;
+      height: 2rem;
+    }
   }
 }
diff --git a/assets/css/src/_section_5-handles.scss b/assets/css/src/_section_5-handles.scss
index f84d867..3d66164 100644
--- a/assets/css/src/_section_5-handles.scss
+++ b/assets/css/src/_section_5-handles.scss
@@ -12,16 +12,11 @@ section#handles {
 
     .title-wrapper {
       .index {
-        font-size: var(--font-size-s);
-        text-transform: uppercase;
+        @include section-title;
         font-weight: 500;
-        margin-bottom: 0.75rem;
       }
       .title {
-        font-family: var(--font-narrow);
-        color: var(--color-blue);
-        font-size: 4.0625rem;
-        text-transform: uppercase;
+        @include big-title-medium-blue;
       }
     }
     .subtitle {
diff --git a/assets/css/src/_section_7-system.scss b/assets/css/src/_section_7-system.scss
index a1419f9..4d73b0e 100644
--- a/assets/css/src/_section_7-system.scss
+++ b/assets/css/src/_section_7-system.scss
@@ -12,18 +12,11 @@ section#system {
 
     .top {
       .section-title {
-        font-weight: 400;
-        font-size: var(--font-size-s);
-        text-transform: uppercase;
-        margin-bottom: 0.75rem;
+        @include section-title;
       }
 
       .title {
-        font-family: 'owners-xnarrow', sans-serif;
-        font-weight: 500;
-        font-size: var(--font-size-l);
-        text-transform: uppercase;
-        color: var(--color-blue);
+        @include big-title-xnarrow;
         margin-bottom: 2rem;
       }
 
diff --git a/assets/css/src/_section_8-excerpt.scss b/assets/css/src/_section_8-excerpt.scss
index e73cfb0..6301050 100644
--- a/assets/css/src/_section_8-excerpt.scss
+++ b/assets/css/src/_section_8-excerpt.scss
@@ -6,25 +6,18 @@ section#excerpt {
     width: min(90vw, 40rem);
 
     .section-title {
-      font-size: var(--font-size-s);
-      width: 100%;
-      text-align: center;
-      margin-bottom: 0.75rem;
+      @include section-title-centered;
     }
     .chapter-title {
       width: 100%;
       text-align: center;
-      font-family: var(--font-narrow);
-      font-size: var(--font-size-l);
-      text-transform: uppercase;
+      @include big-title-base;
     }
 
     .content {
       margin: 3rem 0;
       font-size: var(--font-size-m);
-      p:not(:last-child) {
-        margin-bottom: 1.75rem;
-      }
+      @include text-paragraphs-spaced;
 
       p.reference {
         font-size: 0.75rem;
diff --git a/assets/css/src/_section_9-author.scss b/assets/css/src/_section_9-author.scss
index c9800f0..e47feba 100644
--- a/assets/css/src/_section_9-author.scss
+++ b/assets/css/src/_section_9-author.scss
@@ -15,17 +15,11 @@ section#author {
     width: 35rem;
 
     .section-title {
-      font-size: var(--font-size-s);
-      text-transform: uppercase;
-      margin-bottom: 0.75rem;
-      font-weight: 400;
+      @include section-title;
     }
 
     .author-name {
-      font-family: 'owners-xnarrow', sans-serif;
-      font-size: var(--font-size-l);
-      color: var(--color-blue);
-      text-transform: uppercase;
+      @include big-title-xnarrow;
       margin-bottom: 5.75rem;
     }
 
@@ -35,8 +29,6 @@ section#author {
       line-height: 140%;
     }
 
-    p:not(:last-child) {
-      margin-bottom: 2rem;
-    }
+    @include text-paragraphs-loose;
   }
 }
diff --git a/assets/css/style.css b/assets/css/style.css
index 3823fdc..70e0023 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -72,6 +72,19 @@ body {
   background-color: #fff !important;
 }
 
+.centered-container {
+  text-align: center;
+}
+.centered-container.--narrow {
+  width: min(100%, 40rem);
+}
+.centered-container.--medium {
+  width: min(90vw, 40rem);
+}
+.centered-container.--wide {
+  width: min(80%, 41.875rem);
+}
+
 .blue-button {
   display: block;
   background-color: var(--color-blue);
@@ -93,6 +106,63 @@ body {
   outline: 1px solid var(--color-blue);
 }
 
+.section-title {
+  font-size: var(--font-size-s);
+  text-transform: uppercase;
+  margin-bottom: 0.75rem;
+  font-weight: 400;
+}
+.section-title.--centered {
+  width: 100%;
+  text-align: center;
+}
+
+.big-title {
+  font-family: var(--font-narrow);
+  font-size: var(--font-size-l);
+  text-transform: uppercase;
+  font-weight: 700;
+}
+.big-title.--blue {
+  color: var(--color-blue);
+}
+.big-title.--xnarrow {
+  font-family: "owners-xnarrow", sans-serif;
+  font-weight: 500;
+}
+.big-title.--giant {
+  font-size: 8rem;
+}
+.big-title.--medium {
+  font-size: 4.0625rem;
+}
+
+.label {
+  font-size: 0.625rem;
+  text-transform: uppercase;
+  font-weight: 400;
+  opacity: 0.8;
+}
+.label.--dimmed {
+  opacity: 0.6;
+}
+.label.--spaced {
+  margin-bottom: 0.7rem;
+}
+
+.text-block {
+  font-size: var(--font-size-m);
+}
+.text-block.--medium-weight {
+  font-weight: 500;
+}
+.text-block p:not(:last-child) {
+  margin-bottom: 1.75rem;
+}
+.text-block.--loose p:not(:last-child) {
+  margin-bottom: 2rem;
+}
+
 body > header {
   position: sticky;
   z-index: 999;
@@ -186,15 +256,17 @@ section#the-book .summary-wrapper .title-wrapper {
 }
 section#the-book .summary-wrapper .title-wrapper .title {
   font-family: var(--font-narrow);
-  font-size: 4.0625rem;
+  font-size: var(--font-size-l);
+  text-transform: uppercase;
   font-weight: 700;
-  color: blue;
+  font-size: 4.0625rem;
+  color: var(--color-blue);
 }
 section#the-book .summary-wrapper .text {
   font-weight: normal;
   font-size: var(--font-size-m);
 }
-section#the-book .summary-wrapper .text p {
+section#the-book .summary-wrapper .text p:not(:last-child) {
   margin-bottom: 1.75rem;
 }
 section#the-book .data-wrapper {
@@ -208,6 +280,7 @@ section#the-book .data-wrapper {
 }
 section#the-book .data-wrapper .label {
   font-size: 0.625rem;
+  text-transform: uppercase;
   font-weight: 400;
   opacity: 0.8;
   margin-bottom: 0.5rem;
@@ -251,48 +324,122 @@ section#excerpts header .label {
 section#excerpts header .title {
   font-family: var(--font-narrow);
   font-size: var(--font-size-l);
-  font-weight: 700;
   text-transform: uppercase;
+  font-weight: 700;
   letter-spacing: 5%;
 }
-section#excerpts .slider {
+section#excerpts .swiper {
   width: 100%;
-  display: flex;
+  position: relative;
+  padding-bottom: 5rem;
   overflow: hidden;
 }
-section#excerpts .slider .slide {
-  width: 100%;
+section#excerpts .swiper-wrapper {
   display: flex;
-  justify-content: space-between;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  transition-property: transform;
+  box-sizing: content-box;
 }
-section#excerpts .slider .slide .item {
+section#excerpts .swiper-slide {
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+}
+section#excerpts .swiper-slide .item {
   width: 13.125rem;
 }
-section#excerpts .slider .slide .item .label {
-  opacity: 0.8;
-  text-transform: uppercase;
+section#excerpts .swiper-slide .item .label {
   font-size: 0.625rem;
+  text-transform: uppercase;
+  font-weight: 400;
+  opacity: 0.8;
   margin-bottom: 0.7rem;
 }
-section#excerpts .slider .slide .item .text {
+section#excerpts .swiper-slide .item .text {
   font-size: var(--font-size-m);
   line-height: 140%;
-  margin-bottom: 8rem;
 }
-section#excerpts .controls {
+section#excerpts .swiper-button-prev,
+section#excerpts .swiper-button-next {
+  z-index: 1;
+  bottom: 0;
+  width: 2rem;
+  height: 2rem;
+  position: absolute;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  cursor: pointer;
+  border: none;
+  background-color: transparent;
+}
+section#excerpts .swiper-button-prev::after,
+section#excerpts .swiper-button-next::after {
+  display: none;
+}
+section#excerpts .swiper-button-prev {
+  background-image: url("/assets/svg/arrow-left.svg");
+  left: 0;
+}
+section#excerpts .swiper-button-next {
+  background-image: url("/assets/svg/arrow-right.svg");
+  right: 0;
+}
+section#excerpts .swiper-pagination {
+  bottom: 0.5rem;
+  display: flex;
+  justify-content: center;
+  gap: 0.4rem;
+  position: absolute;
   width: 100%;
-  display: flex;
-  justify-content: space-between;
 }
-section#excerpts .controls .bullets {
-  display: flex;
-}
-section#excerpts .controls .bullets .bullet {
+section#excerpts .swiper-pagination-bullet {
   width: 0.45rem;
   height: 0.45rem;
   border-radius: 100%;
+  background-color: rgba(255, 255, 255, 0.4);
+  opacity: 1;
+  transition: background-color 250ms ease, transform 250ms ease;
+  cursor: pointer;
+  border: none;
+  padding: 0;
+}
+section#excerpts .swiper-pagination-bullet:hover {
+  background-color: rgba(255, 255, 255, 0.7);
+}
+section#excerpts .swiper-pagination-bullet-active {
   background-color: #fff;
-  margin: 0.2rem;
+}
+@media (max-width: 768px) {
+  section#excerpts {
+    padding: 4rem 2rem;
+  }
+  section#excerpts header {
+    margin-bottom: 2rem;
+  }
+  section#excerpts header .title {
+    font-size: 2.5rem;
+  }
+  section#excerpts .swiper-slide .item {
+    width: 100%;
+    max-width: 20rem;
+    text-align: center;
+  }
+  section#excerpts .swiper-slide .item .text {
+    margin-bottom: 2rem;
+  }
+  section#excerpts .swiper-button-prev,
+  section#excerpts .swiper-button-next {
+    width: 2rem;
+    height: 2rem;
+  }
 }
 
 section#handles {
@@ -310,14 +457,17 @@ section#handles header {
 section#handles header .title-wrapper .index {
   font-size: var(--font-size-s);
   text-transform: uppercase;
-  font-weight: 500;
   margin-bottom: 0.75rem;
+  font-weight: 400;
+  font-weight: 500;
 }
 section#handles header .title-wrapper .title {
   font-family: var(--font-narrow);
-  color: var(--color-blue);
-  font-size: 4.0625rem;
+  font-size: var(--font-size-l);
   text-transform: uppercase;
+  font-weight: 700;
+  font-size: 4.0625rem;
+  color: var(--color-blue);
 }
 section#handles header .subtitle {
   font-weight: 500;
@@ -365,16 +515,16 @@ section#system .text {
   max-width: 27rem;
 }
 section#system .text .top .section-title {
-  font-weight: 400;
   font-size: var(--font-size-s);
   text-transform: uppercase;
   margin-bottom: 0.75rem;
+  font-weight: 400;
 }
 section#system .text .top .title {
   font-family: "owners-xnarrow", sans-serif;
-  font-weight: 500;
   font-size: var(--font-size-l);
   text-transform: uppercase;
+  font-weight: 500;
   color: var(--color-blue);
   margin-bottom: 2rem;
 }
@@ -410,9 +560,11 @@ section#excerpt .wrapper {
 }
 section#excerpt .wrapper .section-title {
   font-size: var(--font-size-s);
+  text-transform: uppercase;
+  margin-bottom: 0.75rem;
+  font-weight: 400;
   width: 100%;
   text-align: center;
-  margin-bottom: 0.75rem;
 }
 section#excerpt .wrapper .chapter-title {
   width: 100%;
@@ -420,6 +572,7 @@ section#excerpt .wrapper .chapter-title {
   font-family: var(--font-narrow);
   font-size: var(--font-size-l);
   text-transform: uppercase;
+  font-weight: 700;
 }
 section#excerpt .wrapper .content {
   margin: 3rem 0;
@@ -465,8 +618,9 @@ section#author .text .section-title {
 section#author .text .author-name {
   font-family: "owners-xnarrow", sans-serif;
   font-size: var(--font-size-l);
-  color: var(--color-blue);
   text-transform: uppercase;
+  font-weight: 500;
+  color: var(--color-blue);
   margin-bottom: 5.75rem;
 }
 section#author .text p {
@@ -492,11 +646,13 @@ section#buy .text .section-title {
   font-size: var(--font-size-s);
   text-transform: uppercase;
   margin-bottom: 0.75rem;
+  font-weight: 400;
 }
 section#buy .text .title {
   font-family: "owners-xnarrow", sans-serif;
   font-size: var(--font-size-l);
   text-transform: uppercase;
+  font-weight: 500;
   color: var(--color-blue);
   margin-bottom: 1.75rem;
 }
@@ -518,10 +674,10 @@ section#buy .text .buy-links li a {
 }
 section#buy .text .info {
   font-size: 0.625rem;
-  opacity: 0.8;
   text-transform: uppercase;
-  letter-spacing: 2.4px;
   font-weight: 400;
+  opacity: 0.8;
+  letter-spacing: 2.4px;
 }
 section#buy img {
   width: 45%;
@@ -546,11 +702,11 @@ body > footer header {
 }
 body > footer header .section-title {
   font-size: var(--font-size-s);
-  width: 100%;
-  text-align: center;
   text-transform: uppercase;
   margin-bottom: 0.75rem;
   font-weight: 400;
+  width: 100%;
+  text-align: center;
 }
 body > footer header .title {
   width: 100%;
@@ -558,6 +714,7 @@ body > footer header .title {
   font-family: var(--font-narrow);
   font-size: var(--font-size-l);
   text-transform: uppercase;
+  font-weight: 700;
 }
 body > footer .contact {
   margin-top: 5rem;
diff --git a/assets/css/style.css.map b/assets/css/style.css.map
index 121d961..dad75be 100644
--- a/assets/css/style.css.map
+++ b/assets/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/_reset.scss","style.css","src/_variables.scss","src/_text.scss","src/_generic-classes.scss","src/_header.scss","src/_section_1-hero.scss","src/_section_2-quote.scss","src/_section_3-the_book.scss","src/_section_4-excerpts.scss","src/_section_5-handles.scss","src/_section_7-system.scss","src/_section_8-excerpt.scss","src/_section_9-author.scss","src/_section_10-buy.scss","src/_footer.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["src/_reset.scss","style.css","src/_variables.scss","src/_text.scss","src/_generic-classes.scss","src/_header.scss","src/_section_1-hero.scss","src/_section_2-quote.scss","src/_section_3-the_book.scss","src/_section_4-excerpts.scss","src/_section_5-handles.scss","src/_section_7-system.scss","src/_section_8-excerpt.scss","src/_section_9-author.scss","src/_section_10-buy.scss","src/_footer.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/assets/js/script.js b/assets/js/script.js
new file mode 100644
index 0000000..734e02f
--- /dev/null
+++ b/assets/js/script.js
@@ -0,0 +1,44 @@
+document.addEventListener('DOMContentLoaded', function() {
+  const excerptSwiper = new Swiper('.excerpts-swiper', {
+    // Slides visibles et groupement
+    slidesPerView: 3,
+    slidesPerGroup: 3,
+    spaceBetween: 30,
+
+    // Infinite loop
+    loop: true,
+
+    // Navigation arrows
+    navigation: {
+      nextEl: '.swiper-button-next',
+      prevEl: '.swiper-button-prev',
+    },
+
+    // Pagination bullets
+    pagination: {
+      el: '.swiper-pagination',
+      clickable: true,
+      dynamicBullets: false,
+    },
+
+    // Transitions
+    speed: 400,
+    effect: 'slide',
+
+    // Responsive breakpoints
+    breakpoints: {
+      // Mobile : <= 768px
+      0: {
+        slidesPerView: 1,
+        slidesPerGroup: 1,
+        spaceBetween: 20,
+      },
+      // Desktop : > 768px
+      769: {
+        slidesPerView: 3,
+        slidesPerGroup: 3,
+        spaceBetween: 30,
+      }
+    }
+  });
+});
diff --git a/index.html b/index.html
index c5c6d59..804433a 100644
--- a/index.html
+++ b/index.html
@@ -138,43 +138,76 @@
             Le réel traversé appelle un mot pour ne pas mourir
           </h3>
         </header>
-        <div class="slider">
-          <div class="slide">
-            <div class="item">
-              <p class="label">Prologue</p>
-              <p class="text">
-                Le réel est un seuil.<br />
-                On entre, ou pas.
-              </p>
+        <div class="swiper excerpts-swiper">
+          <div class="swiper-wrapper">
+            <div class="swiper-slide">
+              <div class="item">
+                <p class="label">Prologue</p>
+                <p class="text">
+                  Le réel est un seuil.<br />
+                  On entre, ou pas.
+                </p>
+              </div>
             </div>
-            <div class="item">
-              <p class="label">La peur</p>
-              <p class="text">
-                Le réel est là, à portée de main. La peur est son odeur.
-              </p>
+            <div class="swiper-slide">
+              <div class="item">
+                <p class="label">La peur</p>
+                <p class="text">
+                  Le réel est là, à portée de main. La peur est son odeur.
+                </p>
+              </div>
             </div>
-            <div class="item">
-              <p class="label">L'apprentissage</p>
-              <p class="text">
-                On ne devient pas Einstein en le lisant, ni Picasso en le
-                regardant.<br />
-                <br />
-                Ça sauve presque.
-              </p>
+            <div class="swiper-slide">
+              <div class="item">
+                <p class="label">L'apprentissage</p>
+                <p class="text">
+                  On ne devient pas Einstein en le lisant, ni Picasso en le
+                  regardant.<br />
+                  <br />
+                  Ça sauve presque.
+                </p>
+              </div>
+            </div>
+            <div class="swiper-slide">
+              <div class="item">
+                <p class="label">Le temps</p>
+                <p class="text">
+                  Les dernières secondes<br />
+                  ne sont pas du rebut.<br />
+                  <br />
+                  Elles ramassent tout.
+                </p>
+              </div>
+            </div>
+            <div class="swiper-slide">
+              <div class="item">
+                <p class="label">La dépression</p>
+                <p class="text">
+                  La dépression est un effondrement de la traversabilité.<br />
+                  <br />
+                  C'est une plante qui ne meurt pas sur n'importe quel sol.
+                </p>
+              </div>
+            </div>
+            <div class="swiper-slide">
+              <div class="item">
+                <p class="label">Le tissu du monde</p>
+                <p class="text">
+                  Un seul amour,<br />
+                  pleinement porté,<br />
+                  suffit à ce que la<br />
+                  totalité ne chute pas.
+                </p>
+              </div>
             </div>
           </div>
-        </div>
-        <div class="controls">
-          <button class="prev">
-            <img src="/assets/svg/arrow-left.svg" alt="flèche précédente" />
-          </button>
-          <ul class="bullets">
-            <li><button class="bullet"></button></li>
-            <li><button class="bullet"></button></li>
-          </ul>
-          <button class="next">
-            <img src="/assets/svg/arrow-right.svg" alt="flèche suivante" />
-          </button>
+
+          <!-- Navigation arrows -->
+          <div class="swiper-button-prev"></div>
+          <div class="swiper-button-next"></div>
+
+          <!-- Pagination bullets -->
+          <div class="swiper-pagination"></div>
         </div>
       </section>
 
@@ -438,5 +471,7 @@
         </p>
       </div>
     </footer>
+    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
+    <script src="/assets/js/script.js"></script>
   </body>
 </html>