/* ix.ua home hero — bridge/community illustration */
.landing .hero{
    position:relative;
    isolation:isolate;
    grid-template-columns:45% 55%;
    min-height:535px;
}
.landing .hero-copy{
    position:relative;
    z-index:3;
}
.landing .hero-art{
    position:relative;
    z-index:1;
    height:520px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    overflow:visible;
    pointer-events:none;
}
.landing .hero-art:before{
    display:none!important;
}
.landing .hero-art img.hero-community-art{
    display:block;
    width:128%!important;
    max-width:none!important;
    height:auto!important;
    max-height:535px;
    object-fit:contain;
    object-position:right center;
    mix-blend-mode:normal!important;
    margin-right:-7%;
    margin-left:-12%;
    filter:none!important;
}

@media(max-width:900px){
    .landing .hero{
        grid-template-columns:46% 54%;
    }
    .landing .hero-art img.hero-community-art{
        width:126%!important;
        margin-right:-5%;
        margin-left:-10%;
    }
}
@media(max-width:760px){
    .landing .hero{
        grid-template-columns:1fr;
    }
    .landing .hero-art{
        height:330px;
        overflow:hidden;
        margin-top:-18px;
    }
    .landing .hero-art img.hero-community-art{
        width:118%!important;
        max-height:345px;
        margin:0 -9% 0 auto;
    }
}
@media(max-width:650px){
    .landing .hero-art{
        height:285px;
    }
    .landing .hero-art img.hero-community-art{
        width:122%!important;
        max-height:300px;
        margin-right:-12%;
    }
}