---
layout: cover
background: '#00A651'
class: text-center
---

# {{title}}

<<<<<<< HEAD
## {{subtitle || 'Hatch Advisory'}}

<div class="absolute bottom-10">
  <span class="font-700">
=======
<div class="absolute bottom-10">
  <span class="font-700 text-white">
>>>>>>> 4b901da2b8e4bbb10dd10e20f9875a7c2344f872
    Hatch Advisory | {{date}}
  </span>
</div>

<<<<<<< HEAD
<style>
h1 {
  color: white;
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

h2 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 2rem;
}

.absolute {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1rem;
}
</style>
=======
<div class="absolute top-10 right-10">
  <img src="https://www.hatch.com/themes/custom/hatch_theme/logo.svg" class="h-16" />
</div>
>>>>>>> 4b901da2b8e4bbb10dd10e20f9875a7c2344f872