.hero{

    display:flex;

    width:100%;

    height:720px;

    background:#000;

}

.hero-left{

    width:38%;

    background:#050505;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding-left:48px;

    padding-right:40px;

    z-index:2;

}

.hero-right{

    width:62%;

    position:relative;

    overflow:hidden;

}

.hero-right img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center right;

    display:block;

}

.hero-right:before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:180px;

    height:100%;

    background:linear-gradient(to right,#050505 0%,rgba(5,5,5,.85) 35%,rgba(5,5,5,0) 100%);

    z-index:1;

}

.hero h1{

    font-size:74px;

    line-height:.95;

    margin:18px 0 26px;

}

.hero p{

    color:#cfcfcf;

    font-size:18px;

    line-height:1.7;

}

.hero-buttons{

    display:flex;

    gap:18px;

    margin-top:36px;

}

.hero-runtime{

    margin-top:32px;

    color:#9d9d9d;

}