---
default_alignment: "ta-center"
---
{{#
/**
 * @name section-header
 * @todo Document property vars/partial
 */
#}}
<div class="{{ custom_alignment or default_alignment }}">
  <h2 class="fs-8 lh-7 m-0 mb-5 m--fs-10 m--lh-9 l--fs-12 l--lh-11 {{ text_color or slate-120 }} {{ if clamp_heading }}l--px-1-col l--mx-8{{ /if }}">
    {{ heading }}
  </h2>

  {{ if subheading }}
    <p class="body m-0 mb-8 fs-4 lh-4 m--fs-5 mw-36 mx-auto {{ text_color or slate-80 }} {{ if clamp_subheading }}l--px-1-col l--mx-8{{ /if }}">
      {{ subheading }}
    </p>
  {{ /if }}
</div>