:root{--padding:40px;--padding-sides:55px}@font-face{font-display:swap;font-family:optieinstein;font-style:normal;font-weight:800;src:url(/assets/OPTIEinstein_black.woff?084ac16e4e1809d16fb4) format("woff")}@font-face{font-display:swap;font-family:fontello;font-style:normal;font-weight:400;src:url(/assets/fontello.woff2?3ae2544491f2dc543796) format("woff2")}[class*=icon-]:before{-webkit-font-smoothing:antialiased;display:inline-block;font-family:fontello;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.icon-external:before{content:""}.icon-contact:before{content:""}.icon-twitter:before{content:""}*{box-sizing:border-box}body{background:#151211;color:#c7bdb1;font-family:Manrope,sans-serif;font-weight:400;margin:0;position:relative;scrollbar-color:#716f6f #151313}body[data-scroll-disabled]{overflow-y:hidden;padding-right:17px}body[data-scroll-disabled] header{padding-right:17px}body[data-scroll-disabled] #scroll_bar{overflow-y:scroll}body[data-scroll-disabled] #page_transition{width:calc(100% - 17px)}body[data-scroll-disabled] footer{padding-right:17px}body[data-scroll-disabled-mobile]{overflow-y:hidden}body[data-scroll-disabled-mobile] footer,body[data-scroll-disabled-mobile] header{padding-right:0}a{color:inherit;text-decoration:none}code{background-color:#313131;border-radius:3px;color:#fff;padding:10px 20px}.wrapper{padding:var(--padding) var(--padding-sides)}.btn{background-color:#fff;border:1px solid transparent;border-radius:3px;color:#151211;cursor:pointer;display:inline-block;font-size:1rem;padding:8px 40px;text-align:center;text-transform:capitalize;transition:all .4s cubic-bezier(.165,.84,.44,1)}.btn.small{font-size:.875rem;padding:3px 20px}.btn.accent{background-color:#5a473a;color:#fff}.btn.accent:hover{background-color:rgba(90,71,58,.2);border-color:#5a473a}.btn:hover{background-color:hsla(0,0%,100%,.2);border-color:#fff;color:#fff}.contactBtn{align-items:center;border-radius:30px;bottom:var(--padding);display:flex;font-size:1.5625rem;left:var(--padding);padding:7px 13px;position:fixed;z-index:1}.contactBtn span{font-size:1rem;margin-left:0;width:0}.contactBtn:hover{padding:7px 30px}.contactBtn:hover span{margin-left:10px;width:91px}.animate{opacity:0}main{background-color:#151211;margin-bottom:calc(var(--padding)*5 + 140px);position:relative;z-index:1}main img{object-fit:cover}section:first-child{min-height:100vh;padding-top:calc(47px + var(--padding)*2 + var(--padding)*1)}h1{font-size:4.0625rem}h1,h2{line-height:1.2}h2{font-size:2.25rem}p{font-size:1.125rem;opacity:.9}p,p.small{line-height:1.5}p.small{font-size:1rem}.fieldText{font-size:.9375rem}.fieldText.expanded{letter-spacing:2px;text-transform:uppercase}.textURL{color:#987862;cursor:pointer;transition:color .4s cubic-bezier(.165,.84,.44,1)}.textURL:hover{color:#e9e2dd}.twclr{color:#fff}.ffOpti{-webkit-font-smoothing:antialiased!important;font-family:optieinstein,serif;text-rendering:optimizeLegibility!important;text-shadow:1px 1px 1px hsla(0,0%,100%,.004)}.fwBold{font-weight:700}.tu{text-transform:uppercase}.tc{text-transform:capitalize}.tcut{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header{position:fixed;top:0;transition:background-color .3s cubic-bezier(.165,.84,.44,1);width:100%;z-index:2}header.fixed{background-color:rgba(21,18,17,.93)}header.fixed nav{padding:25px var(--padding-sides)}nav{display:flex;justify-content:space-between;transition:padding .3s cubic-bezier(.165,.84,.44,1)}nav,nav>a>img{position:relative}nav>a>img{height:100%;width:55px}nav #nav_list,nav>a>img{z-index:2}nav #nav_list{align-items:center;display:flex;font-size:1.125rem;list-style:none;margin:0;padding:0}nav #nav_list>li{transition:color .3s cubic-bezier(.165,.84,.44,1)}nav #nav_list>li:not(:last-child){margin-right:20px}nav #nav_list>li:hover{color:#fff}#scroll_bar{height:100vh;pointer-events:none;position:fixed;width:100vw;z-index:9}[data-barba-namespace=w]~footer div:first-child a.latest{display:none}main:not([data-barba-namespace=w])~footer div:first-child a.next,main:not([data-barba-namespace=w])~footer div:first-child a.previous{display:none!important}footer{bottom:0;position:fixed;width:100%;z-index:-1}footer div:first-child:not(:last-child),footer div~div{background-color:#090807}footer div:first-child:not(:last-child) a{display:block;margin:80px auto auto;width:max-content}footer div:first-child:not(:last-child) a h2,footer div:first-child:not(:last-child) a p{margin:auto;transition:all .3s cubic-bezier(.165,.84,.44,1);width:max-content}footer div:first-child:not(:last-child) a p{margin-top:8px;max-width:calc(100% - .5px);transform:translateX(-8px);transition-delay:25ms}footer div:first-child:not(:last-child) a:not(:first-child){width:50%}footer div:first-child:not(:last-child) a.previous p{transform:translateX(8px)}footer div:first-child:not(:last-child) a.previous:hover h2{transform:translate(-30px)}footer div:first-child:not(:last-child) a.previous:hover p{transform:translate(-22px)}footer div:first-child:not(:last-child) a:hover h2{transform:translate(30px)}footer div:first-child:not(:last-child) a:hover p{transform:translate(22px)}footer div:last-child{padding-top:var(--padding);text-align:right}footer div:last-child a{opacity:.5;transition:all .2s cubic-bezier(.165,.84,.44,1)}footer div:last-child a:hover{opacity:1}footer div:last-child a:not(:last-child){margin-right:20px}[data-barba-namespace=error] section>div{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;min-height:calc(100vh - 47px - var(--padding)*2 - var(--padding)*5)}[data-barba-namespace=error] section>div h1{margin:0 0 10px;width:100%}[data-barba-namespace=error]~.contactBtn{display:none}@media only screen and (max-width:850px){:root{--padding:25px;--padding-sides:25px}h1{font-size:2.8125rem}h2{font-size:2rem}p{font-size:1rem}p.small{font-size:.875rem}.contactBtn{display:none}main{margin-bottom:calc(var(--padding)*4 + 112px)}.btn{font-size:.875rem}nav #nav_list{font-size:1rem}nav #nav_list>li:not(:last-child){margin-right:10px}footer div:first-child a{margin-top:calc(65px - var(--padding))!important}footer div:first-child a h2{font-size:1.125rem}footer div:first-child a p{font-size:.875rem}footer div:last-child{text-align:center}}@media only screen and (max-width:360px){nav #nav_list{font-size:.875rem}nav #nav_list>li:not(:last-child){margin-right:8px}}[data-barba-namespace=home] section{background-image:url(https://res.cloudinary.com/bumbleboss/image/upload/o_03/v1620788135/v2/index/hero.webp)}[data-barba-namespace=home] section>div{display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:700px;min-height:calc(100vh - 47px - var(--padding)*2 - var(--padding)*5)}[data-barba-namespace=home] section>div h1{color:#151211;margin:0 0 20px;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}[data-barba-namespace=home] section>div p{margin:0 0 31px}[data-barba-namespace=home] section>div>div .btn:not(:last-child){margin-right:20px}@media only screen and (max-width:850px){[data-barba-namespace=home] section>div p{font-size:1.125rem}}@media only screen and (max-width:580px){[data-barba-namespace=home] section>div h1 br{display:none}[data-barba-namespace=home] section>div>div{display:flex;flex-direction:column;text-align:center}[data-barba-namespace=home] section>div>div .btn:not(:last-child){margin:0 0 10px}}[data-barba-namespace=about] section>div{display:flex;justify-content:center;margin:0 auto auto;max-width:1000px;min-height:calc(100vh - 47px - var(--padding)*2 - var(--padding)*5)}[data-barba-namespace=about] section>div>div{display:flex;justify-content:center;margin:auto}[data-barba-namespace=about] section>div>div img,[data-barba-namespace=about] section>div>div>div{align-content:stretch;flex-grow:1}[data-barba-namespace=about] section>div>div>img{border-radius:3px;margin-right:90px;max-width:350px;width:100%}[data-barba-namespace=about] section>div>div h2{margin:0 0 25px}[data-barba-namespace=about] section>div>div p{margin:0 0 16px}[data-barba-namespace=about] section>div>div>div{flex-direction:column}[data-barba-namespace=about] section>div>div>div div:last-child{display:flex}[data-barba-namespace=about] section>div>div>div div:last-child ul{list-style:none;margin:0;padding-left:14px}[data-barba-namespace=about] section>div>div>div div:last-child ul:first-child{margin-right:50px}[data-barba-namespace=about] section>div>div>div div:last-child ul:before{color:#fff;display:block;font-size:.9375rem;letter-spacing:2px;margin:0 0 5px -14px;opacity:.9;text-transform:uppercase}[data-barba-namespace=about] section>div>div>div div:last-child ul:first-child:before{content:"design"}[data-barba-namespace=about] section>div>div>div div:last-child ul:last-child:before{content:"development"}[data-barba-namespace=about] section>div>div>div div:last-child ul li{opacity:.9}[data-barba-namespace=about] section>div>div>div div:last-child ul li:before{color:#5a473a;content:"•";display:inline-block;font-weight:700;margin-left:-1em;width:1em}@media only screen and (max-width:850px){[data-barba-namespace=about] section>div{max-width:500px}[data-barba-namespace=about] section>div>div{flex-direction:column}[data-barba-namespace=about] section>div>div>img{margin:0 0 35px;max-height:350px;max-width:none}[data-barba-namespace=about] section>div>div>div div{flex-wrap:wrap;justify-content:space-between}[data-barba-namespace=about] section>div>div>div div ul:not(:last-child){margin-bottom:16px!important}}main[data-barba-namespace=work] section>div{display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:1600px;min-height:calc(100vh - 43px - var(--padding)*4);text-align:left}main[data-barba-namespace=work] section>div>h2{margin:0 0 50px}main[data-barba-namespace=work] section>div:nth-child(n+2)>h2{margin:100px 0 50px}main[data-barba-namespace=work] section>div .workContainer{min-height:73vh;position:relative;text-align:left;width:100%}main[data-barba-namespace=work] section>div .workContainer:not(:last-child){margin-bottom:50px}main[data-barba-namespace=work] section>div .workContainer img{border-radius:3px;height:100%;left:0;min-height:350px;position:absolute;top:0;width:100%}main[data-barba-namespace=work] section>div .workContainer .workInfo{background-color:#090807;border-radius:0 3px 0 3px;bottom:0;max-width:600px;padding:50px;position:absolute;z-index:1}main[data-barba-namespace=work] section>div .workContainer .workInfo h2{margin:0 0 8px;opacity:.97}main[data-barba-namespace=work] section>div .workContainer .workInfo p{line-height:1.9125rem;margin:0 0 18px}main[data-barba-namespace=work] section>div .workContainer .workInfo>div a:not(:last-child){margin-right:15px}@media only screen and (max-width:850px){main[data-barba-namespace=work] section>div .workContainer{min-height:50vh}main[data-barba-namespace=work] section>div .workContainer:not(:last-child){margin-bottom:30px}main[data-barba-namespace=work] section>div .workContainer>img{border-radius:3px 3px 0 0;display:block;height:auto;position:static}main[data-barba-namespace=work] section>div .workContainer .workInfo{border-radius:0 0 3px 3px;max-width:none;padding:25px;position:static}main[data-barba-namespace=work] section>div .workContainer .workInfo>div a:not(:last-child){margin-right:3px}main[data-barba-namespace=work] section>div>h2{margin:0 0 30px}main[data-barba-namespace=work] section>div:nth-child(n+2)>h2{margin:70px 0 30px}}[data-barba-namespace=contact]~.contactBtn{display:none}[data-barba-namespace=contact] section #contact_btn{margin-top:26px;width:calc(100% - 1px)}[data-barba-namespace=contact] section .contactStatus{background-color:#090807;border-radius:3px;opacity:0;padding:25px;position:absolute;top:-120%;transition-delay:.3s}[data-barba-namespace=contact] section>div{display:flex;flex-direction:row;justify-content:center;margin:auto;max-width:1100px;min-height:calc(100vh - 47px - var(--padding)*2 - var(--padding)*5)}[data-barba-namespace=contact] section>div h2{margin:0 0 4px}[data-barba-namespace=contact] section>div p{margin:0 0 26px}[data-barba-namespace=contact] section>div>div{display:flex;flex-direction:row;justify-content:center;margin:auto;width:100%}[data-barba-namespace=contact] section>div>div>div:first-child{max-width:450px;width:100%}[data-barba-namespace=contact] section>div>div>div:first-child div span{display:block;margin-bottom:5px}[data-barba-namespace=contact] section>div>div>div:first-child div a:not(:last-child){margin:0 10px 10px 0}[data-barba-namespace=contact] section>div>div>div:last-child{display:flex;flex-direction:column;margin-left:70px;max-width:550px;position:relative;width:100%}[data-barba-namespace=contact] section>div>div>div:last-child.error>div:last-child,[data-barba-namespace=contact] section>div>div>div:last-child.success>div:last-child{clip-path:inset(100% 0 0 0)}[data-barba-namespace=contact] section>div>div>div:last-child.error>.contactStatus.error,[data-barba-namespace=contact] section>div>div>div:last-child.success>.contactStatus.success{opacity:1;top:0}[data-barba-namespace=contact] section>div>div>div:last-child>div{transition:top .6s cubic-bezier(.165,.84,.44,1),clip-path .6s cubic-bezier(.165,.84,.44,1)}[data-barba-namespace=contact] section>div>div>div:last-child>div>h2{opacity:.97}[data-barba-namespace=contact] section>div>div>div:last-child>div code{display:block;margin-top:10px}[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child{clip-path:inset(0 0 0 0);display:flex;flex-direction:column}[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child label{color:#c7bdb1;margin:26px 0 5px;opacity:.9}[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child label:first-child{margin-top:0}[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child label span{color:#ff2424}[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child input,[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child input:-webkit-autofill,[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child textarea,[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child textarea:-webkit-autofill{-webkit-text-fill-color:#fff;background:#151211;border:1px solid #c7bdb1;border-radius:3px;-webkit-box-shadow:inset 0 0 0 1000px #151211;color:#fff;font-family:Manrope,sans-serif;font-size:1.125rem;padding:10px 15px;transition:all .2s cubic-bezier(.165,.84,.44,1);width:calc(100% - 1px)}[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child input:-webkit-autofill:hover,[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child input:hover,[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child textarea:-webkit-autofill:hover,[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child textarea:hover{border-color:#fff}[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child input:-webkit-autofill:focus,[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child input:focus,[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child textarea:-webkit-autofill:focus,[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child textarea:focus{background:rgba(90,71,58,.05);border-color:#5a473a;outline-style:none}[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child input:-webkit-autofill:first-line,[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child input:first-line,[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child textarea:-webkit-autofill:first-line,[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child textarea:first-line{font-family:Manrope,sans-serif;font-size:1.125rem}[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child textarea{font-size:1rem;resize:vertical}[data-barba-namespace=contact] section>div>div>div:last-child>div:last-child>span{color:#ff2424;display:none;margin-top:5px}@media only screen and (max-width:850px){[data-barba-namespace=contact] section>div>div{flex-direction:column}[data-barba-namespace=contact] section>div>div>div:first-child{max-width:none}[data-barba-namespace=contact] section>div>div>div:first-child div{margin-bottom:30px}[data-barba-namespace=contact] section>div>div>div:last-child{margin:0;max-width:none}}[data-barba-namespace=w] section img,[data-barba-namespace=w] section video{display:block}[data-barba-namespace=w] section>div:not(.imageText){margin:auto;max-width:650px}[data-barba-namespace=w] section img~p{font-size:.875rem;letter-spacing:2px}[data-barba-namespace=w] section #work_wrapper h1{margin:0 0 20px}[data-barba-namespace=w] section #work_wrapper p{margin:0 0 23px}[data-barba-namespace=w] section #work_wrapper>div:not(:last-child){display:flex;flex-wrap:wrap;justify-content:space-between}[data-barba-namespace=w] section #work_wrapper>div:not(:last-child)>div{margin-bottom:25px}[data-barba-namespace=w] section #work_wrapper>div:not(:last-child)>div span{display:block}[data-barba-namespace=w] section #work_wrapper>div:not(:last-child)>div span:last-child:first-letter{text-transform:uppercase}[data-barba-namespace=w] section #work_wrapper>div:last-child a:not(:last-child){margin:0 10px 10px 0}[data-barba-namespace=w] section #work_wrapper~img{height:100vh;margin-left:calc(var(--padding-sides)*-1);margin-top:100px;width:calc(100% + var(--padding-sides)*2)}[data-barba-namespace=w] section:not(:first-child) .mediaText{margin-left:auto;margin-right:auto;max-width:1400px;width:100%}[data-barba-namespace=w] section:not(:first-child) .mediaText>a{font-size:2rem}[data-barba-namespace=w] section:not(:first-child) .mediaText>a i{color:#987862;transition:color .3s cubic-bezier(.165,.84,.44,1)}[data-barba-namespace=w] section:not(:first-child) .mediaText>a:hover i{color:#e9e2dd}[data-barba-namespace=w] section:not(:first-child) .mediaText p{margin:15px 0 30px;max-width:650px}[data-barba-namespace=w] section:not(:first-child) .mediaText img{margin-bottom:200px;margin-top:0!important}[data-barba-namespace=w] section:not(:first-child) .mediaText:last-child img{margin-bottom:0}[data-barba-namespace=w] section:not(:first-child) img,[data-barba-namespace=w] section:not(:first-child) video{margin:auto;max-width:1400px;width:100%}[data-barba-namespace=w] section:not(:first-child) img~p,[data-barba-namespace=w] section:not(:first-child) video~p{margin-bottom:0}[data-barba-namespace=w] section:not(:first-child) img:last-child,[data-barba-namespace=w] section:not(:first-child) img~img,[data-barba-namespace=w] section:not(:first-child) video:last-child,[data-barba-namespace=w] section:not(:first-child) video~video{margin-top:50px}[data-barba-namespace=w] section:not(:first-child)>div p{line-height:1.7;margin:50px 0}[data-barba-namespace=w] section:not(:first-child)>div p span{display:block;font-size:1.125rem}[data-barba-namespace=w] section:not(:first-child)>div p:first-child{margin-top:200px}[data-barba-namespace=w] section:not(:first-child)>div p:last-child{margin-bottom:200px}[data-barba-namespace=w] section:not(:first-child) .mediaText:first-child,[data-barba-namespace=w] section:not(:first-child)>div:first-child p:first-child{margin-top:calc(200px - var(--padding)*2)}@media only screen and (max-width:850px){[data-barba-namespace=w] section #work_wrapper~img{margin-top:50px}[data-barba-namespace=w] section:not(:first-child) .mediaText>a{font-size:1.4375rem}[data-barba-namespace=w] section:not(:first-child) .mediaText p{margin:8px 0 20px}[data-barba-namespace=w] section:not(:first-child) .mediaText img{margin-bottom:80px}[data-barba-namespace=w] section:not(:first-child) :not(.mediaText)>img:last-child,[data-barba-namespace=w] section:not(:first-child) :not(.mediaText)>video:last-child,[data-barba-namespace=w] section:not(:first-child) img~img,[data-barba-namespace=w] section:not(:first-child) video~video{margin-top:30px}[data-barba-namespace=w] section:not(:first-child)>div p{margin:25px 0}[data-barba-namespace=w] section:not(:first-child)>div p span{display:block;font-size:1.125rem}[data-barba-namespace=w] section:not(:first-child)>div p:first-child{margin-top:80px}[data-barba-namespace=w] section:not(:first-child)>div p:last-child{margin-bottom:80px}[data-barba-namespace=w] section:not(:first-child) .mediaText:first-child,[data-barba-namespace=w] section:not(:first-child)>div:first-child p:first-child{margin-top:calc(80px - var(--padding)*2)}}