{{define "page_header"}}
<section class="hero-cinematic page-hero-band" aria-labelledby="page-hero-title">
  <div class="hero-cinematic__media-wrap">
    <img
      src="{{.ImagePath}}"
      alt=""
      class="hero-cinematic__media hero-cinematic__media--animate"
      fetchpriority="high"
      decoding="async"
    />
  </div>
  <div class="hero-cinematic__overlay" aria-hidden="true"></div>
  <div class="hero-cinematic__orb hero-cinematic__orb--gold" aria-hidden="true"></div>
  <div class="hero-cinematic__orb hero-cinematic__orb--accent" aria-hidden="true"></div>
  <div class="hero-cinematic__grain" aria-hidden="true"></div>

  <div class="hero-cinematic__content page-hero-band__content">
    <header class="page-hero">
      <p class="page-hero__kicker">{{t .View .KickerKey}}</p>
      {{if .SkipH1}}
      <p id="page-hero-title" class="page-hero__title">{{t .View .TitleKey}}</p>
      {{else}}
      <h1 id="page-hero-title" class="page-hero__title">{{t .View .TitleKey}}</h1>
      {{end}}
      <p class="page-hero__lead">{{t .View .DescKey}}</p>
    </header>
  </div>
</section>
{{end}}