@keyframes loadingAni{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInBlur{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}@keyframes copyFeedback{0%{transform:scale(1);background-color:rgba(0,226,144,.25)}50%{transform:scale(1.1);background-color:rgba(0,226,144,.5)}to{transform:scale(1);background-color:rgba(0,226,144,.25)}}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Regular.ttf);font-weight:400}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Medium.ttf);font-weight:500}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-SemiBold.ttf);font-weight:600}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Bold.ttf);font-weight:700}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-ExtraBold.ttf);font-weight:800}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Black.ttf);font-weight:900}@font-face{font-family:Tenor Sans;src:url(/fonts/tenor-sans/TenorSans-Regular.ttf);font-weight:400}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf);font-weight:400}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Medium.ttf);font-weight:500}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Bold.ttf);font-weight:700}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Black.ttf);font-weight:900}@font-face{font-family:Manrope;src:url(/fonts/manrope/Manrope-Light.ttf);font-weight:300}@font-face{font-family:Manrope;src:url(/fonts/manrope/Manrope-Regular.ttf);font-weight:400}@font-face{font-family:Manrope;src:url(/fonts/manrope/Manrope-Medium.ttf);font-weight:500}@font-face{font-family:Manrope;src:url(/fonts/manrope/Manrope-SemiBold.ttf);font-weight:600}@font-face{font-family:Manrope;src:url(/fonts/manrope/Manrope-Bold.ttf);font-weight:700}@font-face{font-family:Manrope;src:url(/fonts/manrope/Manrope-ExtraBold.ttf);font-weight:800}.items.black h3,.items.blue h3{color:#fff}.items.white h3{color:#1f1f1f}.items.red h3{color:#fff}.case-item.blue .cat,.case-item.blue .cat a{color:hsla(0,0%,100%,.5)}.case-item.blue .cat a:hover,.case-item.blue .name a{color:#fff}.case-item.blue .arrow svg path{fill:#fff}.case-item.blue .case .more{border:1px solid hsla(0,0%,100%,.25)}.case-item.blue .case .more .lbl{color:hsla(0,0%,100%,.5)}.case-item.blue .case .more svg path{fill:hsla(0,0%,100%,.5)}.case-item.blue:hover .case .more{border:1px solid hsla(0,0%,100%,.5)}.case-item.blue:hover .case .more .lbl{color:#fff}.case-item.blue:hover .case .more svg path{fill:#fff}.case-item.black .cat{color:hsla(0,0%,100%,.5)}.case-item.black .cat a{color:hsla(0,0%,100%,.25)}.case-item.black .cat a:hover,.case-item.black .name a{color:#fff}.case-item.black .arrow svg path{fill:#fff}.case-item.black .case .more{border:1px solid hsla(0,0%,100%,.25)}.case-item.black .case .more .lbl{color:hsla(0,0%,100%,.5)}.case-item.black .case .more svg path{fill:hsla(0,0%,100%,.5)}.case-item.black:hover .case .more{border:1px solid hsla(0,0%,100%,.5)}.case-item.black:hover .case .more .lbl{color:#fff}.case-item.black:hover .case .more svg path{fill:#fff}.case-item.white .cat,.case-item.white .cat a{color:rgba(31,31,31,.5)}.case-item.white .cat a:hover,.case-item.white .name a{color:#1f1f1f}.case-item.white .arrow svg path{fill:#1f1f1f}.case-item.white .case .more{border:1px solid rgba(31,31,31,.25)}.case-item.white .case .more .lbl{color:rgba(31,31,31,.5)}.case-item.white .case .more svg path{fill:rgba(31,31,31,.5)}.case-item.white:hover .case .more{border:1px solid rgba(31,31,31,.5)}.case-item.white:hover .case .more .lbl{color:#1f1f1f}.case-item.white:hover .case .more svg path{fill:#1f1f1f}.case-item.red .cat,.case-item.red .cat a{color:hsla(0,0%,100%,.5)}.case-item.red .cat a:hover,.case-item.red .name a{color:#fff}.case-item.red .arrow svg path{fill:#fff}.case-item.red .case .more{border:1px solid hsla(0,0%,100%,.25)}.case-item.red .case .more .lbl{color:hsla(0,0%,100%,.5)}.case-item.red .case .more svg path{fill:hsla(0,0%,100%,.5)}.case-item.red:hover .case .more{border:1px solid hsla(0,0%,100%,.5)}.case-item.red:hover .case .more .lbl{color:#fff}.case-item.red:hover .case .more svg path{fill:#fff}.grid.items .hdr-items{width:100%;margin:12.6vh 0 6.3vh;padding:0 2.1vh;font-weight:500;font-size:4.4vh;line-height:5.3vh;font-family:Montserrat,sans-serif;transition:all .5s cubic-bezier(.18,.88,.55,1)}.case-item,.grid.items .hdr-items{position:relative;z-index:2}.case-item .case{justify-content:center;align-items:center;width:100%;height:0;background:hsla(0,0%,100%,.1);position:relative;overflow:hidden;border-radius:1vh;display:flex;flex-flow:row wrap}.case-item .case.more{background:rgba(0,0,0,0)}.case-item .case.more .more{box-sizing:border-box;width:100%;height:100%;position:absolute;top:0;border-radius:1vh;transition:all .5s cubic-bezier(.18,.88,.55,1)}.case-item .case.more .more a{justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100%;text-decoration:none;display:flex;flex-flow:row wrap}.case-item .case.more .more a .lbl{max-width:60%;font-weight:500;padding:0 .5vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .5s cubic-bezier(.18,.88,.55,1);font-size:2.3vh;line-height:3.5vh;font-family:Montserrat,sans-serif}.case-item .case.more .more a .icon-outer{transition:all .25s cubic-bezier(.28,.44,.49,1)}.case-item .case.more .more a .icon-outer .icon{width:100%;height:100%;transform:rotate(-45deg);transition:all .5s cubic-bezier(.18,.88,.55,1)}.case-item .case.more .more a .icon-outer .icon svg{width:67.6%;height:67.6%;transition:all .5s cubic-bezier(.18,.88,.55,1)}.case-item .case.more .more a .icon-outer .icon svg path{transition:all .5s cubic-bezier(.18,.88,.55,1)}.case-item .case.more .more a .icon-outer.before{width:3.4vh;height:3.4vh}.case-item .case.more .more a .icon-outer.after,.case-item .case.more .more a:hover .icon-outer.before{width:0;height:0}.case-item .case.more .more a:hover .icon-outer.after{width:3.4vh;height:3.4vh}.case-item .case .arrow,.case-item .case .cat,.case-item .case .details,.case-item .case .img,.case-item .case .item-overlay,.case-item .case .name{position:absolute;display:block;box-sizing:border-box;transition:all .5s cubic-bezier(.18,.88,.55,1)}.case-item .case .arrow a,.case-item .case .cat a,.case-item .case .details a,.case-item .case .img a,.case-item .case .item-overlay a,.case-item .case .name a{display:block;text-decoration:none}.case-item .case .cat,.case-item .case .details,.case-item .case .item-overlay,.case-item .case .name{opacity:0}@media screen and (max-width:1100px){.case-item .case .cat,.case-item .case .details,.case-item .case .item-overlay,.case-item .case .name{opacity:1}}.case-item .case .cat{top:3.15vh;left:4.2vh;z-index:3;transform:translateY(-4.2vh);width:calc(100% - 4.2vh);justify-content:flex-start;align-items:flex-start;box-sizing:border-box;display:flex;flex-flow:row nowrap;font-size:2.3vh;line-height:3.5vh;font-family:Montserrat,sans-serif}@media screen and (max-width:1100px){.case-item .case .cat{transform:translateY(0);top:auto;bottom:3.15vh;left:3.15vh;width:calc(100% - 3.15vh);font-size:1.8vh;line-height:2.2vh;font-family:Montserrat,sans-serif}}.case-item .case .cat a{font-weight:400;padding:0 4.2vh 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:all .5s cubic-bezier(.18,.88,.55,1)}.case-item .case .name{width:calc(100% - 4.2vh);font-weight:500;z-index:3;top:11.8vh;left:4.2vh;transform:translateY(-2.1vh);font-size:3.15vh;line-height:4.4vh;font-family:Montserrat,sans-serif}@media screen and (max-width:1100px){.case-item .case .name{top:auto;bottom:6.45vh;transform:translateY(0);height:auto;left:3.15vh;font-size:1.8vh;line-height:2.2vh;font-family:Montserrat,sans-serif}}.case-item .case .name a{padding:0 20% 0 0;height:100%}.case-item .case .name a span{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance;transition:all .5s cubic-bezier(.18,.88,.55,1)}.case-item .case .details{width:calc(100% - 16.8vh);font-weight:600;z-index:3;top:auto;bottom:3.15vh;left:4.2vh;transform:translateY(-1vh);justify-content:flex-start;align-items:flex-start;font-size:1.8vh;line-height:2.2vh;font-family:Montserrat,sans-serif;display:flex;flex-flow:row wrap}.case-item .case .details a{margin:1vh 1vh 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-item .case .arrow{justify-content:center;align-items:center;width:6.3vh;height:6.3vh;z-index:3;bottom:3.15vh;right:3.15vh;border-radius:100%;display:flex;flex-flow:row wrap}.case-item .case .arrow a{display:block;width:100%;height:100%}.case-item .case .arrow .icon-rarrow{width:100%;height:100%;transform:rotate(-45deg);z-index:2;position:absolute;transition:all .5s cubic-bezier(.18,.88,.55,1)}.case-item .case .arrow .icon-rarrow svg{fill:none;width:50%;height:50%}.case-item .case .arrow .icon-rarrow svg path{transition:all .5s cubic-bezier(.18,.88,.55,1)}.case-item .case .arrow:after{width:100%;height:100%;background:hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(.525vh);backdrop-filter:blur(.525vh);z-index:1;border-radius:100%;transition:all .5s cubic-bezier(.18,.88,.55,1);position:absolute;content:"";display:block}@media screen and (max-width:1100px){.case-item .case .arrow,.case-item .case .details{display:none}}.case-item .case .item-overlay{top:-2.1vh;width:calc(100% + 4.2vh);height:calc(100% + 4.2vh);background:rgba(54,46,255,.8);z-index:2}@media screen and (max-width:1100px){.case-item .case .item-overlay{background:linear-gradient(35deg,rgba(54,46,255,.8) 28%,transparent 62%)}}.case-item .case .item-overlay a{width:100%;height:100%;position:relative;z-index:2}.case-item .case .item-overlay .noise{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-image:url(/images/noise.gif);opacity:.05;pointer-events:none}.case-item .case .img{justify-content:center;align-items:center;width:calc(100% + 2.1vh);height:calc(100% + 2.1vh);top:-1vh;color:#fff;z-index:1;font-size:1.8vh;line-height:2.2vh;font-family:Montserrat,sans-serif;display:flex;flex-flow:row nowrap}.case-item .case .img img{transition:all .5s cubic-bezier(.18,.88,.55,1);object-position:center}.case-item .case .img img,.case-item .case .img video{display:block;width:100%;height:100%;object-fit:cover}.case-item .case.lg{padding-bottom:66vh}@media screen and (max-width:1100px){.case-item .case.lg{padding-bottom:36vh}}.case-item .case.md{padding-bottom:36vh}.case-item .case.md .name{top:8.6vh}@media screen and (max-width:1100px){.case-item .case.md .name{top:auto;bottom:6.45vh}}.case-item .case.nav{padding-right:0}@media screen and (max-width:1100px){.case-item .case.nav{padding-bottom:32vh}}.case-item .case.nav .arrow,.case-item .case.nav .cat,.case-item .case.nav .details,.case-item .case.nav .item-overlay,.case-item .case.nav .name{opacity:1}.case-item .case.nav .cat,.case-item .case.nav .details,.case-item .case.nav .name{transform:translateY(0)}@media screen and (max-width:1100px){.case-item .case.nav .name{bottom:auto;top:3.15vh}.case-item .case.nav .item-overlay{background:linear-gradient(35deg,transparent 28%,transparent 62%)}}.case-item .case.nav .img img,.case-item .case.nav .img video{filter:blur(2.1vh)}.case-item .case.nav.prev .cat{padding-right:4.2vh}@media screen and (max-width:1100px){.case-item .case.nav.prev .cat{padding-right:3.15vh}}.case-item .case.nav.prev .arrow{right:auto;left:3.15vh}.case-item .case.nav.prev .arrow .icon-rarrow{transform:rotate(180deg)}.case-item .case.nav.next .cat{justify-content:flex-end;text-align:right;left:auto;right:4.2vh;padding-left:4.2vh}@media screen and (max-width:1100px){.case-item .case.nav.next .cat{right:3.15vh;padding-left:3.15vh}}.case-item .case.nav.next .name{left:auto;right:4.2vh;text-align:right}@media screen and (max-width:1100px){.case-item .case.nav.next .name{right:3.15vh}}.case-item .case.nav.next .name a{padding:0 0 0 20%}.case-item .case.nav.next .arrow .icon-rarrow{transform:rotate(0deg)}.case-item:hover .case .arrow,.case-item:hover .case .cat,.case-item:hover .case .details,.case-item:hover .case .item-overlay,.case-item:hover .case .name{opacity:1}.case-item:hover .case .cat,.case-item:hover .case .details,.case-item:hover .case .name{transform:translateY(0)}.case-item:hover .case .arrow .icon-rarrow{transform:rotate(45deg)}.case-item:hover .case .img img,.case-item:hover .case .img video,.case-item:hover .case.nav .img img,.case-item:hover .case.nav .img video{filter:blur(2.1vh)}