---
no_widont: false
---
{{#
/**
 * @name hero/title-text
 * @todo Document property vars/partial
 */
#}}
<section class="px-5 {{ classes }}" {{ if background_image }}style="background-image: url('{{ background_image_asset }}');"{{ /if }} hero>
  <div class="mw-grid mx-auto ta-center {{ hero_wrapper_classes }}">
    <h1 class="lead-in-1 mb-4 ta-center body {{ if lead_in_color }}{{ lead_in_color }}{{ else }}slate-80{{ /if }}">{{ hero_lead_in_title }}</h1>
    <p class="
      {{ if headline_font_classes }}
        {{ headline_font_classes }}
        {{ else }}fs-10 m--fs-13 l--fs-14 lh-9 m--lh-11 l--lh-13 fw-700 mb-0 ta-center title m--mt-4{{ /if }}
      {{ if headline_color }}
        {{ headline_color }}
        {{ else }}slate-120{{ /if }}
      {{ hero_title_classes }}">
    {{ if hero_headline | contains:activecampaign }}
    {{ hero_headline }}
    {{ elseif no_widont }}
    {{ hero_headline }}
    {{ else }}
    {{ hero_headline | widont }}
    {{ /if }}
    </p>
    {{ if hero_subheadline }}
    <p class="body-4 mt-6 mb-0 ta-center slate m--body-5 m--px-8 m--mt-8 {{ hero_subheadline_classes }} {{ if subheadline_color }}{{ subheadline_color }}{{ else }}slate-120{{ /if }}">{{ hero_subheadline }}</p>
    {{ /if }}
  </div>
</section>