@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.woff) format("woff"),url(/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Light.woff) format("woff"),url(/fonts/Roboto-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Thin.woff) format("woff"),url(/fonts/Roboto-Thin.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.woff) format("woff"),url(/fonts/Roboto-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Black.woff) format("woff"),url(/fonts/Roboto-Black.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:iconfield;src:url(/fonts/iconfield-v03.woff) format("woff"),url(/fonts/iconfield-v03.ttf) format("truetype");font-weight:400;font-style:normal}:root{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif}noscript{position:absolute;top:20%;left:0;right:0;margin:10%;border:4px solid gray;background-color:rgba(0,0,0,.6);color:#fff;z-index:10000;text-align:center;padding:1em;font-size:50px}body{margin:0;color:#4d4e54;background-color:#f2f2f5;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:16px;font-weight:300;font-style:normal;padding:0 0 60px}div,li,ol,p,ul{margin:0;padding:0}*{box-sizing:border-box}h1,h2,h3{font-size:24px;font-weight:300;margin:0;text-transform:uppercase}h1,h2{font-size:42px}h2{text-transform:uppercase;background-color:transparent}li,ul{padding:0}li,p,ul{margin:0}p{font-size:16px;font-style:normal;font-weight:300;line-height:130%}a{cursor:pointer;text-decoration:none}a.link{color:#000;font-weight:400;padding:2px 0;&:hover{color:#000;border-bottom:1px solid #000}}button{color:#4d4e54}body .outer .content>header{display:flex;justify-content:space-between;align-items:center;padding-left:60px;padding-right:60px}body .outer .content>header>.titles{display:flex;flex-direction:row;font-size:2rem;gap:10px}body .outer .content>header>.titles h1{margin:0;display:inline-flex;color:#000;font-size:34px;font-style:normal;font-weight:100;line-height:60px;text-transform:uppercase}body .outer .content>header>.titles>.company{color:#000;font-size:36px;font-style:normal;font-weight:900;line-height:60px;text-transform:uppercase}body .outer .centered-content>header{padding:0}body:has(.modal){overflow:hidden}@media screen and (max-width:1200px){body .outer .content .references .reference{flex-basis:100%;max-width:100%}}@media screen and (max-width:640px){body .outer .content>header{padding:30px 30px 16px}body .outer .content>header>.titles{font-size:1rem;gap:8px;flex-wrap:wrap}body .outer .content>header>.titles h1,body .outer .content>header>.titles>.company{font-size:28px;line-height:100%}body .outer .content>header>.titles h1{font-weight:300}body .outer .content>header body .outer .content>.filter-container{border:1px solid red}body .outer .centered-content{padding-left:30px;padding-right:30px;max-width:100vw}body .outer .centered-content.content .references,body .outer .centered-content.content .references .reference{padding-left:0!important;padding-right:0!important}body .outer .centered-content.services{padding-left:10px;padding-right:10px}body .outer .centered-content.services .process{margin-left:0;margin-right:0;padding-left:10px;padding-right:10px}body .head .we-are{margin-bottom:130px}body .head .we-are .wrapper h1{margin-left:0;font-size:45px}body .head .we-are .wrapper h1 strong{font-size:50px}body .head .we-are .wrapper p{font-size:18px;line-height:110%;font-weight:400}body .references.section .reference .teaser-text h3{font-size:21px;font-weight:300}body .references.section .reference .teaser-text h3.project-title{font-weight:600}body .content.services{margin-top:40px}body .content.services h2{font-size:28px}body .content.services .process{justify-content:flex-start;align-items:flex-start}body .content.services .process .a-service{width:100vw}body .content.services .process .a-service .hidden-text{width:unset;position:relative;padding-bottom:20px;transition:all .25s ease-out;animation-fill-mode:both;padding-top:5px}body .content.services .process .a-service .hidden-text p:first-child{margin-bottom:8px}body .clients.section{padding:50px 20px}body .clients.section img{display:inline-block;margin:2px 10px;height:34px}.jobs-page h2,.sub-page h2{padding-top:20px;font-size:28px;font-weight:300}.contact.section.footer{margin-top:0;padding:0 30px;align-items:flex-start}.contact.section.footer>h2{margin-left:0}.contact.section.footer>.addresses,.contact.section.footer>.legal{align-self:flex-start;flex-direction:column;gap:30px}.contact.section.footer>.addresses>section,.contact.section.footer>.legal>section{padding:0}.sticky-footer{justify-content:flex-start!important}.sticky-footer>.social{margin-left:30px;gap:16px!important}.sticky-footer>.social>a.icon{align-items:center}.sticky-footer>.social>a.icon>img{width:32px;height:32px}.sticky-footer>.jobs.button{right:-80px;top:-150%;padding:24px 24px 24px 60px;font-size:36px;transform:scale(.5)}}@media screen and (max-width:680px){.bg-timelapse video{display:none}}#__next{min-height:calc(100vh - 60px)}#__next,.outer{display:flex;flex-direction:column}.outer{width:100%;height:100%;max-width:100vw;flex:1 1;overflow-x:hidden}.outer .centered-content{max-width:1600px;margin-left:auto;margin-right:auto}.head{height:100vh;display:flex;flex-direction:row;align-items:flex-end}.head .we-are{z-index:99;width:100%;text-shadow:0 0 30px #000;margin-bottom:85px;padding-left:60px}.head .we-are .wrapper{max-width:520px;color:#fff}.head .we-are .wrapper h1{text-shadow:0 0 120px rgba(0,0,0,.2);line-height:90%;padding-bottom:5px;letter-spacing:-.05em;font-weight:200;margin-left:-5px;font-size:85px}.head .we-are .wrapper h1 strong{font-size:100px;font-weight:800;letter-spacing:.005em}.head .we-are .wrapper p{font-size:25px;line-height:110%}.head .bg-timelapse{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:1;overflow:hidden;display:flex;justify-content:center;align-items:baseline;background:#888 url(/images/placeholder-timelapse.webp) 50% no-repeat;background-size:cover}.head .bg-timelapse video{width:100%;height:100vh;object-fit:cover}.head .bg-timelapse .dimmer{content:"";background:transparent url(/images/vignette.webp) 50% no-repeat;background-size:cover;position:absolute;top:0;left:0;height:100%;width:100%;z-index:100}.content{flex:1 1}.content h2{padding-top:60px;padding-bottom:20px}.content>div{padding-left:60px;padding-right:60px}.content .references{padding-top:60px;display:flex;flex-wrap:wrap;padding-left:30px;padding-right:30px}.content .references .reference{flex:.5 1;flex-basis:50%;max-width:50%;box-sizing:border-box;padding-left:30px;padding-right:30px;padding-bottom:20px}.content .references .reference .teaser-text{margin-top:10px;margin-bottom:20px}.content .references .reference .teaser-text h3{display:inline-block;margin-right:.5em;font-weight:600;font-size:24px;color:#4d4e54}.content .references .reference .teaser-text h3.client{font-weight:300}.content .references .reference .teaser-text p{margin-top:.2em;min-height:100px;display:inline-block}.content .references .reference .teaser-text p a{padding-left:4px;padding-right:4px}.content .references .reference figure.video{position:relative;width:100%;height:-moz-fit-content;height:fit-content;padding:0;margin:0;background-color:#ddd;border:none}.content .references .reference figure.video a{display:block;position:relative}.content .references .reference figure.video a:before{bottom:0;top:0;left:0;right:0;position:absolute;background-color:rgba(0,0,0,.2);background-image:url(/images/play-button.webp);background-repeat:no-repeat;background-position:50% 50%;content:" "}.content .references .reference figure.video img.placeholder{width:100%;aspect-ratio:16/9;display:block}.content .references .reference figure.video iframe{height:100%;width:100%;left:0;position:absolute;top:0;bottom:0;right:0}.content .references .reference:first-child{flex:.5 1;flex-basis:100%;max-width:100%}.content .references .reference:first-child .teaser-text p{min-height:10px}body.jsEnabled figure.video iframe{display:block!important;opacity:1!important;transition:all 1s;transition-delay:2s}.moreprojects{margin-top:0}.moreprojects h2{cursor:pointer;display:block;margin-bottom:20px;text-align:center;padding-top:0}.moreprojects h2 a{display:inline-block;padding:12px 20px;font-size:24px;font-weight:300;background:#fff;transition:color .25s,background .25s}.moreprojects h2 a:hover{color:#fff;border:none;background:#000;transition:color .25s,background .25s}.content.services{margin-top:100px;overflow:hidden}.content.services h2{display:block;text-align:center;margin-bottom:20px}.content.services h2 b{font-weight:600}.content.services .process{display:flex;flex-wrap:wrap;justify-content:center}.content.services .process .a-service{box-sizing:border-box;width:180px;cursor:pointer}.content.services .process .a-service .sketch{position:relative;text-align:center;height:148px;display:flex;justify-content:center}.content.services .process .a-service .sketch img{z-index:2;position:absolute;object-fit:contain;top:0;left:0;width:100%;height:100%}.content.services .process .a-service .sketch .circle{align-self:center;content:"";width:148px;height:148px;border-radius:74px;z-index:1;transition:all .25s ease-out;background-color:hsla(0,0%,100%,0);transform:scale(.5)}.content.services .process .a-service h3{margin:.6em 0 .2em;font-size:16px;font-weight:300;line-height:25px;letter-spacing:.03em;color:#000;text-align:center}.content.services .process .a-service h3:after{content:"Î";font-family:iconfield;font-size:12px;opacity:.5;padding-left:10px}.content.services .process .a-service .hidden-text{position:relative;padding-bottom:40px;transition:all .25s ease-out;animation-fill-mode:both;padding-top:5px;padding-right:10px}.content.services .process .a-service .hidden-text p{color:#4d4e55}.content.services .process .a-service .hidden-text p:first-child{margin-bottom:8px}@media(hover:hover)and (pointer:fine){.content.services .process .a-service .hidden-text{width:150%;padding:0;transform:translate(30px);overflow:hidden}.content.services .process .a-service .hidden-text p{color:rgba(77,78,85,0);transition:color .25s ease-out}.content.services .process .a-service:hover .sketch .circle{background-color:#fff;transform:scale(1);transition:all .25s ease-out}.content.services .process .a-service:hover h3{letter-spacing:0;font-weight:400;transition:background-color .25s ease-out}.content.services .process .a-service:hover .hidden-text{transition:all .25s ease-out;transform:translate(0);animation-fill-mode:both}.content.services .process .a-service:hover .hidden-text p{color:#4d4e55;transition:color .25s ease-in}.content.services .process .a-service:last-child .hidden-text{transform:translate(-90px);transition:all .25s ease-out;animation-fill-mode:both}.content.services .process .a-service:last-child:hover .hidden-text{transform:translate(0)}}.clients.section{padding:100px 50px;text-align:center;max-width:1280px;margin-right:auto;margin-left:auto}.clients.section img{height:64px;display:inline-block;margin:10px 29px}.contact.footer{color:#d7d9de;display:flex;flex-direction:column;margin-top:50px;background-color:#4d4e54}.contact.footer h2{color:#d7d9de;text-align:center;margin:20px;text-transform:uppercase;font-size:20px;font-weight:400}.contact.footer .legal{max-width:650px;margin:1.5em auto;display:flex;gap:30px}.contact.footer .legal a{color:#d7d9de;font-weight:400}.contact.footer .addresses{align-self:center;display:flex;justify-content:space-between}.contact.footer .addresses section{padding-left:30px;padding-right:30px;padding-bottom:20px}.contact.footer .addresses section a.email,.contact.footer .addresses section a.tel,.contact.footer .addresses section h3,.contact.footer .addresses section p{margin-bottom:.5em;color:#d7d9de}.contact.footer .addresses section a.email,.contact.footer .addresses section a.tel{font-weight:400}.contact.footer .addresses section h3{font-size:16px;font-weight:400}.contact.footer .addresses section p{font-size:16px;line-height:1.4em;font-weight:300}.contact.footer .disclaimer p{text-align:center;font-size:16px;color:#4d4e54}.sticky-footer{position:fixed;top:auto;bottom:0;left:0;width:100%;height:60px;z-index:99;color:#f5f5f7;background-color:#4d4e54;display:flex;justify-content:center}.sticky-footer .social{display:flex;justify-content:center;align-items:center;gap:34px}.sticky-footer .social a{width:40px;height:40px;display:flex}.sticky-footer .social a>img{opacity:50%;transition:all .25s ease-out}.sticky-footer .social a:hover>img{opacity:1;transition:all .25s ease-out}.sticky-footer .button{position:absolute;right:0;top:-160%;transform:translateY(-50%);height:250px;padding:24px 24px 24px 100px;background:var(--ff-cdgreen,#76b72a);border-radius:1000px 0 0 0;color:var(--white,#fff);font-size:24px;font-style:normal;line-height:18px;font-weight:300;text-transform:lowercase;display:inline-flex;justify-content:center;align-items:center;gap:10px;transform:scale(1);transition:all .25s;animation-name:pulsating-button;animation-duration:3s;animation-iteration-count:1;animation-timing-function:ease-in-out}@keyframes pulsating-button{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulsating-hearts{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.sticky-footer .button:after,.sticky-footer .button:before{position:absolute;content:"h";text-transform:uppercase;font-family:iconfield;height:70px;transform:scale(1);animation-name:pulsating-hearts;animation-duration:1s;animation-iteration-count:5;animation-timing-function:ease-in-out}.sticky-footer .button:before{right:8px;margin-right:16px;bottom:120px;padding:0 10px;font-size:70px;color:hsla(0,0%,100%,.5)}.sticky-footer .button:after{right:0;margin-right:68px;bottom:108px;padding:0 10px;font-size:48px;color:#fff}.sticky-footer .button:hover{background:#6aa526;transform:scale(1.1);transition:all 1s ease-in-out}@media screen and (max-width:640px){.content>div{padding-left:30px;padding-right:30px}}.jobs-page{display:flex;flex-direction:column;padding-left:30px;padding-right:30px}.jobs-page>header{align-items:flex-start!important;flex-direction:column}.jobs-page>header>.links{display:flex;flex-direction:row;width:100%;justify-content:space-between;border-bottom:1px solid var(--gray-80,#ccc);padding-bottom:8px}.jobs-page>header>.links>*{display:flex;gap:16px;flex-wrap:wrap}.jobs-page>header>.links a{color:var(--black,#000);font-size:14px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:.7px;text-transform:uppercase;position:relative}.jobs-page>header>.links a.active{font-weight:700}.jobs-page>header>.links a.active:after{position:absolute;display:block;content:"";background:url(/selection.svg);width:18px;height:6px;bottom:-9px;left:50%;transform:translateX(-50%)}.jobs-page h2{font-weight:300;color:var(--ff-cdgreen,#76b72a)}.jobs-page>main{display:flex;flex-direction:column}.jobs-page>main>.row_layout{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:20px 50px;font-size:16px}.jobs-page>main>.row_layout>.opener{min-width:300px;flex:1 1}.jobs-page>main>.row_layout>.main{flex:6 1}.jobs-page>main>.row_layout .main>ul,.jobs-page>main>.row_layout>.opener>ul{margin-left:1em;padding-bottom:1em;display:flex;flex-direction:column;gap:8px}.jobs-page>main>.row_layout .main ul,.jobs-page>main>.row_layout .main>p,.jobs-page>main>.row_layout>.opener ul,.jobs-page>main>.row_layout>.opener>p{margin-bottom:12px}.jobs-page>main>.row_layout .main>h3,.jobs-page>main>.row_layout>.opener>h3{color:#000;font-size:20px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:10px;text-transform:none}.jobs-page>main>.row_layout>.grid{max-width:300px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;height:-moz-fit-content;height:fit-content;grid-gap:10px}.jobs-page>main>.row_layout>.grid>span{font-weight:400}.jobs-page>main>.row_layout>.grid>.split{margin-top:16px}.jobs-page>main>.row_layout>.grid>.apply_button{grid-column:1/span 2;margin-top:20px;display:flex;justify-content:flex-start;align-items:center}.jobs-page>main>.row_layout>.grid>.apply_button>a{border-radius:23px;background:var(--ff-cdgreen,#76b72a);display:flex;padding:12px 24px;justify-content:center;align-items:flex-start;gap:10px;color:var(--white,#fff);font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.02em}.jobs-page>main>.row_layout>.grid>.apply_button>a:hover{background:var(--white,#fff);color:var(--ff-cdgreen,#76b72a)}body .outer .content.privacy-page>header,body .outer .content.security-page>header{padding-left:60px;padding-right:60px}body .outer .content.privacy-page div>.wrapper,body .outer .content.security-page div>.wrapper{max-width:44em}body .outer .content.privacy-page div>.wrapper>p,body .outer .content.security-page div>.wrapper>p{margin-top:8px;margin-bottom:32px}body .outer .content.privacy-page div>.wrapper address,body .outer .content.security-page div>.wrapper address{margin-bottom:32px;font-style:normal;line-height:150%}body .outer .content.privacy-page div>.wrapper address>*,body .outer .content.security-page div>.wrapper address>*{display:block}body .outer .content.privacy-page div>.wrapper ul,body .outer .content.security-page div>.wrapper ul{margin-top:10px}body .outer .content.privacy-page div>.wrapper ul li,body .outer .content.security-page div>.wrapper ul li{margin-left:20px;line-height:150%}