body > menu {
    background: transparent;
    -webkit-filter: drop-shadow(0px 0px 32px rgba(0, 0, 0, .5));
    filter: drop-shadow(0px 0px 32px rgba(0, 0, 0, .5));
}

body > content {
    padding-top: 0;
}

body > content > hero {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background: url('/images/hero_still.jpg');
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}

body > content > hero::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(0deg, rgb(3, 65, 106), transparent);
    content: '';
}

body > content > hero > video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: right center;
    pointer-events: none;
}

body > content > hero > split {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    padding: 0;
    max-width: 1500px;
    margin: 0 auto;
}



body > content > hero > split > content:first-child::after {
    position: absolute;
    left: -80px;
    top: -40vh;
    height: calc(100% + 80vh);
    width: 350px;
    background: linear-gradient(to bottom, rgba(20, 128, 200, 0.3) 0%, transparent 50%);
    content: '';
    transform: rotate(6deg);
    z-index: -1;
    transform-origin: left center;
    animation: heroAfterIn 3s cubic-bezier(0.215, 0.610, 0.355, 1);
}

@keyframes heroAfterIn {
    from {
        transform: translate3d(400px, 0, 0) rotate(6deg);
    }

    to {
        transform: translate3d(0px, 0, 0) rotate(6deg);
    }
}

body > content > hero > split > content:first-child::before {
    position: absolute;
    left: -80px;
    top: -40vh;
    height: calc(100% + 80vh);
    width: 200vw;
    background: linear-gradient(to bottom, rgba(3, 46, 91, 0.8) 0%, rgba(5, 71, 116, .6) 100%);
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    content: '';
    transform: rotate(6deg);
    z-index: -1;
    transform-origin: left center;
}

body > content > hero > split > content {
    position: relative;
    display: block;
    padding: 446px 32px 300px 0;
    max-width: 720px;
    z-index: 1;
}

@media(max-height: 1200px) {
    body > content > hero > split > content {
        padding: 346px 32px 200px 0;
    }
}

body > content > hero > split > content > titlewrap {
    position: relative;
    display: block;
    margin: 0 0 32px;
}

@media(max-width: 1400px) {
    body > content > hero::before {
        position: relative;
        display: block;
        width: 100%;
        height: 50vh;
        content: '';
    }


    body > content > hero > video {
        position: absolute;
        height: 80vh;
        object-position: left center;
    }

    body > content > hero > split > content {
        padding-top: 162px;
        padding-left: 32px;
        max-width: 800px;
    }

    body > content > hero > split > content:first-child::after {
        position: absolute;
        left: -500px;
        top: -4px;
        height: 400px;
        width: 2000px;
        background: linear-gradient(to right, rgba(20, 128, 200, 0.3) 0%, transparent 50%);
        content: '';
        transform: rotate(6deg);
        z-index: -1;
        transform-origin: left center;
        animation: none;
    }

    body > content > hero > split > content:first-child::before {
        position: absolute;
        left: -500px;
        top: 0;
        height: calc(100% + 80vh);
        width: 2000px;
        background: linear-gradient(to bottom, rgba(3, 46, 91, 0.8) 0%, rgba(5, 71, 116, .6) 100%);
        -webkit-backdrop-filter: blur(32px);
        backdrop-filter: blur(32px);
        content: '';
        transform: rotate(6deg);
        z-index: -1;
        transform-origin: left center;
    }

    body > content > hero > split {
        position: relative;
        display: block;
        width: 100%;
    }

}

@media(max-width: 1050px) {
    body > content > hero > video {
        position: absolute;
        height: 80vh;
        object-position: center center;
    }
}

@media(max-width: 750px) {
    body > content > hero > split > content {
        padding-top: 132px;
    }
}