html,body{width:100%;height:100%;margin:0;padding:0;font-size:1px}body{color:#fff;--color:#fff;--accent:#fff;font-family:Nunito,sans-serif;position:relative}body.mesh-base_light{color:#333;--color:#333;--accent:#00a96c}@media screen and (width<=1279px){html,body{font-size:.9px}}@media screen and (width>=1680px){html,body{font-size:1.1px}}main{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;width:100%;min-height:100%;display:flex;position:relative}header{justify-content:space-between;height:100rem;padding:10rem 40rem;display:flex}header .logo{flex-grow:0;width:120rem;height:89rem;margin-top:-10rem;display:block}header .logo svg{width:120rem;height:89rem}header .logo svg *{fill:var(--accent)}nav{justify-content:flex-end;align-items:center;display:flex}nav a{box-sizing:border-box;color:var(--accent);text-transform:uppercase;border-bottom:.17em solid #0000;margin-left:40rem;font-size:20rem;font-weight:700;text-decoration:none;display:block}nav a.active,nav a:hover{border-bottom-color:var(--accent)}.header-menu-button,.header-close-menu-button{display:none}.header-menu-button svg,.header-close-menu-button svg{width:48rem;height:48rem}.header-menu-button svg *,.header-close-menu-button svg *{stroke:var(--accent)}article{flex-direction:column;flex-grow:1;height:50%;display:flex;position:relative}.main__bg{align-items:center;width:100%;height:100%;display:flex;position:absolute}.main__bg svg{clip-path:inset(-100px);-max-width:1200rem;-max-height:500rem;width:100%;height:95%;max-height:850rem;margin:0 auto}.main__bg svg circle,.main__bg svg path{fill:#fff;opacity:.2;transition:all .33s ease-out}.main__article{flex-direction:column;flex-grow:1;justify-content:space-between;width:100%;height:100%;display:flex;position:relative}.main__title{text-transform:uppercase;font-size:57.6rem;font-weight:900;line-height:73.6rem;position:relative}.main__title p{margin:0 0 var(--margin) 0;white-space:nowrap}.main__title:last-child{text-align:right}.main__title:last-child p{margin:var(--margin) 0 0 0}.main-content{box-sizing:border-box;width:100%;height:100%;padding:160rem;display:flex;position:relative}footer{width:100%}.footer{flex-grow:0;justify-content:space-between;padding:20rem 40rem;display:flex}.footer div{font-size:16rem}.footer div>p{margin:.25em 0}.footer a{color:var(--color)}a{color:var(--accent)}.base{box-sizing:border-box;width:100%;max-width:1280rem;margin:auto;padding-left:40rem;padding-right:40rem}@property --c-tl{syntax:"<color>";inherits:false;initial-value:#fff}@property --c-tr{syntax:"<color>";inherits:false;initial-value:#fff}@property --c-bl{syntax:"<color>";inherits:false;initial-value:#fff}@property --c-br{syntax:"<color>";inherits:false;initial-value:#fff}@property --c-t{syntax:"<color>";inherits:false;initial-value:#fff}@property --c-r{syntax:"<color>";inherits:false;initial-value:#fff}@property --c-b{syntax:"<color>";inherits:false;initial-value:#fff}@property --c-l{syntax:"<color>";inherits:false;initial-value:#fff}@property --c-c{syntax:"<color>";inherits:false;initial-value:#fff}@property --sa{syntax:"<percentage>";inherits:false;initial-value:10%}@property --se{syntax:"<percentage>";inherits:false;initial-value:30%}@property --cx{syntax:"<percentage>";inherits:false;initial-value:50%}@property --cy{syntax:"<percentage>";inherits:false;initial-value:50%}.mesh-positioned{content:"";z-index:0;width:120%;height:120%;display:block;position:fixed;top:-10%;left:-10%}.mesh-base{background-color:var(--background);background:radial-gradient(circle var(--size) at var(--cx) var(--cy), var(--c-c) calc(var(--sa) * 1.25), transparent calc(var(--se) * 1.25)), radial-gradient(ellipse calc(200% - var(--se)) calc(200% - var(--se)) at calc(var(--cx) - 50%) calc(var(--cy) - 50%), var(--c-tl) var(--sa), transparent var(--se)), radial-gradient(ellipse calc(200% - var(--se)) calc(200% - var(--se)) at calc(var(--cx) + 50%) calc(var(--cy) - 50%), var(--c-tr) var(--sa), transparent var(--se)), radial-gradient(ellipse calc(200% - var(--se)) calc(200% - var(--se)) at calc(var(--cx) - 50%) calc(var(--cy) + 50%), var(--c-bl) var(--sa), transparent var(--se)), radial-gradient(ellipse calc(200% - var(--se)) calc(200% - var(--se)) at calc(var(--cx) + 50%) calc(var(--cy) + 50%), var(--c-br) var(--sa), transparent var(--se)), radial-gradient(ellipse calc(200% - var(--se)) calc(200% - var(--se)) at var(--cx) calc(var(--cy) - 50%), var(--c-t) var(--sa), transparent var(--se)), radial-gradient(ellipse calc(200% - var(--se)) calc(200% - var(--se)) at 100% var(--cy), var(--c-r) var(--sa), transparent var(--se)), radial-gradient(ellipse calc(200% - var(--se)) calc(200% - var(--se)) at 50% 100%, var(--c-b) var(--sa), transparent var(--se)), radial-gradient(ellipse calc(200% - var(--se)) calc(200% - var(--se)) at 0% var(--cy), var(--c-l) var(--sa), transparent var(--se));background-blend-mode:normal;--sa:0%;--se:45%;--cx:50%;--cy:50%;--size:max(100vw, 100vh);--c-tl:#00a063;--c-t:#00ffdb;--c-tr:#23cf13;--c-l:#4cd59a;--c-c:#2b9a92;--c-r:#22ac57;--c-bl:#6f9c8e;--c-b:#2d7569;--c-br:#026a59;background-repeat:no-repeat;background-attachment:fixed;transition:--c-tl 3s ease-in-out,--c-tr 3s ease-in-out,--c-bl 3s ease-in-out,--c-br 3s ease-in-out,--c-t 3s ease-in-out,--c-r 3s ease-in-out,--c-b 3s ease-in-out,--c-l 3s ease-in-out,--c-c 3s ease-in-out,--cx 3s ease-in-out,--cy 3s ease-in-out,--sa 3s ease-in-out,--se 3s ease-in-out}.mesh-base_light{--cx:100%;--cy:100%;--c-tl:#f3fffa;--c-t:#cbfdbe;--c-tr:#bbffb7;--c-l:#f3fcf8;--c-c:#48b5ad;--c-r:#7ec99b;--c-bl:#e2f1ec;--c-b:#99cac2;--c-br:#6fcbbc;background-color:#ffffffbf}.page-content,.page-text{flex-grow:1;font-size:20rem}.page-content h1,.page-text h1{color:var(--accent);text-transform:uppercase;margin-bottom:48rem;font-size:48rem;font-weight:900;line-height:120%}.page-text{padding-right:10%!important}.clients-logo{flex-wrap:wrap;justify-content:flex-start;align-items:center;width:80%;display:flex}.client-logo{box-sizing:border-box;justify-content:center;align-items:center;width:16%;height:5em;padding:1em;display:flex}.client-logo img{width:100%;max-width:5em;max-height:3em}.service-list{counter-reset:service}.service-item{justify-content:flex-start;align-items:flex-start;margin-bottom:32rem;display:flex}.service-item:before{color:var(--accent);content:" " counter(service) "";counter-increment:service;opacity:.35;width:90rem;margin-right:32rem;font-size:128rem;font-weight:800;line-height:90%}.service-item__title{color:var(--accent);text-transform:uppercase;margin-bottom:8rem;font-size:32rem;font-weight:900}.projects-list{flex-wrap:wrap;align-items:flex-start;display:flex}.project-item{color:inherit;align-items:flex-start;width:50%;margin-bottom:32rem;text-decoration:none;display:flex}.project-item__image{padding-right:24rem}.project-item__image img{border:1px solid var(--accent);background-color:#40404026;width:180rem;height:180rem}.project-item__content{flex-direction:column;width:100%;min-height:180rem;display:flex;overflow:hidden}.project-item__title{_color:var(--accent);text-transform:uppercase;flex-grow:1;margin-bottom:12rem;font-size:24rem;font-weight:900}.project-item__description{flex-direction:column;flex-grow:1;justify-content:flex-end;width:100%;display:flex}.project-item__additional{align-items:center;width:90%;display:flex}.project-item__icon{flex-grow:0;padding-right:8rem}.project-item__icon img{width:24rem;height:24rem}.project-item__desc{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.project{margin-bottom:32rem}.project-content{display:flex;position:relative}.project-content__images{flex-shrink:0;width:75%}.project-content__images .project-content__image{margin-bottom:24rem}.project-content__images .project-content__image img{border:1px solid var(--accent);box-sizing:border-box;background-color:#40404026;width:100%}.project-content__images .project-content__image:last-child{margin-bottom:0}.project-content__description{flex-grow:1;align-self:flex-start;padding-left:32rem;position:sticky;top:16rem}.project-data{flex-direction:column;justify-content:flex-start;display:flex}.project-data__additional{align-items:flex-start;margin-bottom:24rem;display:flex}.project-data__icon{flex-grow:0;width:24rem;height:24rem;padding-right:8rem}.project-data__icon img{width:24rem;height:24rem}@media screen and (width<=600px) and (orientation:portrait){main{-webkit-backdrop-filter:none;backdrop-filter:none}header{z-index:100;width:100%;height:100rem;position:absolute;top:0;left:0}header .logo{flex-grow:0;width:100rem;height:80rem;padding-top:8rem;display:block}header .logo svg{width:100rem;height:80rem}nav{-webkit-backdrop-filter:blur(220px);backdrop-filter:blur(220px);box-sizing:border-box;transform-origin:0;z-index:10;flex-direction:column;justify-content:flex-start;width:100%;height:100vh;padding-top:120rem;position:fixed;top:0;left:0;transform:perspective(1000px)rotateY(90deg)}nav.nav_visible{transform:perspective(1000px)rotateY(0);transition:all .5s,transform .5s!important}nav.nav_hidden{transform:perspective(1000px)rotateY(90deg);transition:all .5s,transform .5s!important}nav a{margin-bottom:32rem;margin-left:0;font-size:32rem;font-weight:400}nav a.active{font-weight:700}.header-menu-button{aspect-ratio:1;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;height:100%;display:flex}.header-close-menu-button{aspect-ratio:1;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;height:80rem;display:flex;position:absolute;top:16rem;right:16rem}.base{box-sizing:border-box;width:100%;max-width:100%;margin:auto;padding-left:16rem;padding-right:16rem}.main__bg{display:block;overflow:hidden}.main__bg svg{width:200%;margin-left:-50%}.main__article{justify-content:center;padding-top:0!important;padding-bottom:0!important}.main__article .main__title{margin:32rem auto!important;font-size:28rem!important;line-height:42rem!important}.main__article .main__title p{white-space:break-spaces;display:inline}.main__article .main__title p:after{display:inline}article{padding-top:120rem}.footer{flex-direction:column;position:relative}.page-text,.page-content{padding-left:16rem;font-size:18rem;padding-right:16rem!important}.page-text h1,.page-content h1{width:100%;margin-top:12rem;margin-bottom:32rem;font-size:36rem}.clients-logo{width:100%}.client-logo{width:33.3%}.service-item:before{margin-right:30rem;font-size:72rem}.service-item__title{font-size:28rem}.project-item{width:100%}.project-item__title{font-size:20rem}.project-content{flex-direction:column-reverse;display:flex}.project-content__images{width:100%}.project-content__description{padding-left:8rem;position:static}.project-data__additional{margin-bottom:16rem}}