body:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;transition:2s;opacity:0;z-index:200}video{width:100%;height:100%;position:relative;margin:0;float:left;object-fit:cover;object-position:center;z-index:100}.logo{width:40%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;padding-left:0;opacity:0;transition:.3s;z-index:300}.logo:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(to right, rgba(0,0,0,0.65), rgba(0,0,0,0));opacity:0;transition:.2s;z-index:100}.logo a{width:35%;position:relative;display:flex;flex-direction:column;align-items:cneter;transition:.3s;opacity:.2;visibility:hidden;z-index:200}.logo a svg{width:100%;height:auto;fill:#FFF}.logo a svg:last-of-type{width:auto;height:60px;margin-top:20px}.logo a:hover{opacity:1}.logo:last-of-type{left:auto;right:0;padding-left:0;padding-right:5%}.logo:last-of-type:before{background-image:linear-gradient(to left, rgba(0,0,0,0.65), rgba(0,0,0,0))}@media screen and (max-width: 480px){.logo{width:100%;height:50%;flex-direction:column;justify-content:flex-start;padding-top:10%;opacity:1}.logo:before{background-image:linear-gradient(to bottom, rgba(0,0,0,0.65), rgba(0,0,0,0));opacity:1}.logo:last-of-type{top:auto;bottom:0;justify-content:flex-end;padding-top:0;padding-bottom:10%;margin-top:auto;padding-right:0}.logo:last-of-type:before{background-image:linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0))}.logo a{width:27%;opacity:1;visibility:visible}.logo a svg:last-of-type{margin-top:0}}.video-start .logo:hover{opacity:1}.video-start .logo:hover:before{opacity:1}.video-start .logo a{visibility:visible}@media screen and (max-width: 800px){.video-start .logo{opacity:1}.video-start .logo:before{opacity:1}.video-start .logo a{visibility:visible;opacity:1}}.video-end:before{opacity:.7}.video-end .logo{transition:.7s;opacity:1}.video-end .logo a svg:last-of-type{transition:.8s;transition-delay:1s;opacity:1}.video-end .logo:hover:before{opacity:0}.video-end .logo:hover a svg:last-of-type{transition:.8s;transition-delay:1s}.video-end .audio{transition:opacity .5s ease 0s, visibility 0s ease .5s;opacity:0}