<div class="space-y-12">
  <div>
    <h1 class="head-alt-xl">{{ headline.short }}</h1>
    <h1 class="head-alt-lg">{{ headline.short }}</h1>
    <h1 class="head-alt-md">{{ headline.short }}</h1>
    <h1 class="head-alt-base">{{ headline.short }}</h1>
    <h1 class="head-alt-sm">{{ headline.short }}</h1>
    <h1 class="head-alt-xs">{{ headline.short }}</h1>
    <h1 class="head-alt-2xs">{{ headline.short }}</h1>
  </div>

  <div>
    <h1 class="head-heavy-base">{{ headline.short }}</h1>
    <h1 class="head-heavy-sm">{{ headline.short }}</h1>
    <h1 class="head-heavy-xs">{{ headline.short }}</h1>
    <h1 class="head-heavy-2xs">{{ headline.short }}</h1>
  </div>

  <div>
    <h1 class="head-base">{{ headline.short }}</h1>
    <h1 class="head-sm">{{ headline.short }}</h1>
    <h1 class="head-xs">{{ headline.short }}</h1>
    <h1 class="head-2xs">{{ headline.short }}</h1>
  </div>

  <div>
    <h1 class="head-allcaps-2xs">{{ headline.short }}</h1>
    <h1 class="head-allcaps-3xs">{{ headline.short }}</h1>
    <h1 class="head-allcaps-4xs">{{ headline.short }}</h1>
  </div>
  <div>
    <h1 class="head-allcaps-heavy-2xs">{{ headline.short }}</h1>
    <h1 class="head-allcaps-heavy-3xs">{{ headline.short }}</h1>
    <h1 class="head-allcaps-heavy-4xs">{{ headline.short }}</h1>
  </div>
</div>
