.grid-with-video{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop);background:var(--background-color)}.grid-with-video-inner-container img,.grid-with-video-inner-container svg,.video-wrapper video,.video-wrapper svg{width:100%;height:100%;display:block;object-fit:cover;transition:all .9s}.video-wrapper{width:100%;height:100%;transform:scale(1);transition:all .7s}.grid-with-video .grid-with-video-wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:20.8333vw;row-gap:.7292vw;column-gap:.5208vw;width:100%;height:100%}.grid-with-video .grid-with-video-inner-container.large{grid-column:span 2}.grid-with-video.is-active .grid-with-video-inner-container:first-child,.grid-with-video.is-active .grid-with-video-inner-container:nth-child(2){transform:translateY(-200px);transition:all .5s;opacity:0}.grid-with-video.is-active .grid-with-video-inner-container:nth-child(3){transform:translate(-200px);transition:all .5s;opacity:0}.grid-with-video.is-active .grid-with-video-inner-container:nth-child(5){transform:translate(200px);transition:all .5s;opacity:0}.grid-with-video.is-active .grid-with-video-inner-container:nth-child(6),.grid-with-video.is-active .grid-with-video-inner-container:nth-child(7){transform:translateY(200px);transition:all .5s;opacity:0}.grid-with-video .grid-with-video-inner-container{transition:all .5s;opacity:1}.grid-with-video .grid-with-video-inner-container.small{grid-column:span 1}.grid-with-video .grid-video.medium{grid-column:span 2}.grid-with-video .grid-video.fullscreen-video{transform:scale(2.01)}.grid-with-video .grid-video{position:relative;display:flex;flex-direction:column;transition:all 1s ease-in-out;width:100%;height:100%;left:0;top:0}.grid-with-video .video-center-content{position:absolute;top:10.4158vw;left:50%;transform:translate(-50%,-10.4158vw);width:100%;text-align:center;opacity:0;transition:all .7s}.grid-with-video .video-title{font-size:2.6042vw;color:#fff;margin:0 0 .3646vw;line-height:1.2;transform:translateY(80px);transition:all .7s}.video-text{transform:translateY(80px);transition:all .7s}.grid-with-video .video-text p{max-width:35.4167vw;color:#fff;margin:0 auto;font-size:.9375vw;line-height:1.5;padding-bottom:1.4583vw;transition:all .7s}.grid-with-video .video__button{background:var(--bg-color);display:flex;justify-content:center;align-items:center;max-width:6.7708vw;margin:0 auto;color:#525634d4;text-decoration:none;position:relative;transition:all .3s ease;height:100%;text-transform:capitalize;min-height:2.2917vw;gap:.3125vw;font-size:1.0417vw}.grid-with-video .button-animation-text{display:flex;flex-wrap:wrap;flex-direction:column}.grid-with-video span.top-text{line-height:1;transform:translateY(0);transition:all .3s ease;opacity:1}.grid-with-video span.bottom-text{position:absolute;transform:translateY(50px);transition:all .3s ease;line-height:1;opacity:0}.video__button:hover span.top-text{transform:translateY(-50px);transition:all .3s ease;opacity:0}.video__button:hover span.bottom-text{transform:translateY(-200%);transform:translateY(0);transition:all .3s ease;opacity:1}.video__button svg{transition:all .5s;width:1.0417vw;height:.8333vw}.video__button:hover svg{transform:rotate(30deg)}.video__button:after{content:"";position:absolute;top:-.3125vw;right:-.3125vw;bottom:-.3125vw;left:-.3125vw;transition:all .2s;background:linear-gradient(var(--bg-color),var(--bg-color)) top left / .8854vw .1042vw no-repeat,linear-gradient(var(--bg-color),var(--bg-color)) top left / .1042vw .8854vw no-repeat,linear-gradient(var(--bg-color),var(--bg-color)) top right / .8854vw .1042vw no-repeat,linear-gradient(var(--bg-color),var(--bg-color)) top right / .1042vw .8854vw no-repeat,linear-gradient(var(--bg-color),var(--bg-color)) bottom left / .8854vw .1042vw no-repeat,linear-gradient(var(--bg-color),var(--bg-color)) bottom left / .1042vw .8854vw no-repeat,linear-gradient(var(--bg-color),var(--bg-color)) bottom right / .8854vw .1042vw no-repeat,linear-gradient(var(--bg-color),var(--bg-color)) bottom right / .1042vw .8854vw no-repeat}.video__button:hover:after{top:-.2083vw;right:-.2083vw;bottom:-.2083vw;left:-.2083vw}.grid-with-video{height:200vh}.full-width.grid-with-width{position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));overflow:hidden;transition:all .5s}.grid-with-video.activate .full-width.grid-with-width{top:calc(-1 * var(--header-height));height:calc(100vh + var(--header-height))}.is-active.grid-with-video .grid-video .video-wrapper{transform:scale(2.6);height:calc(100vh - var(--header-height))}.grid-with-video .video-center-content.is-active{opacity:1}.video-center-content.is-active .video-text,.video-center-content.is-active .video-title{transform:translate(0)}@media(max-width:1440px){.grid-with-video.activate .full-width.grid-with-width{top:var(--header-height)}}@media(max-width:991px){.grid-with-video{height:auto}.grid-with-video.activate .full-width.grid-with-width{top:unset;height:auto}.is-active.grid-with-video .grid-video .video-wrapper{transform:unset;height:100%}.grid-with-video .video-center-content{top:50%;left:50%;transform:translate(-50%,-50%)}.grid-with-video.is-active .grid-with-video-inner-container:first-child,.grid-with-video.is-active .grid-with-video-inner-container:nth-child(2),.grid-with-video.is-active .grid-with-video-inner-container:nth-child(3),.grid-with-video.is-active .grid-with-video-inner-container:nth-child(5),.grid-with-video.is-active .grid-with-video-inner-container:nth-child(6),.grid-with-video.is-active .grid-with-video-inner-container:nth-child(7){transform:translateY(0);opacity:1}}@media(max-width:768px){.grid-with-video{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.grid-with-video{height:100%}.grid-with-video .grid-with-video-wrapper{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;width:100%;height:100%;grid-auto-rows:unset}.grid-with-video .grid-with-video-inner-container:nth-child(1){order:1;grid-column:1 / -1}.grid-with-video .grid-with-video-inner-container:nth-child(2){order:7;grid-column:1 / -1}.grid-with-video .grid-with-video-inner-container:nth-child(3){order:2;grid-column:1 / span 5;padding-top:75%;position:relative}.grid-with-video .grid-video.medium{order:4;grid-column:1 / -1}.grid-with-video .grid-with-video-inner-container:nth-child(5){order:3;grid-column:6 / -1;padding-top:75%;position:relative}.grid-with-video .grid-with-video-inner-container:nth-child(6){grid-column:1 / span 5;order:5;padding-top:75%;position:relative}.grid-with-video .grid-with-video-inner-container:nth-child(7){grid-column:6 / -1;order:6;padding-top:75%;position:relative}.grid-with-video .grid-with-video-inner-container:nth-child(3) img,.grid-with-video .grid-with-video-inner-container:nth-child(5) img,.grid-with-video .grid-with-video-inner-container:nth-child(6) img,.grid-with-video .grid-with-video-inner-container:nth-child(7) img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover}.grid-with-video .video-center-content{padding:10px}.grid-with-video .video-title{font-size:28px;line-height:1.215;color:#fff;margin:0 0 4px}.grid-with-video .video-text p{max-width:100%;font-size:12px;line-height:1.5;padding-bottom:0}.grid-with-video .video__button{background:var(--bg-color);display:flex;justify-content:center;align-items:center;max-width:92px;margin:9px auto 4px;color:#525634d4;text-decoration:none;position:relative;transition:all .3s ease;height:100%;text-transform:capitalize;min-height:28px;gap:5px;font-size:12px}.video__button svg{transition:all .5s;width:12px;height:12px;margin-bottom:2px}.video__button:after{top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(#fff,#fff) top left / 1px 10px no-repeat,linear-gradient(#fff,#fff) top left / 10px 1px no-repeat,linear-gradient(#fff,#fff) top right / 1px 10px no-repeat,linear-gradient(#fff,#fff) top right / 10px 1px no-repeat,linear-gradient(#fff,#fff) bottom left / 1px 10px no-repeat,linear-gradient(#fff,#fff) bottom left / 10px 1px no-repeat,linear-gradient(#fff,#fff) bottom right / 1px 10px no-repeat,linear-gradient(#fff,#fff) bottom right / 10px 1px no-repeat}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/grid-with-video.css.map */