@keyframes carouselFade{0%{opacity:0}4%{opacity:1}10%{opacity:1}14%{opacity:0}100%{opacity:0}}.video-grid{width:90%;margin:0 auto;height:100%;display:flex;justify-content:center;align-items:start;flex-direction:column;flex-wrap:wrap;gap:0}.video-grid>h2,.video-grid>p{width:40%}.video-grid h2{margin-bottom:10px}.video-grid-container{width:100%}.video-grid .grid{display:flex;justify-content:space-between;align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:30px;margin-top:30px;opacity:1}.video-grid .grid.hidden{opacity:0;width:0;height:0}.video-grid .grid .grid-item{width:calc(50% - 30px);height:50vh;position:relative}.video-grid .grid .grid-item .landing-image{width:100%;height:100%;position:absolute}.video-grid .grid .grid-item .landing-image .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(46,43,43,.19);mix-blend-mode:multiply;z-index:8}.video-grid .grid .grid-item .landing-image{opacity:0;z-index:-1;transition:.5s}.video-grid .grid .grid-item .landing-image.active{opacity:1;z-index:1000}.video-grid .grid .grid-item .landing-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;object-position:center;z-index:-1;transition:.5s}.video-grid .grid .grid-item .landing-image>.content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:100}.video-grid .grid .grid-item .landing-image h3,.video-grid .grid .grid-item .landing-image p{text-align:center;color:#fff}.video-grid .grid .grid-item .video{position:absolute;width:100%;height:100%;opacity:0;transition:opactity .5s}.video-grid .grid .grid-item .video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;object-position:center}.video-grid .grid .grid-item>.content{position:absolute;z-index:100;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;flex-wrap:nowrap;gap:10px;opacity:0;transition:opacity .5s;background-color:#f8f8f8;padding:30px;padding:100px}.video-grid .grid .grid-item>.content.mobile{display:none}.video-grid .grid .grid-item>.content h3{margin-bottom:10px}.video-grid .grid .grid-item>.content p{font-size:clamp(.64rem,2vh,.66rem)}.video-grid .grid .grid-item .active{z-index:1000;opacity:1;transition:.5s}@media screen and (max-width:1024px) and (orientation:portrait){.video-grid h2,.video-grid p{width:80%}.video-grid{padding:64px 0;flex-direction:column;align-items:stretch}.video-grid .grid .grid-item{width:48%;margin:0 auto;height:unset}.video-grid .grid .grid-item .landing-image{display:none}.video-grid .grid .grid-item .video,.video-grid .grid .grid-item>.content{opacity:1;height:auto}.video-grid .grid .grid-item .video{position:relative;height:300px}.video-grid .grid .grid-item>.content{position:relative;justify-content:flex-start;align-items:flex-start;display:none;padding:20px}.video-grid .grid .grid-item>.content p{width:100%}.video-grid .grid .grid-item>.content.mobile{display:flex}}@media screen and (max-width:820px){.video-grid{width:calc(100% - 48px)}.video-grid>h2,.video-grid>p{width:100%}.video-grid .grid .grid-item{width:100%}}