and the footer's link groups all meet the WCAG 2.5.8 AA
touch-target floor (min-block-size: 1.5rem) unconditionally
(icvoss/django-brickwork#208), and take a further min-block-size of
--bw-size-touch-target-min (44px, WCAG 2.5.5/platform-HIG) under
@media (pointer: coarse) (icvoss/django-brickwork#242); a fine-pointer
desktop render stays at the 24px floor and the header/footer layout does
not shift. Covered by axe.spec.mjs against landing-*.html, pricing-*.html,
about-*.html and sections-*.html for the unconditional floor, and against
landing-light.html under a hasTouch: true browser context for the
coarse-pointer tier, and by the archetype harness against every
marketing-family archetype (landing, pricing, about), both themes, the
full W0.1 width matrix.
Responsive: with `_mobile_nav_toggle.html` included, marketing.css collapses
nav and actions below --bw-breakpoint-lg (64rem) and restores the inline
bar at that breakpoint and up.
Without the toggle, the header brand/nav/actions row remains
display: flex; flex-wrap: wrap at every width (icvoss/django-brickwork#125).
The content column and footer are both capped at
--bw-component-content-max-width-marketing and centred, fluid below that
width.
Overlay mode (ADR-105, icvoss/django-brickwork#565, BR-BW-MKT-006): opt in
with marketing_header_modifiers = "bw-marketing-header--overlay". Default
sticky solid header is unchanged. Overlay fixes the header over the first
content band; package CSS clears the first child so copy is not under the
chrome. Optional marketing_header_attrs may set an initial
data-bw-nav-context="light"|"dark". Mark bands with the same attribute so
the package PE script (body_js) can flip chrome ink. No-JS keeps an opaque
readable header; transparency and context ink require the script.
media_placement (ADR-057) is unchanged and composes with overlay.
{% endcomment %}
{% block shell_variant %}marketing{% endblock %}
{% block shell %}
{# Dual-class site chrome (ADR-113): mirrors brickwork/components/_site_header.html #}
{% block content %}{% endblock %}
{% block marketing_footer_region %}
{# Dual-class site chrome (ADR-113): mirrors brickwork/components/_site_footer.html #}
{% endblock %}
{% endblock %}
{% block body_js %}
{{ block.super }}
{% endblock %}