/* =====================================================================
   homeStatement — homepage positioning block DIRECTLY UNDER THE CERTIFICATE
   STRIP (user 2026-07-08). Gives the badges above and the figures below their
   meaning. White full-bleed ground like its siblings; the heading reuses the
   shared .fit-kicker / .fit-heading (sectionHeading.css), only the body copy
   gets its own comfortable reading measure (.fit-intro is a one-liner style).
   ===================================================================== */

.home-statement {
    width: 100vw;                        /* full-bleed like certStrip / statCards */
    margin-left: calc(50% - 50vw);
    background: #ffffff;
    padding: 75px 0 8px;                 /* top = caesura under the hero (user 2026-07-08: +50%; 2026-07-16: +25% spacing pass, 60->75); bottom 8 = trias-tight, KEPT off the +25% pass so the "Our standard" trias stays grouped (user 2026-07-16) -> cert badges hug the body as its proof */
}

/* two-column editorial layout (user 2026-07-08): heading (kicker + h2) LEFT,
   statement body RIGHT -> fills the width instead of a narrow left column with
   an empty right half. The body's measure now comes from its grid column. */
.home-statement__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: clamp(32px, 4.5vw, 60px);
    align-items: center;                 /* body vertically CENTERED against the heading block (user 2026-07-16,
                                            site-wide rule for the editorial two-column heads: a short body no
                                            longer clings to the top, it centres between kicker top and gold line). */
}

.home-statement__head,
.home-statement__col { min-width: 0; }   /* let grid children shrink (no overflow from long words) */

.home-statement__body {
    margin: 0;
    color: #5b6b82;                      /* identical to the shared .fit-intro lead style (user 2026-07-08: all lead/body text = 15px) */
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
}

/* tablet + mobile: stack (heading, then body) so the big H2 doesn't over-wrap in half a column.
   991 = the shared card-family breakpoint (was a lone 899 — unified 2026-07-10; stacking a bit
   earlier is the safe direction, the H2 was borderline in a half column at 900-990 anyway). */
@media (max-width: 991px) {
    .home-statement__inner { grid-template-columns: 1fr; gap: 14px; }
}
@media (max-width: 767px) {
    .home-statement { padding: 50px 0 6px; }   /* 50 = 40 × 1.25 (+25% pass 2026-07-16); mirrors the 60->75 desktop hero caesura; bottom 6 = trias-tight, kept off the pass */
    .home-statement__inner { padding: 0 16px; }
}