/* Section "statement": a big centred headline and one paragraph. On cream, so it continues the
   fact band when it follows it. */

/* -1px closes the hairline gap browsers can leave between two cream sections */
.statement { position: relative; overflow: clip; margin-top: -1px; background: var(--color-cream); color: var(--color-cream-ink); }
.statement__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--space-lg); padding-block: var(--space-xl) var(--section-gap); }
/* standing alone (not after the fact band) it needs room at the top too */
.statement:not(.facts + .statement) .statement__inner { padding-top: var(--section-gap); }
.statement__head { font-size: var(--type-headline); line-height: 1; color: var(--color-paper); max-width: 22ch; }
.statement__text { max-width: 46ch; color: var(--color-cream-ink); }