home replace texte

assets/css/_home.scss

@@ -34,23 +34,37 @@
             margin: 0 auto;
          }
     }
-    
-   
-}
 
-
-.item-nav__group{
+    .item-nav__group{
     display: flex;
     flex-direction: column;
     gap: var(--unit);
 }
 
-.section--title{
-    font-size: 2.8rem;
-    font-family: var(--font-title);
-    margin-bottom: calc(var(--unit)*3);
+.section--header{
+       margin-bottom: calc(var(--unit)*3);
 }
 
+    .section--title{
+        font-size: 2.8rem;
+        font-family: var(--font-title);
+        margin-bottom: calc(var(--unit)*1);
+    }
+
+    .baseline{
+        font-size: var(--fs-medium);
+        max-width: 46ch;
+        
+
+    }
+
+
+    
+   
+}
+
+
+
 
 .slideshow{
     width: 100%;
@@ -70,7 +84,7 @@
      grid-template-columns: 4fr 5fr;
      column-gap: calc(var(--unit)*3);
 
-    .section--title{
+    .section--header{
         grid-column: 1/end;
         width: 100%;
     }
@@ -109,7 +123,8 @@
 
     /* button{ display: none;} */
     .description{
-        font-size: 1.6rem;
+        font-size: var(--fs-medium);
+
         max-width: 48ch;
         margin: 0 auto;
         margin-bottom: calc(var(--unit)*1.5);

assets/style.css

@@ -704,17 +704,22 @@ span.controls::after {
   max-width: 1100px;
   margin: 0 auto;
 }
-
-.item-nav__group {
+#main_home .item-nav__group {
   display: flex;
   flex-direction: column;
   gap: var(--unit);
 }
-
-.section--title {
+#main_home .section--header {
+  margin-bottom: calc(var(--unit) * 3);
+}
+#main_home .section--title {
   font-size: 2.8rem;
   font-family: var(--font-title);
-  margin-bottom: calc(var(--unit) * 3);
+  margin-bottom: calc(var(--unit) * 1);
+}
+#main_home .baseline {
+  font-size: var(--fs-medium);
+  max-width: 46ch;
 }
 
 .slideshow {
@@ -731,7 +736,7 @@ span.controls::after {
   -moz-column-gap: calc(var(--unit) * 3);
        column-gap: calc(var(--unit) * 3);
 }
-.home--section-tool .section--inner .section--title {
+.home--section-tool .section--inner .section--header {
   grid-column: 1/end;
   width: 100%;
 }
@@ -760,7 +765,7 @@ span.controls::after {
   color: var(--color);
 }
 #home__hero .description {
-  font-size: 1.6rem;
+  font-size: var(--fs-medium);
   max-width: 48ch;
   margin: 0 auto;
   margin-bottom: calc(var(--unit) * 1.5);