Components

Feature Band

A full-width photo band used to break up long interior pages — Service Single and Service Areas.

Markup

<section class="feature-band on-dark">
  <div class="frame rv">
    <span class="stamp">N&ordm; 31006</span>
    <img src="img/svc-heating-wide.jpg" width="1376" height="768" loading="lazy" alt="…">
  </div>
</section>

It reuses the same .frame/.stamp pattern as Trades Rows and Job Grid, at a wide 21:9 aspect ratio instead of the portrait crop those use.

Narrow modifier

Add .narrow to cap the frame to a shorter 4:3 crop, centered and constrained to --container-statement instead of the full section width — used where the surrounding content is already narrower (a statement or a shorter interior section) and a full-bleed 21:9 band would feel oversized.

<section class="feature-band narrow on-dark">
  <div class="frame rv">…</div>
</section>