.mission_statement {
        gap: 2ch;
    }

    .mission_statement h2 {
        margin: var(--pad-1) 0 0 0;
    }

    .mission_statement h2,
    .mission_statement p {
        max-width: 95%;
    }

    .mission_number {
        --size: 52px;
        border-radius: 360px;
        background: var(--color-primary);
        color: var(--color-text-primary);
        font-weight: 800;
        font-size: 28px;
        font-family: monospace;
        width: var(--size);
        height: var(--size);
        max-width: var(--size);
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1 0 auto;
        user-select: none;
    }

    img.mission_number {
        border-radius: var(--radius);
        background: transparent;
        border: solid 1px var(--color-super-lowered);
    }