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