.vfx-page i.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;font-style:inherit;vertical-align:middle}.vfx-page i.icon.play__icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjciPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjUwIiBzdHJva2U9Im5vbmUiLz48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI0Ni41Ii8+PC9nPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik03Ni4yNDcgNDkuNzA3IDI0LjQ3MiA3OS42ODJsMzUuNzM0LTI5Ljk3NS0zNS43MzQtMjkuOTc1WiIvPjwvc3ZnPg==);height:72px;overflow:hidden;width:72px}.vfx-page i.icon.close__icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgNDEzLjM0OCA0MTMuMzQ4Ij48cGF0aCBkPSJNNDEzLjM0OCAyNC4zNTQgMzg4Ljk5NCAwbC0xODIuMzIgMTgyLjMyTDI0LjM1NCAwIDAgMjQuMzU0bDE4Mi4zMiAxODIuMzJMMCAzODguOTk0bDI0LjM1NCAyNC4zNTQgMTgyLjMyLTE4Mi4zMiAxODIuMzIgMTgyLjMyIDI0LjM1NC0yNC4zNTQtMTgyLjMyLTE4Mi4zMnoiLz48L3N2Zz4=);height:36px;overflow:hidden;width:36px}.vfx-page .video-modal{align-items:center;background-color:#000000b8;display:flex;justify-content:center;left:0;opacity:0;padding:3% 0;position:fixed;top:0;transition:opacity .6s ease;visibility:hidden;width:100%;z-index:1000}.vfx-page .video-modal.show{opacity:1;visibility:visible}.vfx-page .video-modal.playing:before{transform:translateY(-100%)}.vfx-page .video-modal.playing:after{transform:translateY(100%)}.vfx-page .video-modal:before{top:0}.vfx-page .video-modal:after,.vfx-page .video-modal:before{background-color:#000;content:"";height:30%;left:0;opacity:.8;position:fixed;transform:translateY(0);transition:transform 2s cubic-bezier(0,.55,.45,1);width:100%;z-index:2}.vfx-page .video-modal:after{bottom:0}.vfx-page .video-modal .close-btn{background-color:#000;border:none;position:fixed;right:15px;top:12px;z-index:3}.vfx-page .video-modal .close-btn i.icon{height:20px;width:20px}.vfx-page .showcase-box__container{height:400px;width:100%}.vfx-page .showcase-box__container:before{background-color:#000;content:"";height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .6s ease;visibility:hidden;width:100vw;z-index:1}.vfx-page .showcase-box__container.video-open:before{opacity:.8;visibility:visible}.vfx-page .showcase-box__container.video-open .showcase-box__wrapper{cursor:none;z-index:100}.vfx-page .showcase-box__container.video-open .showcase-box__wrapper img{transform:translateZ(0)!important}.vfx-page .showcase-box__container.video-open .showcase-box__wrapper:after{opacity:0}.vfx-page .showcase-box__container .showcase-box__wrapper{align-items:center;cursor:pointer;display:flex;height:400px;justify-content:center;overflow:hidden;position:relative;transform:translateY(0);transition:transform .6s cubic-bezier(.83,0,.17,1),opacity .3s ease;width:100%}.vfx-page .showcase-box__container .showcase-box__wrapper img{height:130%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:-15px;transition:transform .1s;width:100%}.vfx-page .showcase-box__container .showcase-box__wrapper .label__wrapper{align-items:center;display:grid;grid-template-columns:1fr 94px;position:relative;width:300px;z-index:1}.vfx-page .showcase-box__container .showcase-box__wrapper .label__wrapper .text{color:#fff;font-size:46px;grid-column:1;justify-self:center;margin:0;text-align:center}.vfx-page .showcase-box__container .showcase-box__wrapper .label__wrapper .icon{bottom:3px;grid-column:2;justify-self:end;position:relative;z-index:1}.vfx-page .showcase-box__container .showcase-box__wrapper:after{background-color:#000;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;transition:opacity .5s ease;width:100%}.vfx-page .showcase-box__container .showcase-box__wrapper:hover:after{opacity:0}.vfx-page .showcase-box__container .showcase-box__wrapper.video-playing{opacity:0;visibility:hidden}@media(min-width:1330px){.vfx-page .showcase-box__container .showcase-box__wrapper .label__wrapper{width:400px}.vfx-page .showcase-box__container .showcase-box__wrapper .label__wrapper .text{font-size:64px;justify-self:end;position:absolute;right:30%;text-align:right;white-space:nowrap}}