/* ==========================================================================
   DIFFERENCE BAND — the shared "why us" dark section   (visual only)
   ==========================================================================
   A dark navy band: an intro heading (optionally a two-column problem/answer)
   then a row of icon-led feature columns, over soft brand swirls. This is the
   SAME section on Home ("The Cornerstone difference") and For Advisors ("The
   problem"), and the service pages reuse it too — build it from here rather
   than re-inventing per page.

   Build (ARTICLE):
     class: `band bg-ink difference decor decor-swirls`
     ├ text  <h2>…</h2>                              (intro heading)
     └ element_group `row feature-cols`
         └ N × text  <i class="fa-light fa-…"></i><div class="ft"><h3>…</h3><p>…</p></div>

   `bg-ink` paints the band (the band's own padding is the site rhythm),
   `decor decor-swirls` (decor.css) adds the swirls, `feature-cols` lays out the
   icon columns. This file only tunes the shared bits.
   ========================================================================== */

/* No rule under the feature row on the difference band (the design has none). */
.difference {
    .feature-cols { padding-bottom: 0; margin-top: clamp(1.75rem, 3.5vw, 5.25rem); }   /* heading → row: 84 */
    .feature-cols::after { content: none; }

    /* Intro heading breathes above the columns. */
    > h2, > .content-text:first-child h2 { margin-bottom: 0; }
}