/* Statement — dark mission band. */

.statement {
    position: relative;
    padding: clamp(3rem, 6vw, 4.5rem) 0;
    overflow: hidden;
}

.statement::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('../../images/topo.svg') 0 0 / 880px 760px repeat;
    opacity: 0.08;
    pointer-events: none;
}

.statement__inner { position: relative; z-index: 1; }

.statement__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 2rem;
}

/* Wider than the narrow container and a touch smaller than
   --fs-statement, so the mission sits on two lines, not three. */
.statement .container--narrow { max-width: 1040px; }

.statement__text {
    font-size: clamp(1rem, 1.6vw, 1.1875rem);
    font-weight: 300;
    line-height: 2;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--text-inverse);
}

.statement__text em {
    font-style: normal;
    color: var(--gold);
}