<html class="{{ htmlClass }}" lang="en" dir="ltr">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <style>
      {# inline(criticalCSS)#}
      {# inline("/styles/critical-fonts.css") #}
    </style>
    
    <link rel="stylesheet" href="../../styles/pegakit/pegakit.css?{{ cacheBuster }}" media="all" />
    
    <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
    {{ patternLabHead | raw }}
    <!-- End Pattern Lab -->
  
    {% if patternLabHead is defined %}
        <link rel="stylesheet" href="/styles/patterns.pega.com/patternlab.css?{{ cacheBuster }}" media="all" />
    {% endif %}
    
    <title>{{ title }}</title>
    
    
    
    <script>{{ inline("public/scripts/critical.built.js") }}</script>
    <script></script><!-- here to ensure a non-blocking load still occurs in IE and Edge, even if scripts follow loadCSS in head -->
  </head>

<body class="{{ bodyClass }} c-site" >