.large-dual-campaign {
    padding: 0 15px;
    overflow: hidden;
}

    .large-dual-campaign .title {
        font-weight: bold;
        line-height: 43px;
        margin: 0;
        margin-bottom: 5px;
    }

    .large-dual-campaign .subtitle {
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        margin: 0;
        margin-bottom: 36px;
    }

    .large-dual-campaign .link {
        font-family: Roboto, sans-serif;
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
        color: #242424;
        margin-bottom: 54px;
    }

        .large-dual-campaign .link svg.arrow {
            stroke: #242424;
        }

    .large-dual-campaign .campaign-wrapper {
        position: relative;
        width: 100vw;
        display: flex;
        flex-direction: column;
        margin-left: -15px;
    }

        .large-dual-campaign .campaign-wrapper .background-wrapper {
            overflow: hidden;
            margin-bottom: calc((140 / 375) * -100vw);
            max-height: 640px;
        }

            .large-dual-campaign .campaign-wrapper .background-wrapper video {
                width: 100%;
                object-fit: cover;
                height: 550px;
            }



            .large-dual-campaign .campaign-wrapper .background-wrapper .background {
                width: 100%;
                transition: transform 500ms ease-in-out;
            }

            .large-dual-campaign .campaign-wrapper .background-wrapper:hover .background {
                transform: scale(1.2);
            }

        .large-dual-campaign .campaign-wrapper .align-mobile {
            margin-top: -160px;
        }

        .large-dual-campaign .campaign-wrapper .right-item {
            position: relative;
            max-width: calc((285 / 375) * 100vw);
            align-self: flex-end;
            margin-bottom: 30px;
        }

        .large-dual-campaign .campaign-wrapper .left-item {
            position: relative;
            align-self: flex-start;
            max-width: calc((285 / 375) * 100vw);
        }

@media (min-width: 768px) {
    .large-dual-campaign {
        padding: 0 43px;
        overflow: initial;
    }

        .large-dual-campaign .subtitle {
            margin-bottom: 32px;
        }

        .large-dual-campaign .campaign-wrapper {
            width: min(100vw - 7px, 1600px);
            margin-left: -43px;
        }


            .large-dual-campaign .campaign-wrapper .align-mobile {
                margin-top: 0;
            }

            .large-dual-campaign .campaign-wrapper .right-item {
                position: absolute;
                top: -50px;
                right: 23px;
                max-width: calc((336 / 1366) * 100vw);
                margin: 0;
            }

            .large-dual-campaign .campaign-wrapper .left-item {
                align-self: flex-start;
                max-width: calc((336 / 1366) * 100vw);
                margin: 0;
                margin-top: max(calc(-355/1366 * 100%), -355px);
                margin-left: 111px;
                bottom: unset;
            }

            .large-dual-campaign .campaign-wrapper .background-wrapper {
                margin-bottom: 0;
                max-height: 768px;
            }

                .large-dual-campaign .campaign-wrapper .background-wrapper video {
                    height: initial;
                }
}

@media only screen and (hover: none) and (pointer: coarse) {
    .large-dual-campaign .campaign-wrapper .background-wrapper:hover .background {
        transform: scale(1);
    }
}