/* ── 06 Insight — see sections/06-insight/brief.md ──
   Figma 1:1082 sketch 598×181 (multiply) · 1:1023 h2 · 1:1067 sub · 1:1069 coral asterisk 358×369 −6.08°,
   clipped by the LEFT page edge and overlapping the stats band above */

.insight {
    z-index: 2;                 /* asterisk paints over the stats band */
    background: var(--skin-canvas);   /* backdrop for the multiply blend */
    padding: calc(64 * var(--u)) 0 calc(52.5 * var(--u));
    overflow-x: clip;           /* clip horizontally only — the asterisk overflows upward */
}
.insight__inner { text-align: center; }
.insight__sketch {
    width: calc(598 * var(--u));
    margin-inline: auto;
    mix-blend-mode: multiply;
}
.insight__title { margin-top: calc(56.5 * var(--u)); }
.insight__sub   { margin-top: calc(39 * var(--u)); }

.insight__asterisk {
    z-index: 3;
    top: calc(-132 * var(--u));
    left: calc(-193 * var(--u));
    width: calc(358 * var(--u));
    rotate: -6.08deg;
}