.project-hero{width:var(--w_main);flex-direction:column;margin:0 auto;padding:150px 0 0;display:flex}.project-hero a{color:var(--c_orange);text-decoration:none}.project-hero a:hover{text-decoration:underline}.project-hero .top{width:100%;margin:20px 0 10px;font-size:0}.project-hero .top h1{font-size:var(--fs_large);line-height:var(--fs_large);height:134px;margin:0;margin-left:calc(var(--gap_main) + var(--column_main));width:calc(var(--column_main)*5 + var(--gap_main)*4 - 30px);opacity:0;margin-bottom:50px;display:inline-block}.project-hero .top h1.color-blue{color:var(--c_blue)}.project-hero .top h1.color-light-blue{color:var(--c_light-blue)}.project-hero .top h1.color-yellow{color:var(--c_yellow)}.project-hero .top h1.color-orange{color:var(--c_orange)}.project-hero .top ul{opacity:0;transition:opacity var(--tr_main);flex-direction:row;margin:0;padding:0;list-style:none;transition-delay:.5s;display:flex}.project-hero.loaded .top ul{opacity:1}.project-hero .top ul li{font-size:var(--fs_main);letter-spacing:.3px;height:30px;font-weight:600}.project-hero .top ul li:first-child{width:calc(var(--column_main) + var(--gap_main));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-hero .top ul li:nth-child(2){width:calc(var(--column_main)*3 + var(--gap_main)*3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-hero .bottom{flex-direction:row;flex:1;min-height:0;font-weight:500;display:flex}.play-cta img{width:40px;height:40px}.project-hero.loaded .play-cta{opacity:1}.play-cta{z-index:2;width:100%;height:100%;font-size:var(--fs_large);color:var(--c_off-white);opacity:0;transition:opacity var(--tr_main);pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition-delay:.5s;display:flex;position:absolute;top:0}.project-hero .hero-player{width:calc(var(--column_main)*4 + var(--gap_main)*3);justify-content:center;gap:var(--gap_main);height:100%;display:flex;position:relative;overflow:hidden}.project-hero .hero-player .media__container{opacity:0;transition:opacity var(--tr_main)}.project-hero .hero-player .media__container.loaded{opacity:1}.project-hero .hero-player .media__container.has-video.video-not-playing{cursor:none}.project-hero .hero-player .media__container.has-video.video-playing{cursor:normal}.project-hero .hero-player .media__container{background-color:var(--c_dark-blue);border-radius:var(--br_main);width:100%;height:100%;font-size:0;position:relative;overflow:hidden}.project-hero .hero-player.vertical .media__container{width:calc(var(--column_main)*2 + var(--gap_main));height:100%;position:relative}.project-hero .hero-player .cover-image{object-fit:cover;border-radius:var(--br_main);width:100%;height:100%}.project-hero .hero-player .video-player{border-radius:var(--br_main);opacity:0;width:100%;height:100%;transition:opacity var(--tr_main);pointer-events:none;background-color:#000;position:absolute;top:100%;left:0;overflow:hidden}.project-hero .hero-player .video-player.visible{opacity:1;pointer-events:auto;top:0}.project-hero .hero-player .video-player.transitioning.visible{opacity:0;top:0}.project-hero .side{width:calc(var(--column_main)*2 + var(--gap_main));margin-left:var(--gap_main);opacity:0;transition:opacity var(--tr_main);gap:var(--gap_main);flex-direction:column;justify-content:space-between;transition-delay:.7s;display:flex}.project-hero.loaded .side{opacity:1}.project-hero.loaded .side h3{font-size:var(--fs_main);letter-spacing:.3px;margin:10px 0;font-weight:600}.project-hero .bottom .side p{font-size:var(--fs_main);line-height:calc(var(--fs_main)*1.5);margin:0}.project-hero .bottom .side p:first-of-type{margin-top:0}.project-hero .bottom .side p b{letter-spacing:.3px;font-weight:600}.project-hero .topText h3{display:none}@media (max-width:1280px){.project-hero .hero-player.vertical .media__container{width:calc(var(--column_main)*3 + var(--gap_main)*2)}.project-hero .topText h3{display:block}.project-hero .top li:nth-child(3){display:none}.project-hero .bottom{flex-direction:column}.project-hero .side{flex-direction:row;justify-content:space-between;width:100%;margin:50px 0}.project-hero .topText,.project-hero .bottomText{width:50%}.project-hero .hero-player{width:100%}.project-hero .top h1{width:100%;margin-left:0}.project-hero .top ul li:first-child{width:50%}.project-hero .top ul li:nth-child(2){text-align:right;width:50%}}@media (max-width:768px){.project-hero .side{flex-direction:column}.project-hero .topText,.project-hero .bottomText{width:100%}}