adjust hero fonts and spacing

assets/css/src/hero.css

@@ -1,19 +1,22 @@
 .hero {
   --padding-vertical: calc(var(--space-m) / 1.5);
   display: grid;
-  grid-template-columns: 2fr 3fr;
-  column-gap: calc(var(--space-m) / 2);
+  grid-template-columns: 1.6fr 3fr;
+  column-gap: calc(var(--space-m) / 1.5);
 }
 
 .hero__text h2 {
-  font-size: var(--font-size-h1);
+  font-size: var(--font-size-xl);
   width: 100%;
-  text-align: center;
   margin-bottom: var(--padding-vertical);
 }
 
 .hero__text h3 {
   color: var(--color-salmon);
+  font-size: var(--font-size-h2);
+}
+.hero__text h3:nth-child(odd) {
+  text-align: end;
 }
 
 .hero__text p:not(:last-of-type) {

assets/css/src/variables.css

@@ -9,6 +9,7 @@
   --font-size-h3: 1.5625rem;
   --font-size-h2: 1.875rem;
   --font-size-h1: 2.8125rem;
+  --font-size-xl: 3.75rem;
 
   --curve-quick-slow: cubic-bezier(0.455, 0.03, 0.515, 0.955);
   --curve-quick: cubic-bezier(0.23, 1, 0.32, 1);

site/blueprints/blocks/heading.yml

@@ -3,6 +3,16 @@ icon: title
 wysiwyg: true
 preview: heading
 fields:
+  leftMargin:
+    label: ⇥ Marge gauche
+    type: radio
+    columns: 4
+    default: false
+    options:
+      false: Aucune
+      small: Petite
+      medium: Moyenne
+      large: Grande
   level:
     label: field.blocks.heading.level
     type: toggles

site/blueprints/blocks/hero-heading.yml

@@ -3,6 +3,16 @@ icon: title
 wysiwyg: true
 preview: heading
 fields:
+  leftMargin:
+    label: ⇥ Marge gauche
+    type: radio
+    columns: 4
+    default: false
+    options:
+      false: Aucune
+      small: Petite
+      medium: Moyenne
+      large: Grande
   level:
     label: field.blocks.heading.level
     type: toggles

site/blueprints/blocks/hero-text.yml

@@ -3,6 +3,16 @@ icon: text
 wysiwyg: true
 preview: text
 fields:
+  leftMargin:
+    label: ⇥ Marge gauche
+    type: radio
+    columns: 4
+    default: false
+    options:
+      false: Aucune
+      small: Petite
+      medium: Moyenne
+      large: Grande
   text:
     type: writer
     nodes: false