*{padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit;letter-spacing:inherit;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*,:after,:before{box-sizing:inherit}body,html{height:100%}body{box-sizing:border-box}aside,main{min-height:1px}code,pre{font-family:DejaVu Sans Mono,Menlo,Consolas,monospace}html{margin:0!important}a,a p,a span{text-decoration:none;color:inherit}a:hover{text-decoration:underline}a img{border:0}address a{font-style:normal}address,p,strong{text-style:normal;color:inherit;font-size:inherit;word-wrap:break-word}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:600}img{max-width:100%;color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}q{quotes:none}q:after,q:before{content:"";content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg{overflow:hidden}.list-inline li{display:inline-block}figcaption{font-style:italic}h1,h2,h3,h4,h5,h6{line-height:1.4;font-weight:500}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}h1{font-size:2.2em;margin-bottom:16px}h2{font-size:1.6em;margin-bottom:14px}h3{font-size:1.4em;margin-bottom:12px}h4{font-size:1.2em;margin-bottom:8px}h5{font-size:1.1em;margin-bottom:6px}iframe{max-width:100%;border:0}table{width:100%}table th{font-weight:700}table td,table th{padding:15px}.wrapper{margin:0 auto;padding:0 80px}@media(min-width:1420px){.wrapper{width:100%}}@media(min-width:1200px)and (max-width:1419px){.wrapper{max-width:1400px}}@media(min-width:980px)and (max-width:1199px){.wrapper{max-width:940px;padding:0}}@media(min-width:600px)and (max-width:979px){.wrapper{max-width:840px;padding:0}}@media(max-width:599px){.wrapper{max-width:100%;width:auto;padding:0 25px;min-width:0}}@font-face{font-family:Circular DN;src:url(/_next/static/media/CircularStd-Book.23906668.woff2) format("woff2"),url(/_next/static/media/CircularStd-Book.23906668.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Circular DN;src:url(/_next/static/media/CircularStd-Medium.ca529cd6.woff2) format("woff2"),url(/_next/static/media/CircularStd-Medium.ca529cd6.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Circular DN;src:url(/_next/static/media/CircularStd-Bold.d996018b.woff2) format("woff2"),url(/_next/static/media/CircularStd-Bold.d996018b.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Circular DN;src:url(/_next/static/media/CircularStd-Black.924ac5a5.woff2) format("woff2"),url(/_next/static/media/CircularStd-Black.924ac5a5.woff) format("woff");font-weight:900;font-style:normal}body{font:400 16px/1.5 Circular DN,sans-serif,Helvetica,Arial;letter-spacing:-.025em;height:auto;min-height:100%;position:relative;background-color:#fafafa;overflow-x:hidden}a,body{color:#0c0c0c}a:hover i{text-decoration:none}img{height:auto}p{margin:0}@media(max-width:599px){li,p{font-size:16px}}h1,h2,h3,h4{letter-spacing:-.05em;color:#0c0c0c}h1,h2,h3,h4{line-height:1.2}h1{font-size:3.125rem;font-weight:900}@media(max-width:599px){h1{font-size:2.5rem}}h2,h3,h4{margin-top:0;margin-bottom:10px}h2,h3,h4{font-weight:700}h2{font-size:2.5rem;letter-spacing:-.05em;margin:0 0 16px}@media(max-width:599px){h2{font-size:36px}}i{text-decoration:none!important}figure{max-width:100%}figure img,figure>a{height:100%}figure img{object-fit:cover}body:before{width:calc(100vw - 160px);height:100vh;content:" ";border-left:1px solid #efefef;border-right:1px solid #efefef;position:fixed;left:80px;top:-1px;pointer-events:none;z-index:1}@media(max-width:599px){body:before{width:calc(100vw - 40px);left:20px;content:none}}body:after{width:calc(100vw + 2px);height:calc(100% - 160px);content:" ";border-top:1px solid #efefef;border-bottom:1px solid #efefef;position:absolute;left:-1px;top:80px;pointer-events:none;z-index:1}@media(max-width:599px){body:after{height:calc(100% - 40px);top:20px;content:none}}.page-wrapper{display:flex;flex-direction:column}.page-wrapper>*{flex-direction:column}.page-header,.page-wrapper>*{display:flex;position:relative;z-index:2}.page-header{padding:80px 80px 40px;overflow:hidden;justify-content:space-between;flex-direction:row}@media(max-width:599px){.page-header{flex-direction:column;align-items:center}}.page-header .page-logo{border-radius:4px;overflow:hidden}@media(max-width:599px){.page-header .page-logo{width:128px;height:128px}.page-header{padding:20px}}.page-intro{max-width:1000px;padding:0 80px;margin:0}@media(max-width:599px){.page-intro{text-align:center;font-size:28px;padding:20px}}.page-intro h1{font-size:36px;color:#444;font-weight:300;line-height:1.5}@media(max-width:599px){.page-intro h1{font-size:32px}}.page-intro h1 span{color:#0c0c0c;border-bottom:4px solid #0c0c0c}@media(max-width:599px){.page-intro h1 span{border-width:2px}}.page-intro p{font-size:28px;color:#555;letter-spacing:-.05em}@media(max-width:599px){.page-intro p{font-size:20px}}.page-intro p .role{color:#0c0c0c}.page-intro p .outsystems{color:#dd1234}.page-main{margin-bottom:80px}@media(max-width:599px){.page-main{margin-bottom:20px}}.page-main>*{margin-bottom:80px}@media(max-width:599px){.page-main>*{margin-bottom:20px}}.page-main>:last-child{margin-bottom:0}.page-footer{text-align:center;padding:0 0 80px}@media(max-width:599px){.page-footer{padding:20px}}.page-footer .intro-text{margin-bottom:24px;color:#666}.page-footer ul{display:flex;justify-content:center;position:relative;z-index:2;gap:24px}.page-footer ul li{font-size:26px;letter-spacing:-.04em;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#484848;font-weight:700}.page-work .page-header{justify-content:center}.page-work .page-header .page-logo{width:80px!important;height:80px!important}.block-works-banner{padding:0 80px}@media(max-width:599px){.block-works-banner{padding:0 20px}}.block-works-banner .work{margin-bottom:24px;padding:0}@media(max-width:599px){.block-works-banner .work{padding:0;margin-bottom:16px;text-align:center}}.block-works-banner .work:last-child{margin-bottom:0}.block-works-banner .work a{width:100%;display:flex;padding:48px;flex-direction:column;gap:24px}.block-works-banner .work a:hover{text-decoration:none}.block-works-banner .work a:hover .work-title{text-decoration:underline}@media(max-width:599px){.block-works-banner .work a{padding:32px;gap:16px}}.block-works-banner .work h3{margin:0}.block-works-banner .work-title{font-size:40px}@media(max-width:599px){.block-works-banner .work-title{font-size:32px}}.block-works-banner .work-description{opacity:.8}article.work{display:flex;background-color:#dd1234;padding:0 80px;border-radius:8px;gap:48px}@media(max-width:599px){article.work{padding:40px 20px;gap:24px}}article.work .work-header{width:100%;display:flex;padding:0;align-items:center;margin:0}@media(max-width:599px){article.work .work-header{padding:0 16px}}article.work .work-header .draft-indicator{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px 16px;gap:6px;background:rgba(180,130,0,.1);border-radius:50px;color:#8b6914;font-size:14px;margin-bottom:24px}@media(max-width:599px){article.work .work-header .draft-indicator{margin-bottom:16px}}article.work .work-header .restricted-indicator{margin-bottom:24px;position:relative}@media(max-width:599px){article.work .work-header .restricted-indicator{margin-bottom:16px}}article.work .work-header .restricted-indicator .indicator{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px 16px;gap:6px;background:rgba(0,0,0,.03);border-radius:50px;color:#0c0c0c}article.work .work-header .restricted-indicator .tooltip{display:none}article.work .work-header .restricted-indicator:hover .tooltip{display:block;position:absolute;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 5px 10px rgba(0,0,0,.1),0 0 40px rgba(0,0,0,.1);border-radius:8px;padding:12px 16px;font-size:14px;color:#333;width:360px;top:40px;z-index:10;left:-90px}article.work .work-header h1{margin:0 0 24px;line-height:1;text-align:center;color:#d61408}article.work .work-header .work-info{justify-content:center}article.work .work-cover{max-width:1280px}article.work .work-intro{max-width:680px;font-weight:400;font-size:24px}@media(max-width:599px){article.work .work-intro{padding:0 24px;font-size:20px;text-align:center}}article.work .work-body{width:100%;display:flex;flex-direction:column;align-items:center;margin:0;font-size:20px;color:#333;letter-spacing:-.02em}@media(max-width:599px){article.work .work-body{padding:0 20px;overflow-x:hidden}}article.work .work-body:empty{display:none}article.work .work-body>h2,article.work .work-body>h3,article.work .work-body>h4,article.work .work-body>h6,article.work .work-body>p,article.work .work-body>ul{width:100%;max-width:680px}article.work .work-body h6{max-width:680px;font-weight:400;font-size:16px;text-transform:uppercase;color:#666;margin-top:48px;margin-bottom:16px;letter-spacing:.02em}@media(max-width:599px){article.work .work-body h6{margin-top:24px}}article.work .work-body h2{font-weight:700;font-size:36px;color:#d61408;margin-bottom:24px}@media(max-width:599px){article.work .work-body h2{font-size:24px}}article.work .work-body p{margin-bottom:16px}article.work .work-body p+figure,article.work .work-body p+h2{margin-top:16px}article.work .work-body .gallery{justify-content:center;margin:20px 0 36px}article.work .work-body ul{list-style:disc inside;margin-bottom:16px}article.work .work-body ul li{margin-bottom:4px}article.work .work-body ul li:last-child{margin-bottom:0}article.work .work-body ul li p{display:inline;margin:0}article.work .work-body>figure{margin:6px 0 24px}article.work .work-body>figure img{max-width:100%;width:100%;height:auto;display:block}article.work .work-body h3{font-size:24px;font-weight:700}article.work .work-body h4{font-weight:500;font-size:20px}article.work a{color:#fff}article.work .work-title{color:inherit}.work-info{display:flex;gap:24px;align-items:center;opacity:.8;font-size:16px}@media(max-width:599px){.work-info{justify-content:center}}.work-info>*{min-height:24px}.work-info i,.work-info>*{display:flex;align-items:center}.work-info i{width:24px;height:24px;justify-content:center;margin-right:6px}.works-related h2{text-align:center;font-size:2rem;font-weight:900;margin-bottom:24px}@media(max-width:599px){.works-related h2{margin-bottom:16px}}.works-related .works{display:flex;align-items:center;flex-direction:column}.works-related .work{width:800px;margin-bottom:20px}@media(max-width:599px){.works-related .work{width:100%}}.works-related .work a{padding:40px;gap:24px}@media(max-width:599px){.works-related .work a{padding:24px;gap:16px}}.works-related .work h3{font-size:2.2rem;text-align:center;margin:0}@media(max-width:599px){.works-related .work h3{font-size:1.6rem}}.works-related .work-info{justify-content:center}.block-figma,.block-figma-mobile{width:100vw;height:100vh;position:relative;z-index:100}.block-figma iframe,.block-figma-mobile iframe{width:100vw;height:100vh;border:0}@media(max-width:599px){.block-figma,.block-figma-mobile{display:none!important}}@media(min-width:600px)and (max-width:979px){.block-figma,.block-figma-mobile{display:none!important}}.block-figma-mobile{display:none}@media(max-width:599px){.block-figma-mobile{display:block!important}}@media(min-width:600px)and (max-width:979px){.block-figma-mobile{display:block!important}}.block-works-full .work{flex-direction:column;align-items:center;background-color:transparent;margin-bottom:80px}@media(max-width:599px){.block-works-full .work{padding:0;margin-bottom:20px}}.block-works-full .work-header{flex-direction:column}.block-works-full .work-title{text-align:center}.block-works-full .work-description{padding:0 80px;font-size:20px;display:flex}@media(max-width:599px){.block-works-full .work-description{flex-direction:column;padding:0 20px;text-align:center;font-size:18px}}.block-works-full .work-description>*{flex:1 1;margin-right:10px;margin-left:10px}@media(max-width:599px){.block-works-full .work-description>*{margin-right:0;margin-left:0;margin-bottom:10px}}.block-works-full .work-description>:first-child{margin-left:0}.block-works-full .work-description>:last-child{margin-right:0}@media(max-width:599px){.block-works-full .work-description>:last-child{margin-bottom:0}.block-works-full .work-description p:first-child{margin-bottom:20px}}.gallery{display:flex;gap:16px}@media(max-width:599px){.gallery{max-width:100%;flex-direction:column;align-items:center}}.gallery.has-shadows .gatsby-image-wrapper{box-shadow:0 5px 10px rgba(0,0,0,.1),0 0 40px rgba(0,0,0,.1)}.gallery.slideshow{width:100%;position:relative}.gallery.gallery-narrow{max-width:880px}.gallery .gatsby-image-wrapper{border-radius:8px}.embla{max-width:100%}.embla__container{display:flex;align-items:flex-start;gap:16px}.embla__slide{flex:0 0 auto;width:auto;max-width:none;display:flex}.slideshow__item{width:var(--image-max-width);max-width:min(100%,var(--image-max-width))}.embla__buttons{width:80px;position:absolute;top:50%;transform:translateY(-50%);right:0;z-index:100}.embla__buttons .embla__button--prev{margin-bottom:8px}.embla__button{width:80px;height:80px;background:none;border:none;cursor:pointer;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.08)}.embla__button.is-disabled svg{opacity:.3}figure figcaption{font-size:16px;color:#6e6e6e;margin-top:16px;font-style:normal}.gallery__item,.rt-image,.slideshow__item{width:var(--image-max-width)}.gallery__item img,.rt-image img,.slideshow__item img{width:100%;height:auto;display:block}.works-related .block-works{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px}.works-related .work{background-color:#dd1234;margin:0}.block-password-gate{width:420px;margin:0 auto}@media(max-width:599px){.block-password-gate{width:100%;padding:0 16px}}.block-password-gate h1{margin:0 0 36px;line-height:1;text-align:center;color:#d61408}.block-password-gate .fields{display:flex;gap:8px}.block-password-gate .fields input{flex:auto;padding:0 16px;height:48px;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px}.block-password-gate .fields input:focus{outline:none;border-color:rgba(0,0,0,.3)}.block-password-gate .fields button{height:48px;background:#d61408;border-radius:4px;border:0;padding:4px 16px 0;cursor:pointer}.block-password-gate .fields button:hover{background-color:#ef1609}.block-password-gate .password-error{width:100%;padding:16px 0;background:rgba(214,20,8,.05);border-radius:8px;text-align:center;margin-top:8px;color:#d61408}