@layer components {
    section#join-competitors {
        max-width: none;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: var(--color--brand--highlight);
        text-align: center;
        padding: var(--space-xl);
        margin-bottom: 0;
        border-top: solid var(--size--border) var(--color--border);

        * {
            max-width: 900px;
            width: 100%;

            &.highlight {
                background-color: var(--color--brand--white) !important;
                box-shadow:
                    0.15em 0 0 0 var(--color--brand--white),
                    -0.15em 0 0 0 var(--color--brand--white) !important;
            }
        }

        h2 {
            padding-bottom: var(--space-m);
            border-bottom: solid var(--size--border) var(--color--border);
        }

        p {
            margin-bottom: 0;
            font-family: var(--font--caption--family--large);
            font-size: var(--font--caption--size--large);
            font-weight: var(--font--caption--weight--large);
            line-height: var(--font--caption--line-height--large);
            letter-spacing: var(--font--caption--letter-spacing--large);
            text-transform: var(--font--caption--casing--large);
        }
    }
}