.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 .grid .grid-item>.content h3,.video-grid h2{margin-bottom:10px}.video-grid>h2,.video-grid>p{width:40%}.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;opacity:0;z-index:-1;transition:.5s}.video-grid .grid .grid-item .landing-image .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(46,43,43,.4);mix-blend-mode:multiply;z-index:8}.video-grid .grid .grid-item .landing-image img,.video-grid .grid .grid-item .landing-image>.content,.video-grid .grid .grid-item .video video{left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;object-position:center;position:absolute}.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%;z-index:-1;transition:.5s}.video-grid .grid .grid-item .landing-image>.content{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%}.video-grid .grid .grid-item>.content{position:absolute;z-index:100;height:100%;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:100px}.video-grid .grid .grid-item>.content.mobile{display:none}.video-grid .grid .grid-item>.content p{font-size:clamp(.64rem,2vh,.76rem)}.video-grid .grid .grid-item .active{z-index:1000;opacity:1;transition:.5s}@media screen and (max-width:1024px) and (orientation:portrait){.video-grid{padding:40px 0;flex-direction:column;align-items:stretch}.video-grid h2,.video-grid p{width:80%}.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:80vw}.video-grid .grid .grid-item,.video-grid>h2,.video-grid>p{width:100%}}