/* V2 statement, white band: kicker-with-line, big statement, 4 stats. */
.v2-statement{background:var(--v2-white);color:var(--v2-ink);padding:64px 0 52px}
.v2-statement .kicker{display:inline-flex;align-items:center;gap:10px;color:var(--v2-accent);font-family:var(--f-mono);font-size:24px;letter-spacing:0.16em;text-transform:uppercase}
.v2-statement .kicker::before{content:"";width:22px;height:1.5px;background:var(--v2-accent)}
.v2-statement .statement{margin:24px auto 0;text-align:center;font-family:var(--f-display);font-weight:600;font-size:clamp(24px,3.2vw,42px);line-height:1.32;letter-spacing:-0.02em;max-width:1080px}
.v2-statement .statement .dim{color:#97A0AB}
.v2-statement .stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;padding-top:32px;border-top:1px solid var(--v2-line-l)}
.v2-statement .stat{text-align:center}
.v2-statement .stat .icon{display:flex;justify-content:center;margin-bottom:10px;color:var(--v2-accent)}
.v2-statement .stat .icon svg{width:28px;height:28px}
.v2-statement .stat .n{display:flex;align-items:baseline;justify-content:center;gap:2px;flex-wrap:nowrap;white-space:nowrap;font-family:var(--f-display);font-stretch:125%;font-weight:800;font-size:30px;letter-spacing:-0.01em}
.v2-statement .stat .n sup{color:var(--v2-accent);font-size:16px;vertical-align:40%}
.v2-statement .stat .l{margin-top:8px;font-size:16px;line-height:1.45;color:var(--v2-muted)}

/* One colour per stat, drawn from the same four families the review cards
   cycle. The card tints are backgrounds and far too pale for type, so these
   are the saturated members of each family - readable on white, still
   recognisably the same palette. Number, superscript and icon move together. */
.v2-statement .stat:nth-child(4n+1) .n,
.v2-statement .stat:nth-child(4n+1) .n sup,
.v2-statement .stat:nth-child(4n+1) .icon{color:var(--wp--preset--color--stat-blue,#2F63A6)}
.v2-statement .stat:nth-child(4n+2) .n,
.v2-statement .stat:nth-child(4n+2) .n sup,
.v2-statement .stat:nth-child(4n+2) .icon{color:var(--wp--preset--color--stat-amber,#C07C0A)}
.v2-statement .stat:nth-child(4n+3) .n,
.v2-statement .stat:nth-child(4n+3) .n sup,
.v2-statement .stat:nth-child(4n+3) .icon{color:var(--wp--preset--color--stat-rose,#B04A72)}
.v2-statement .stat:nth-child(4n+4) .n,
.v2-statement .stat:nth-child(4n+4) .n sup,
.v2-statement .stat:nth-child(4n+4) .icon{color:var(--wp--preset--color--stat-terracotta,#BE6134)}

/* Short unit word sitting inline beside the number ("100+ Projects"), with the
   fuller description on the line below. Smaller and lighter than the figure so
   the number still leads. */
.v2-statement .stat .n .u{margin-left:7px;font-family:var(--f-display);font-stretch:normal;font-weight:700;font-size:15px;letter-spacing:-0.01em;color:var(--v2-ink)}

/* Two labelled parts, stacked vertically at every width (one above the other,
   each under its own kicker). Left-aligned because the kicker's leading rule
   reads from the left; the single-statement variant stays centred. */
.v2-statement .st-parts{display:grid;grid-template-columns:1fr;gap:clamp(30px,4vw,44px)}
/* Cap the measure. The container is 1360px, so an uncapped line ran ~90+
   characters at this size, which is well past a readable line length. ch keeps
   it tied to the font size, the px value stops it stretching on wide screens. */
.v2-statement .st-parts .statement{text-align:left;margin:14px 0 0;max-width:min(56ch,760px);font-size:clamp(20px,2.1vw,27px);line-height:1.42}
.v2-statement .st-parts .statement.dim{color:#97A0AB}