.contentRender_name_plugins_common_container_social {
    background: var(--dark-blue);
    color: var(--white);
    position: relative;
    overflow: hidden;

    margin-bottom: var(--space-4);

    &::before {
        content: '';
        background: right / contain no-repeat url(/includes/public/assets/shared/decorations/social-bg-mobile.svg);
        height: 144px;
        width: 100%;
        position: absolute;
        bottom: -59px;
        right: 0;
        pointer-events: none;
    }
}

.panel-social {
    max-width: var(--width-fullscreen);
    padding: var(--space-8) 14px;

    .title {
        font-family: var(--font-meshed-med);
        font-size: 2rem;
        line-height: 1;
        letter-spacing: -0.01em;
        display: flex;
        flex-direction: column;
    }

    .subtitle {
        font-family: var(--font-body);
        margin-block: var(--space-3);
        font-size: var(--text-base);
        line-height: 1.5;
    }

    .social-container {
        margin-top: var(--space-6);

        .social-title {
            font-family: var(--font-meshed-med);
            font-size: var(--text-xl);
            line-height: 1;
            letter-spacing: -0.01em;
            text-transform: uppercase;
            margin-bottom: var(--space-3);
        }

        .social-links {
            justify-content: flex-start;
            gap: 18px;
        }
    }
}

@media (width >= 64em) {
    .contentRender_name_plugins_common_container_social {
        margin-bottom: var(--space-10);

        &::before {
            all: unset;
        }
    }

    .panel-social {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 2fr 1fr;
        min-height: 875px;

        padding: 0 0 0 158px;

        .title-container {
            grid-column: 1;
            grid-row: 1;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding-block: var(--space-12);

            .title {
                font-size: 5rem;
            }

            .subtitle {
                max-width: 33ch;
                font-size: var(--text-xl);
            }
        }

        .contentRender_name_plugins_common_embed {
            grid-column: 2;
            grid-row: 1 / span 2;
            padding: var(--space-10);
            background: var(--dark-blue);
            z-index: 2;
        }

        .social-container {
            grid-column: 1;
            grid-row: 2;
            position: relative;
            display: flex;
            align-items: flex-end;
            padding-bottom: 36px;

            .social-title {
                font-size: var(--text-2xl);
                margin-bottom: var(--space-6);
            }

            &::before {
                content: '';
                background: right / contain no-repeat url(/includes/public/assets/shared/decorations/social-bg.svg);
                height: 585px;
                width: 585px;
                position: absolute;
                bottom: -142px;
                right: -133px;
                pointer-events: none;
                z-index: 1;
            }
        }
    }
}