.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}#video-popup{position:fixed;top:-100%;left:-100%;width:100%;height:100%;padding:32px;box-sizing:border-box;background-color:#fafafae6}#video-popup.open{z-index:10;top:0;left:0}#video-popup.open .close-popup{position:absolute;top:32px;right:32px;cursor:pointer}#video-popup.open .video-popup-inner{height:100%}#video-popup.open .video-popup-inner iframe{height:100%;width:100%}.portfolio-wrapper-outer{position:relative;margin:160px -24px 245px}.portfolio-wrapper-outer .keen-slider{max-height:90vh}.portfolio-wrapper-outer .keen-slider .portfolio-content{position:relative;cursor:pointer;border-radius:4px;overflow:hidden;line-height:0}.portfolio-wrapper-outer .keen-slider .portfolio-content .hover-content{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fffc;opacity:0;transition:opacity .3s ease-in-out}.portfolio-wrapper-outer .keen-slider .portfolio-content .hover-content h4{font-family:Roboto Mono;margin-bottom:8px}.portfolio-wrapper-outer .keen-slider .portfolio-content .hover-content h6{font-family:Roboto Mono Light}.portfolio-wrapper-outer .keen-slider .portfolio-content h6.slide-title{position:absolute;bottom:16px;left:16px;font-family:Roboto Mono;color:#fff;max-width:225px;margin-bottom:0;opacity:1;transition:opacity .3s ease-in-out}.portfolio-wrapper-outer .keen-slider .portfolio-content:hover .hover-content{opacity:1}.portfolio-wrapper-outer .keen-slider .portfolio-content:hover .slide-title{opacity:0}.portfolio-wrapper-outer .keen-slider .portfolio-content img{width:100%;height:100%;object-fit:contain}.portfolio-wrapper-outer .portfolio-wrapper-inner{position:relative}@media screen and (min-width: 1600px){.portfolio-wrapper-outer .portfolio-wrapper-inner:before{content:"";position:absolute;z-index:1;height:100%;width:260px;left:0;top:0;background:linear-gradient(90deg,#ffffffe6,#fff0);pointer-events:none}.portfolio-wrapper-outer .portfolio-wrapper-inner:after{content:"";position:absolute;z-index:1;height:100%;width:260px;right:0;top:0;background:linear-gradient(90deg,#fff0,#ffffffe6);pointer-events:none}}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner{position:relative;max-width:600px;margin:0 auto 25px}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner .arrow{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.35rem;font-weight:300}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner .arrow.arrow--left{left:-25px}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner .arrow.arrow--right{right:-25px}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner .portfolio-navigation-wrapper{width:100%;position:relative;box-sizing:border-box}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner .portfolio-navigation-wrapper:before{content:"";position:absolute;z-index:1;height:100%;width:100px;left:0;top:0;background:linear-gradient(90deg,#ffffffe6,#fff0);pointer-events:none}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner .portfolio-navigation-wrapper:after{content:"";position:absolute;z-index:1;height:100%;width:100px;right:0;top:0;background:linear-gradient(90deg,#fff0,#ffffffe6);pointer-events:none}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner .portfolio-navigation-wrapper .nav-slide{text-align:center}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner .portfolio-navigation-wrapper .nav-slide p{padding:0 5px;margin:0;background-color:transparent;position:relative;z-index:10;opacity:.5;transition:opacity .3s ease-in-out;text-transform:uppercase;white-space:nowrap}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner .portfolio-navigation-wrapper .nav-slide p.active{opacity:1;font-family:Roboto Mono Bold}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner .portfolio-navigation-wrapper .nav-slide p.portfolio-nav-menu{cursor:pointer}@media screen and (max-width: 991px){.portfolio-wrapper-outer .keen-slider .portfolio-content .hover-content{padding:16px 0 12px;position:absolute;height:auto;top:unset;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background-color:unset;background:linear-gradient(0deg,#fffc 10%,#ffffff80);opacity:1}.portfolio-wrapper-outer .keen-slider .portfolio-content .hover-content h4{margin-bottom:4px}.portfolio-wrapper-outer .keen-slider .portfolio-content .hover-content h6{margin-bottom:0}.portfolio-wrapper-outer .keen-slider .portfolio-content h6.slide-title{display:none}}@media screen and (max-width: 768px){.portfolio-wrapper-outer{margin:80px -24px 180px}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner{max-width:100%}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner .arrow{display:none}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner .portfolio-navigation-wrapper:before{width:50px}.portfolio-wrapper-outer .portfolio-navigation-wrapper-inner .portfolio-navigation-wrapper:after{width:50px}}#landing-banner{min-height:95vh;background-color:#f9f3e7;margin:-56px -24px 120px}#landing-banner .keen-slider{height:95vh;transition:background-color .35s linear}#landing-banner .keen-slider .keen-slider__slide{position:relative}#landing-banner .keen-slider .keen-slider__slide .slider-gif{object-fit:cover;height:62%;max-height:650px;max-width:365px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#landing-banner .keen-slider .keen-slider__slide .supernormal-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;max-width:102vh}#landing-banner .keen-slider .keen-slider__slide .supernormal-logo path{transition:fill .35s linear}@media screen and (max-width: 991px){#landing-banner .keen-slider .keen-slider__slide .slider-gif{height:50vw}#landing-banner .keen-slider .keen-slider__slide .supernormal-logo{max-width:90vw}}@media screen and (max-width: 768px){body #landing-banner{min-height:85vh;margin:-56px -24px 80px}body #landing-banner .keen-slider{height:85vh}body #landing-banner .keen-slider .keen-slider__slide .slider-gif{height:100vw;max-height:60vh}body #landing-banner .keen-slider .keen-slider__slide .supernormal-logo{max-width:90vw}}