handle lead hero font style

assets/sass/_theme/_configuration.sass

@@ -80,6 +80,12 @@ $lead-sidebar-size-desktop: px2rem(32) !default
 $lead-sidebar-line-height: $lead-line-height !default
 $lead-sidebar-weight: $lead-weight !default
 
+$lead-hero-font-family: $lead-sidebar-font-family !default
+$lead-hero-size: $lead-size !default
+$lead-hero-size-desktop: $lead-sidebar-size-desktop !default
+$lead-hero-line-height: $lead-sidebar-line-height !default
+$lead-hero-weight: $lead-sidebar-weight !default
+
 // Body
 $body-size-desktop: px2rem(22) !default
 $body-size: px2rem(18) !default

assets/sass/_theme/design-system/hero.sass

@@ -21,6 +21,8 @@
             
         h1 + p
             margin-top: $spacing1
+        .lead
+            @include lead-hero
         figure
             position: relative
             &, img, picture

assets/sass/_theme/design-system/typography.sass

@@ -118,6 +118,15 @@ h2, .h2
 .lead
     @include lead
 
+@mixin lead-hero
+    font-family: $lead-hero-font-family
+    font-size: $lead-hero-size
+    font-weight: $lead-hero-weight
+    line-height: $lead-hero-line-height
+    @include media-breakpoint-up(desktop)
+        font-size: $lead-hero-size-desktop
+
+
 @mixin body-text
     font-family: $body-font-family
     font-size: $body-size