handle subtitle in hero

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

@@ -57,14 +57,14 @@
     @include media-breakpoint-up(desktop)
         $negative-margin-bottom: px2rem(150)
         .content
-            h1
+            > h1, > hgroup
                 width: col(9)
         &--with-image
             margin-bottom: $negative-margin-bottom
             .content
                 display: flex
                 justify-content: space-between
-                h1
+                > h1, > hgroup
                     width: col(7)
                 figure
                     width: col(5)
@@ -80,7 +80,7 @@
                 .breadcrumb
                     padding-right: 50px
             .content
-                h1
+                > h1, > hgroup
                     width: col(8)
                 figure
                     margin-top: calc(-#{$spacing3} - #{$spacing2})

layouts/partials/header/hero.html

@@ -9,7 +9,15 @@
       {{ partial "header/breadcrumbs.html" .context }}
     {{- end -}}
     <div class="content">
-      <h1>{{ partial "PrepareHTML" .title }}</h1>
+      {{- if .subtitle -}}
+        <hgroup>
+          <h1>{{ partial "PrepareHTML" .title }}</h1>
+          <p>{{ partial "PrepareHTML" .subtitle }}</p>
+        </hgroup>
+      {{- else -}}
+        <h1>{{ partial "PrepareHTML" .title }}</h1>
+      {{- end -}}
+      </hgroup>
       {{- if .image }}
         <figure>
           {{ partial "commons/image.html"