<section class="cm-section" data-block="corporate-modernist:capability_matrix"><div class="cm-content-well">{% if eyebrow %}<p class="cm-eyebrow">{{ eyebrow }}</p>{% endif %}{% if heading %}<h2 class="cm-heading" style="font-size: clamp(1.75rem, 3vw, 2.25rem); margin: 0 0 0.75rem 0;"><span class="cm-heading-h2-accent">{{ heading }}</span></h2>{% endif %}{% if intro %}<p class="cm-lede" style="max-width: 60ch; margin: 0 0 2.5rem 0;">{{ intro }}</p>{% endif %}{% if capabilities %}<div class="cm-grid {% if columns == 2 %}cm-grid-2{% elif columns == 4 %}cm-grid-4{% else %}cm-grid-3{% endif %}">{% for cap in capabilities %}<div class="cm-feature"><span class="cm-mark {% if cap.mark == "circle" %}cm-mark-circle{% elif cap.mark == "triangle" %}cm-mark-triangle{% else %}cm-mark-square{% endif %}" aria-hidden="true"></span>{% if cap.title %}<h3 class="cm-feature-title">{{ cap.title }}</h3>{% endif %}{% if cap.text %}<p class="cm-text" style="font-size: 0.9375rem; line-height: 1.6; color: hsl(var(--muted-foreground));">{{ cap.text }}</p>{% endif %}</div>{% endfor %}</div>{% else %}<p class="cm-stat-label">No capabilities configured.</p>{% endif %}</div></section>
