{# Tell the UA which schemes the page supports so form controls,
scrollbars and the default canvas match the theme. #}
{% if theme.dark_mode.enabled %}
{% else %}
{% endif %}
{# Modern performance hints - optimized for HubSpot #}
{{ page_meta.html_title or pageTitle }}
{# Modern favicon setup #}
{% if brand_settings.favicon.src %}
{% endif %}
{# Open Graph and Twitter Cards for better sharing #}
{% if content.blog_post_author %}
{% else %}
{% endif %}
{% if content.featured_image %}
{% elif brand_settings.primaryLogo.src %}
{% endif %}
{# Theme Setting Variables - from fields.json #}
{# Warm the main JS bundle during HTML parse (it's loaded via dynamic import below) #}
{# Load CSS asynchronously (preload then swap to stylesheet).
accordion.css + forms.css are server-side {% include %}d into modern.css,
so this single file covers them — one request, one swap. #}
{# Auto dark mode — only when the theme setting is enabled. Served as a
media-gated stylesheet: light-mode users fetch it at lowest priority and
it never render-blocks for them; dark-mode users get it render-blocking
(tiny) so component dark rules paint with the first frame — no flash. #}
{% if theme.dark_mode.enabled %}
{% endif %}
{# Template-specific styles #}
{% if template_css %}
{% endif %}
{# Templates can preload their LCP image / add page-level head tags here #}
{% block head_extra %}{% endblock %}
{# Structured data — Organization + WebSite so answer engines can attribute
the site as an entity. Emitted on every page (harmless, valid). #}
{{ standard_header_includes }}
{# Browser compatibility check #}
{% module "browser_check"
path="../../modules/browser-check.module"
label="Browser Check"
content={"enabled": true}
%}
{# Modern semantic header #}
{% block header %}
{% module "site_header"
path="../../modules/header.module"
label="Site Header"
%}
{% endblock header %}
{# Main content with semantic HTML5 #}
{% block body %}
{# Content goes here #}
{% endblock body %}
{# Aside for sidebars (optional) #}
{% block aside %}
{% endblock aside %}
{# Modern semantic footer #}
{% block footer %}
{% module "site_footer"
path="../../modules/footer.module"
label="Site Footer"
%}
{% endblock footer %}
{# Modern JavaScript with ES6 modules #}
{{ standard_footer_includes }}