{% comment %}
Section shell (ADR-057 Phase A, icvoss/django-brickwork#667): the shared
layout default for a marketing band. Outer full-bleed capable; inner on
the marketing measure + page gutter. Stops consumers inventing
site-owned `*-inner` rails.

Primary consumer API is the class pair (write the markup yourself):

  <section class="bw-section">
    <div class="bw-section__inner">…</div>
  </section>

  <section class="bw-section bw-section--bleed bw-section--tint">
    <div class="bw-section__inner">…</div>
  </section>

This template is the same contract as an `{% extends %}` base: fill
`section_content`. Optional context `width` ("contained" default |
"bleed") and `band` ("plain" default | "tint") emit the ADR-057 §1a
modifier classes. Django `{% include %}` cannot wrap caller markup, so
do not include this file expecting to pass a body string; extend it or
author the classes directly.

Axes (ADR-057 §1a), CSS-only modifiers on the root:
  width  contained (default, no class) | bleed → bw-section--bleed
  band   plain (default, no class) | tint → bw-section--tint
  atmosphere  none (default, no class) | soft-stage →
              bw-section--atmosphere-soft-stage plus an aria-hidden
              .bw-stage layer (BR-BW-MKT-007 / #570). Omission is
              byte-identical. Unrecognised values fall back to none.
  reveal none (default, no class) | enter → bw-section--reveal-enter
              (BR-BW-MKT-009). CSS-only; no-JS and reduced motion are
              the resting state. Unrecognised values fall back to none.

Shared intro (#695): optional overline, heading and lede inside
`.bw-section__inner`, as a class contract (usable from named marketing
includes AND from consumers writing plain `.bw-section` markup):

  <div class="bw-section__intro">
    <p class="bw-section__overline">Optional eyebrow</p>
    <h2 class="bw-section__heading">Section heading</h2>
    <p class="bw-section__lede">Optional short lede.</p>
  </div>

Type roles: overline → `--bw-text-overline-*` (uppercase at the class);
heading → `--bw-text-heading-section-*`; lede → `--bw-text-body-lg-*`.
`.bw-section__intro` is an optional wrapper for spacing; each child class
is valid alone. Helper include:
`brickwork_marketing/components/_section_intro.html` (overline / heading /
lede context) emits the same classes. Per-component headings already
shipping on methods / case list / CTA are unchanged.

Migration: existing marketing component roots that are NOT yet on this
shell keep working under `.bw-marketing__content > *` (unchanged rail).
A root that opts into `.bw-section` drops that legacy rail; put content
in `.bw-section__inner`. Section rhythm
(`.bw-marketing__content > * + *`) still applies to `.bw-section` roots.
Do not invent a site `bwui-*-inner` twin of this rail.

Proving migrations in this package: `_feature_grid.html` (contained),
`_case_list.html` (contained), `_methods.html` (contained, #675),
`_outcomes.html` (contained, #696), and `_cta_bleed.html` (bleed). Other
marketing roots can adopt the same wrap when they next need atmosphere
past the legacy child rail.

States: none.
Accessibility: structural only; the caller owns headings inside the
  inner. Covered when composed into marketing fixtures that already gate
  feature-grid and CTA bleed bands.
Responsive: bleed escape is fluid at every width (100vw, capped); inner
  measure + gutter match the marketing shell rail.
{% endcomment %}
<section class="bw-section{% if width == 'bleed' %} bw-section--bleed{% endif %}{% if band == 'tint' %} bw-section--tint{% endif %}{% if atmosphere == 'soft-stage' %} bw-section--atmosphere-soft-stage{% endif %}{% if reveal == 'enter' %} bw-section--reveal-enter{% endif %}">
  {% if atmosphere == 'soft-stage' %}<div class="bw-stage" aria-hidden="true"></div>{% endif %}<div class="bw-section__inner">
    {% block section_content %}{% endblock %}
  </div>
</section>