*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overflow-x:hidden}@font-face{font-family:Akrobat;font-weight:400;src:url(/static/media/AkrobatRegular.200e04b3fe35b152dd39.otf) format("opentype")}@font-face{font-family:Akrobat;font-weight:600;src:url(/static/media/AkrobatSemiBold.ddc05a2dcce71a78ae1f.otf) format("opentype")}@font-face{font-family:Akrobat;font-weight:700;src:url(/static/media/AkrobatBold.1764fb712a725d051176.otf) format("opentype")}@font-face{font-family:Akrobat;font-weight:800;src:url(/static/media/AkrobatExtraBold.0a337deff569bdc52555.otf) format("opentype")}@font-face{font-family:Akrobat;font-weight:900;src:url(/static/media/AkrobatBlack.c07b0ab9a54032ffe7a5.otf) format("opentype")}body,input,label,textarea{font-family:Akrobat,sans-serif;font-weight:400;line-height:1.65;margin:0}input,label,p,textarea{color:#a9afc3;font-family:Akrobat,sans-serif;font-size:1em;font-weight:400}input a,input a:visited,label a,label a:visited,p a,p a:visited,textarea a,textarea a:visited{color:#fff}h1,h2,h3,h4,h5{color:#fff;font-family:Akrobat,sans-serif;font-weight:800;line-height:1.15}.text-size-h1,h1{font-size:5.21em;margin-top:0}.text-size-h2,h2{font-size:3.16em}.text-size-h3,h3{font-size:2.37em}.text-size-h4,h4{font-size:1.78em}.text-size-h5,h5{font-size:1.33em}.text-caption{font-size:.75em}.text-small,small{font-size:.56em}::-webkit-scrollbar{background:#fff;width:7px}::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:40px}::-webkit-scrollbar-track{background:#1c1c1c}body{background-color:#22232e}img,video{margin:1rem 0;max-height:100%;width:100%}li{color:#fff}.logo{margin:auto 0;text-transform:lowercase!important}.logo a{color:#fff;text-decoration:none}.logo a span{color:#f55a59}.hamburger{align-items:flex-end;background-color:#0000;cursor:pointer;display:none;position:absolute;right:0;top:50%;transform:translate(-50%,-50%);transition:all .7s ease;z-index:2}.hamburger div{background:#fff;height:2px;margin:7px;transition:all .3s ease;width:30px}.line2{margin:10px;transform:scaleX(.75);transform-origin:100%}.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.toggle .line2{transition:all .7s ease;width:0}.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}.nav{border-bottom:.5px solid #ffffff40;display:flex;justify-content:space-between;min-height:60px;position:fixed;top:0;width:100vw;z-index:1000}.nav,.nav:hover{transition:all .3s ease}.nav:hover{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#1c1c1c80;padding:0}.nav__inner{display:flex;margin:auto;padding-left:50px;padding-right:50px;width:100vw}.nav.scroll{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#1c1c1c80;border-bottom:.5px solid #ffffff40;padding:0;transition:all .3s ease}.nav__links{align-items:center;background-color:#0000;display:flex;font-weight:500;justify-content:space-between;letter-spacing:.5rem;list-style:none;margin-left:auto;margin-right:0;padding:1vh 1vw;text-transform:uppercase;width:500px}.nav__links .logo{display:none;margin:0}.nav__links li a{background-color:#0000;color:#ffffffa8;text-decoration:none;text-shadow:0 8px 24px #1c1c1c;transition:all .3s ease}.nav__links li a.active{border-bottom:3px solid #39b3d6;color:#fff;font-weight:700}.nav__links li a:hover{border-bottom:3px solid #39b3d6;color:#fff;font-weight:600}.nav__links li a:hover:before{background-color:#0000;color:#fff;width:80%}.wrapper{left:0;margin:60px auto auto;max-width:1440px;padding:0 6rem;right:0}.wrapper__inner{margin:6rem 0;min-height:calc(100vh - 18rem)}.hollow{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;color:#0000}.dash{background:#f55a59;height:10px;margin:auto 1rem auto .25rem;width:4rem;z-index:10000}.main{height:100vh}.main__herotext{height:50%;margin:7rem 0 0;position:relative;transform:translateY(3rem);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.main__valueprop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#22232e59;border-left:3px solid #fff;float:right;padding:1rem}.main__valueprop p{background-color:#0000;bottom:0;color:#fff;float:right;font-size:1.33rem;text-shadow:0 8px 24px #1c1c1c33}.main__valueprop .scivis{background:#f55a59;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);color:#fff;text-transform:uppercase}.main__valueprop .scivis .typing{-webkit-clip-path:inset(0 98% 0 0);clip-path:inset(0 98% 0 0);color:#0000}.main__valueprop .scivis h4{height:auto;text-shadow:0 8px 24px #1c1c1c80;vertical-align:middle}.typeContainer{display:flex;flex-direction:row}#cursor{animation:blink .75s step-end infinite;background-color:#fff;display:inline-block;height:2.1em;margin-left:.25rem;vertical-align:middle;width:3px}@keyframes blink{0%,to{background-color:#0000}50%{background-color:#fff}}#scroll-down{display:block;padding-top:79px;position:relative;text-align:center}.arrow-down{display:block;height:38px;margin:0 auto;width:10px}.arrow-down:after{border-right:2px solid #fff;border-top:2px solid #fff;content:"";display:block;height:8px;margin:0;padding:0;transform:rotate(135deg);width:8px}#scroll-title{color:#fff;display:block;font-family:Helvetica Neue,Helvetica,Arial;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}#scroll-down:before{animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite;background:#fff;content:" ";height:90px;left:50%;margin-left:-1px;position:absolute;top:0;width:2px}@keyframes elasticus{0%{transform:scaleY(0);transform-origin:0 0}50%{transform:scale(1);transform-origin:0 0}50.1%{transform:scale(1);transform-origin:0 100%}to{transform:scaleY(0);transform-origin:0 100%}}.about{display:flex;flex-direction:column}.about .btn__wrap{margin:2vh 0}.about p{text-align:right}.btn,button{background:#22232e80;border:3px solid #39b3d6;cursor:pointer;height:3rem;outline:none;padding:0 2rem;position:relative;text-align:center;text-transform:uppercase;transition:.1s cubic-bezier(.16,.08,.355,1);vertical-align:middle}.btn p,button p{color:#fff;font-size:1rem!important;font-weight:900!important;letter-spacing:.5rem!important;overflow:hidden}.btn__wrap,button__wrap{display:flex;justify-content:flex-end;position:relative}.diagonalWrap{margin-top:10vh}.diagonalWrap svg{height:30vh}.btn:hover,button:hover{background:#39b3d6;color:#1c1c1c}.btn:hover p,button:hover p{color:#1c1c1c;transition:color .1s cubic-bezier(.16,.08,.355,1)}.btn:active,button:active{background:#39b3d6;font-weight:900}.btn-arrow{position:relative;transition:background-color .3s ease-out}.btn-arrow span{border:3px;color:#fff;display:inline-block;position:relative;transition:all .3s ease-out;will-change:transform}.btn-arrow svg{opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease-out;width:1.1em;will-change:right,opacity}.btn-arrow:hover span{color:#1c1c1c;transform:translate3d(-1rem,0,0)}.btn-arrow:hover svg{opacity:1;right:-2rem}.header__wrapper{margin:2rem auto;max-width:calc(1440px - 12rem);width:100%}.scroll__wrapper{right:0;width:60px}.scroll__wrapper,.social__wrapper{bottom:0;color:#fff;font-size:1.3rem;height:calc(100vh - 60px);padding-top:70vh;position:fixed;text-decoration:none;z-index:5}.social__wrapper{border-right:.5px solid #ffffff40;left:0;width:auto}.social__wrapper a{color:#fff;font-size:1.3rem;text-decoration:none}.social{display:none}.icon{align-items:center;background-color:#0000;cursor:pointer;display:flex;height:50px;justify-content:center;transition:width .5s ease;transition:.3s;width:50px}.icon:hover{width:60px}.gallery{grid-gap:1vh 4em;display:grid;gap:1vh 4em;grid-auto-flow:row;grid-auto-rows:1fr;grid-template-areas:". ." ". ." ". ." ". .";grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.gallery a{text-decoration:none}.gallery__wrapper{height:600px;width:100%}.gallery__wrapper__inner{height:100%;overflow:hidden;width:100%}.gallery__wrapper__inner:hover .gallery__img img{overflow:hidden;transform:scale(1.1);transition:.3s}.gallery__img{height:70%;margin-bottom:1rem;overflow:hidden;width:100%}.gallery__img__inner{height:100%;overflow:hidden;transition:.3s;width:100%}.CTA__wrapper{margin:5rem 0}.blend-mask{background:linear-gradient(180deg,#22232e00 13%,#22232e 72%);bottom:0;height:5vh;left:0;position:absolute;width:100vw}.highlightWork{display:flex;height:40vh;margin:5vh 0;width:100%}.highlightWork__caption{height:100%;margin-right:4rem;position:relative;width:50%}.highlightWork__caption__title{margin:0 0 2rem}.highlightWork__caption__title p{color:#fff;font-size:1.33em}.highlightWork__caption__subtitle{margin:0 0 2rem}.highlightWork__caption__subtitle span{color:#fff;font-weight:800}.highlightWork__caption__wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:auto;position:absolute;top:50%;transform:translateY(-50%)}.highlightWork__caption__wrapper:hover{cursor:pointer}.highlightWork__caption__wrapper h5 span{color:#f55a59}.highlightWork__wrapper{height:100%;overflow:hidden;top:0;width:100%}.highlightWork__wrapper__inner{height:100%;transition:.3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.highlightWork__wrapper__inner__img{height:800px;transition:.5s;width:800px}.highlightWork__wrapper__inner__img:hover{cursor:pointer;transform:scale(1.1);transform-origin:center;transition:.5s}.youtube{width:100%}.animation{opacity:0;transform:translateY(3em);transition:.5s}.animated{opacity:100%;transform:translateY(0);transition:.5s}.transition-wipe{transform:translateY(100%)}.transition-hidden,.transition-wipe{height:auto;overflow:hidden;transition:.5s ease-in-out}.transition-hidden{transform:translateY(0)}.work{display:flex;gap:4rem;margin:4rem 0;width:100%}.work h4,.work h5,.work p{padding-bottom:1rem}.work button p{padding-bottom:0}.work__info ul li{color:#a9afc3;display:list-item;list-style-type:square;margin-left:2rem}.work__info ul li b{color:#fff}.work__info__basic{display:flex;flex-direction:column}.curtain{-webkit-user-select:none;user-select:none;z-index:20000}.curtain .color-1,.curtain .color-2,.curtain .color-3{height:100vh;left:0;position:fixed;top:0;transform-origin:bottom;width:100vw;will-change:transform}.curtain .color-1{background-color:#22232e;z-index:9999}.curtain .color-2{background-color:#fff;z-index:9998}.curtain .color-3{background-color:#f55a59;z-index:9997}.logo-wrapper{height:100%;margin:auto;position:absolute;width:100%}.logo-wrapper svg{display:block;height:500px;margin:auto;position:absolute;transform:scaleY(1)!important;width:auto}.singleColumn{flex-direction:column}.twoColumn{width:50%}.narrowColumn,.twoColumn{justify-content:space-between}.narrowColumn{width:33%}.wideColumn{justify-content:space-between;width:67%}#name{align-content:center;background-color:#0000;border:none;border-bottom:1px solid #ffffff80;color:#fff;font-weight:700;margin:auto;padding:10px;width:150px}#name:focus{border-bottom:3px solid #f55a59;outline:0;transition:.5s ease-in-out}#email{align-content:center;background-color:#0000;border:none;border-bottom:1px solid #ffffff80;color:#fff;font-weight:700;margin:auto;min-width:200px;padding:10px}#email:focus{border-bottom:3px solid #f55a59;outline:0;transition:.5s ease-in-out}#message{background-color:#0000;border:none;border-bottom:1px solid #ffffff80;color:#fff;font-weight:700;margin:auto;padding:10px;width:100%}#message:focus{border-bottom:3px solid #f55a59;outline:0;transition:.5s ease-in-out}input::placeholder,textarea::placeholder{background-color:#0000}textarea::placeholder{font-weight:700}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff;border:none;box-shadow:inset 0 0 0 1000px #22232e;-webkit-transition:#22232e 5000s ease-in-out 0s;transition:#22232e 5000s ease-in-out 0s}textarea{background-color:#0000}footer{align-content:center;bottom:0;display:flex;margin:auto;width:100%}footer p{margin:auto;padding:2rem}@media screen and (max-width:1024px){.nav__links{width:50%!important}.main__herotext{margin:2rem 0 0}}@media screen and (max-width:800px){.hamburger{display:block!important}.nav__inner{margin:0;padding:0 2rem}.nav__links{background-color:#212427;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);flex-direction:column;font-size:2rem;height:100vh;justify-content:center;pointer-events:none;position:fixed;transform:translateX(-30px);transition:all .6s ease-out;width:100%!important}.nav__links.open{-webkit-clip-path:inset(0 0 0 0)!important;clip-path:inset(0 0 0 0)!important;pointer-events:all;transition:all .6s ease-out;width:100%}.nav__links .logo{display:block;letter-spacing:normal}.nav__links .social{display:flex;flex-direction:row;justify-content:center}.nav__links .social a{margin:0 1rem}.nav__links li{margin:.5rem 5rem;opacity:0}.nav__links li.fade{opacity:1}.nav__links li:first-child{transition:all .5s ease .2s}.nav__links li:nth-child(2){transition:all .5s ease .4s}.nav__links li:nth-child(3){transition:all .5s ease .6s}.nav__links li:nth-child(4){transition:all .5s ease .7s}.nav__links li:nth-child(5){transition:all .5s ease .8s}.scroll__wrapper{display:none!important}.main__herotext{height:60vh!important;transform:translateY(1rem)}.diagonalWrap{display:none}.wrapper{padding:0 2rem}.highlightWork{flex-direction:column-reverse}.highlightWork__caption{height:50%;width:100%}.highlightWork__caption__title{margin:2.5rem 0 .5rem}.gallery{display:flex;flex-direction:column}.gallery__wrapper{width:100%}.reverse{flex-direction:column-reverse!important}.work{flex-direction:column;gap:.5rem;margin:2rem 0}.work__info__basic{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.work__info__basic__item{width:25vw}.scroll__wrapper,.social__wrapper{display:none}.narrowColumn,.twoColumn,.wideColumn{flex-direction:column;width:100%!important}.header__outer{padding:0 2rem!important}}@media screen and (max-width:500px){.text-size-h1,h1{font-size:3.5em;margin-top:0}.dash{width:2rem}.highlightWork{height:50vh}.main__herotext{margin:0}.main__valueprop{float:none!important}.header__wrapper h2{font-size:2.5rem}.header__wrapper h5{font-size:1.05rem;letter-spacing:.35rem!important;padding-bottom:1rem!important}}#loader-wrapper{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10001}.loaded{opacity:0;transition:all .3s ease-out}#loader{display:block;left:50%;position:relative;top:50%;width:auto;z-index:10001}.progress-bar{border:1px solid #ffffff80;height:.75rem;margin:auto;padding:2px;position:absolute;transform:translateX(-50%);transition:.3s;width:25vw}.progress-bar__fill{background:#fff;height:100%;transition:.3s;width:0}.flashing-animation{animation:flashing 1.5s linear 0s infinite normal none}.progress-text{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transform:translate(-50%,-10%);width:100%}.progress-text p{color:#fff;letter-spacing:.2em;margin-bottom:5rem;text-transform:uppercase;transition:.3s}.progress-loaded{transform:translateX(-50%) scaleX(0)}@keyframes flashing{0%{opacity:1}50%{opacity:0}to{opacity:1}}.loaded #loader-wrapper{visibility:hidden}.loader-section{height:51%;left:0;position:absolute;width:100%;z-index:150}#section-top{background:#212427;top:0;transform:matrix(1,0,0,-1,0,0)}#section-bottom{background:#212427;bottom:0}.fade-up{transform:translateY(-100%)}.fade-down,.fade-up{transition-delay:.3ms}.fade-down{transform:translateY(100%)}.hide-loadbar{opacity:0;transition-delay:5s;transition:.5s}.carousel{position:relative;width:100%}.carousel__viewport{border-radius:12px;overflow:hidden}.carousel__container{display:flex;touch-action:pan-y pinch-zoom}.carousel__slide{flex:0 0 100%;min-width:0}.carousel__img{aspect-ratio:4/5;display:block;height:100%;margin:0;max-height:none;object-fit:cover;width:100%}.carousel__btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#22232e8c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:2.75rem;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease;width:2.75rem;z-index:2}.carousel__btn:hover{background:#f55a59}.carousel__btn svg{height:1.1rem;width:1.1rem}.carousel__btn--prev{left:.75rem}.carousel__btn--next{right:.75rem}.carousel__dots{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.carousel__dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:.6rem;padding:0;transition:background .2s ease,transform .2s ease;width:.6rem}.carousel__dot--active{background:#f55a59;transform:scale(1.25)}
/*# sourceMappingURL=main.747a2f54.css.map*/