@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800;900&display=swap";header{position:fixed;top:0;z-index:99999;width:100%;text-align:center;background-position:center -110px;height:0}header .logo-content{display:flex;flex-direction:column;align-items:center;margin:auto;cursor:pointer;color:inherit}header .logo-link:hover{color:inherit}header .bwat{display:block;margin:auto;opacity:1;width:0;transform:scale(0)}header .bwat,header .square{position:relative;transition:all .5s ease;height:auto}header .square{top:0;margin-bottom:-.5rem;width:96px}@media (min-width:992px){header .square{width:192px}}header .header-top{display:grid;align-items:center;grid-template-columns:1fr 1fr 1fr;position:relative;z-index:623;margin-top:40px}header .header-top .contact-link{margin-right:auto}header .header-top .contact-link svg{width:1.7rem;height:1.7rem}header .header-top .contact-link:hover svg{fill:var(--primary)}header .header-top .hamburger-btn{background-color:transparent;border:none;margin-left:auto}header .header-top .hamburger-btn svg{width:2rem;height:2rem}header .header-top .hamburger-btn svg.close{transform:scale(1.5)}header .header-top .hamburger-btn:hover svg{fill:var(--primary)}header .navbar{position:fixed;inset:0 0 0 0;transition:opacity .4s;padding-top:10rem;background:var(--light-black);overflow:auto;display:flex}header .navbar-nav{text-align:center;margin:30px auto;width:100%}header .navbar-nav li{margin:0 15px;display:inline-block}@media (max-width:576px){header .navbar-nav li{display:block;margin:10px 30px}}header .navbar-nav .submenu{font-family:Helvetica,sans-serif;font-size:16px;display:block;text-align:center;font-weight:400}@media (min-width:992px){header .navbar-nav .submenu{font-size:18px}}header .navbar-nav .submenu:after{content:"";height:2px;width:76px;display:block;background:var(--primary);margin:auto}header .navbar-nav .nav-link{font-weight:700;letter-spacing:-.25px;text-align:center;line-height:1.025em;transition:all .25s ease;font-size:32px}@media (min-width:992px){header .navbar-nav .nav-link{font-size:40px}}header .navbar-nav .nav-link.active,header .navbar-nav .nav-link:hover{color:var(--primary)}header.fixed{background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);height:110px;width:100%;z-index:99999}header.fixed .header-top{margin-top:40px}header.fixed .bwat{transform:scale(1);position:relative;width:48px;margin-top:-20px}@media (min-width:992px){header.fixed .bwat{width:64px}}header.fixed .square{transform:scale(0);width:0}header.fixed .contact-link,header.fixed .hamburger-btn{color:var(--primary)}header.menu-open{color:#fff;margin-top:0;background-image:none}header.menu-open .square{width:0;transition:none}@media (min-width:992px){header.menu-open .bwat{width:0}}header.menu-open .contact-link,header.menu-open .hamburger-btn{color:#fff}header.menu-open .logo-content{opacity:0}.blue-header .square{width:96px}.blue-header .contact-link,.blue-header .hamburger-btn{color:var(--primary)}.hero{min-height:100svh;position:relative;padding-bottom:2rem;padding-top:18rem;overflow:hidden}@media (min-width:768px){.hero{padding-top:28rem}.hero.home{display:flex;flex-direction:column;justify-content:space-between}.hero.home .container{width:100%}}.hero.home .cover{inset:0}.hero.home .cover .element{opacity:0;position:absolute;top:0;left:0;width:100%;height:100vh}.hero.home .cover .element-content{position:relative;z-index:3;height:100vh}.hero.home .cover .element-content-text{position:absolute;bottom:4rem;right:10px;color:#fff;display:flex;flex-direction:column;align-items:flex-end;text-align:end;gap:1rem}@media (min-width:768px){.hero.home .cover .element-content-text{bottom:5rem}}.hero.home .cover .element-content-text h2{font-size:24px;text-transform:uppercase;font-weight:500;margin:0}.hero.home .cover .element-content-text h2:after{content:"";background:none;width:0}.hero.home .cover .element-content-text h3{font-size:16px;font-weight:500;color:#fff}.hero.home .cover .element:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5;z-index:2}.hero h1{max-width:1200px;margin-bottom:1rem;-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:color 1s;line-height:1.125}.hero h1.primary{color:var(--primary)}.hero h1:last-of-type{margin-top:2rem}.hero .description{max-width:900px;margin-block:1rem;-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);font-size:1.2rem}.hero .container{position:relative;z-index:4}.hero .cover{position:absolute;inset:0}.hero .cover img{display:block;width:100%;height:100%;object-fit:cover;transition:none;opacity:0;transform:scale(1.5)}.hero .cover:not(.home):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.hero .cover.home img{animation:animate 5s 4s infinite alternate;position:absolute;inset:0 0 0 0}@keyframes animate{0%{transform:scale(1)}to{transform:scale(1.2)}}.hero .scroll{opacity:0}.hero .scroll svg{fill:var(--primary);animation:anim 3s infinite alternate}@keyframes anim{to{transform:translateY(1rem);opacity:1}}.jobs{padding:6rem 0}.clients,.jobs{background-color:#fff;color:#000}.clients{padding-block:6rem}.clients .container{display:grid;grid-gap:3rem;gap:3rem;padding-bottom:4rem}.clients .title{text-align:left}.clients .right{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,100px));grid-auto-rows:100px;grid-gap:1rem;gap:1rem;justify-content:flex-start}.clients .right .card{border:2px solid var(--gray);border-radius:1rem;overflow:hidden;position:relative}.clients .right img{object-fit:contain}@media (min-width:992px){.clients .container{grid-template-columns:1fr 1fr;align-items:center}.clients .right{justify-content:flex-end}}.job{padding:1rem;border-radius:1rem;cursor:pointer;transition:all .3s ease-in;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.job .img-container{position:relative;overflow:hidden;height:150px;border-radius:.5rem;-webkit-mask-image:radial-gradient(#fff,var(--light-black));mask-image:radial-gradient(#fff,var(--light-black))}.job h3{margin-block:.5rem}.job img{transition:.6s ease}.job p{color:#000}.job:hover{background-color:hsla(0,0%,96%,.6);transition:background-color .3s ease-in-out}.job:hover img{transform:scale(1.2)}.job:hover p{color:var(--light-black)}.socials{display:flex;gap:1rem;margin:1rem 0}.socials svg{height:2rem;width:2rem}.projects{background-color:var(--light-black);color:#fff;text-align:center}.projects .projects-grid{display:grid;grid-auto-rows:320px}@media (min-width:992px){.projects .projects-grid{grid-template-columns:1fr 1fr}}.projects .empty,.projects .intro,.projects .project,.projects .see-more-projects{display:grid;place-items:center}.projects .empty{background-color:#000}.projects .intro,.projects .see-more-projects{min-height:auto;grid-row:span 1}.projects .intro{text-align:left;padding-inline:1rem;justify-content:flex-start}.projects .project{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center;padding:1rem;height:100%;cursor:pointer}@media (min-width:992px){.projects .project{grid-row:span 2}}.projects .project:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-color:rgba(0,0,0,.6)}.projects .project .image{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.projects .project .image img{width:100%;height:100%;object-fit:cover;display:block;transition:.6s ease}.projects .project .date,.projects .project .subtitle,.projects .project .title{position:relative;z-index:3;color:#fff}.projects .project .title{color:var(--primary);font-weight:700;margin:1rem 0}.projects .project .title:after{display:none}.projects .project:hover img{transform:scale(1.1)}.projects .project .subtitle{max-width:536px;font-size:1rem;line-height:1}.intro-goBack{margin-bottom:2.4rem;font-size:.9rem}footer .top{padding-block:6rem;background-color:var(--gray);color:#000}footer .top .container{display:grid;grid-gap:1rem;gap:1rem}footer .top .container .button-link{margin-right:auto}footer .bottom{background-color:#fff;color:#000}footer .bottom .container{margin:0 auto;display:grid;grid-gap:2rem;gap:2rem;padding:3rem 1rem}footer .bottom .column{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}footer .bottom .column.first img{width:4rem}footer .bottom .socials{margin:0}footer .bottom .copyright{background-color:var(--gray);padding:1rem;font-size:.8rem}@media (min-width:992px){footer .bottom .container{grid-template-columns:auto auto auto;gap:4rem;align-items:center;justify-content:center}footer .bottom .column p{max-width:300px}footer .bottom .copyright{text-align:center}}footer .nav-link.active{color:var(--primary)}.button-link{border:1px solid var(--primary);background-color:var(--primary);padding:.5rem 2rem;transition:.3s ease;display:inline-grid;place-items:center;border-radius:1rem;color:#000}.button-link:hover{background-color:var(--dark-primary);border-color:var(--dark-primary);color:#000}.button-link:disabled{cursor:default;background-color:#fff;border-color:#fff}.module-text p{line-height:1.5rem}.module-text-code .container,.module-text-image .container{display:grid;grid-gap:2rem;gap:2rem;align-items:center}@media (min-width:768px){.module-text-code .container.positionned,.module-text-image .container.positionned{grid-template-columns:1fr 1fr}.module-text-code .container.right .text,.module-text-image .container.right .text{order:-1}}.module-grid-layout{flex-wrap:wrap;align-items:center;gap:2rem}.module-button-container,.module-grid-layout{display:flex;justify-content:center}.module-video video{width:100%}.module-image-container{padding-block:2rem}.module-image-container img{width:100%;object-fit:cover}[class^=module-]{padding-bottom:2rem;line-height:1.4rem}[class^=module-]:first-child{padding-top:2rem}[class^=module-] h3{color:inherit}.module-slider .slide-img{display:block;height:100%;width:100%;object-fit:cover;border-radius:1rem}a.modal:hover{color:#fff}.modal{position:fixed;top:0;left:0;bottom:0;right:0;height:100vh;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);padding:0 3rem;z-index:2}.modal-container{position:relative;padding:9rem;font-weight:300;font-size:1.6rem;line-height:2.8rem;opacity:.9;border-radius:15px;text-align:center;max-width:50rem;background-color:var(--light-black)}.modal-container h4{position:relative;font-size:3.7rem;margin-bottom:2rem;font-weight:800;line-height:4rem}.modal-container h4:before{content:"";background-image:url(/title-path.svg);background-size:contain;height:1.4em;width:1.4em;position:absolute;top:-7rem;left:50%;transform:translate(-50%)}.modal-button{position:relative;top:3rem;margin-top:3rem;color:#000;background-color:var(--dark-primary);padding:1rem 2rem;border-radius:10px}.modal-button:hover{background-color:var(--primary);color:#fff}.jobs-page .jobs .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));grid-gap:1rem;gap:1rem}.works-page .categories{background-color:#000;padding-block:1rem;position:relative;white-space:nowrap}.works-page .categories>.container{display:flex;align-items:center;overflow:auto;gap:1rem}.works-page .tags{position:absolute;top:100%;left:0;width:100%;z-index:3;background-color:var(--primary);padding-block:1rem}.works-page .tags .container{overflow:auto}.works-page .tags button{background-color:var(--gray);color:#000;margin-right:1rem}.works-page .tags button.active{background-color:#000;color:#fff}.works-page .category-button{background-color:var(--light-black);padding:.3rem 1rem;font-size:.9rem;border-radius:1rem}.works-page .category-button.active{background-color:var(--primary);color:#000}.no-scroll{overflow:hidden}.contact-page .contact-link,.contact-page .hamburger-btn{color:var(--primary)}.embla{--slide-spacing:1rem;--slide-size:100%;--slide-height:19rem}.embla__viewport{overflow:hidden}.embla__container{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100dvh;flex-direction:column}.embla__slide{flex:0 0 var(--slide-size);min-height:0;position:relative}.embla__slide:not(:first-child){background-color:#fff;color:#000}.embla__slide:last-child{background-color:var(--gray)}.embla .section{flex-direction:column;height:100%}.embla .row,.embla .section{display:flex;justify-content:center;align-items:center}.embla .row{flex-wrap:wrap;gap:3rem;width:100%;margin-block:2rem}@media (min-width:768px){.embla .row{justify-content:space-between;margin-block:5rem}}.embla .row .column{justify-content:space-between;font-size:.9rem;height:150px}.embla .row .column,.embla .row .column label{display:flex;flex-direction:column;align-items:center}.embla .row .column label{gap:.5rem}@media (min-width:992px){.embla .row .column label{gap:2rem}}.embla .row .column label .label-img{border:3px solid var(--primary);width:120px;height:120px;transition:.6s;border-radius:50%}@media (min-width:992px){.embla .row .column label .label-img{width:160px;height:160px}}.embla .row .column label .label-img img{position:relative;left:50%;top:50%;transform:translate(-50%,-50%)}.embla .row .column label .label-img.active,.embla .row .column label .label-img:hover{transform:scale(.8);background-color:var(--primary);cursor:pointer}.embla .row .column input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.embla .form h2,.embla h2{font-weight:400;margin-bottom:.3rem;transform:translateX(.2em);text-align:center}.form{display:grid;margin-inline:auto;width:100%;padding:0 1rem;margin-top:1rem;max-width:600px}.form label{visibility:hidden}.form div:nth-child(2){margin-top:2rem}.form input,.form textarea{padding:.7rem 1rem;display:block;width:100%;border:2px solid #fff;border-radius:1rem;background-color:transparent}.form input::placeholder,.form textarea::placeholder{color:var(--light-black)}.form input:focus-visible,.form textarea:focus-visible{outline:2px solid var(--primary)}.form .errors{color:red;text-indent:1rem;margin-top:.4rem}.form textarea{min-height:200px;resize:none}.form button{display:grid;place-items:center;background-color:var(--primary);margin:2rem auto auto;width:100%;padding:1rem;border-radius:1rem;transition:.3s ease;color:#000;font-weight:500}.form button:hover{background-color:var(--dark-primary);transition:.3s ease}.hero-contact{color:var(--primary);font-weight:600;position:relative;top:10rem}.page h3{color:inherit}.work-item-page .intro{padding-top:3rem;font-size:1.1rem;background-color:#fff;color:#000}.work-item-page .intro>.container{display:grid;grid-gap:2rem;gap:2rem}@media (min-width:768px){.work-item-page .intro>.container{grid-template-columns:auto 1fr;gap:4rem}}.work-item-page .intro .text{line-height:1.5rem}.work-item-page .keyword-link{background-color:var(--gray);display:block;width:-moz-fit-content;width:fit-content;padding:.3rem 1rem;border-radius:1rem;font-size:.9rem;margin-bottom:1rem}.work-item-page .next-prev-container{padding-block:3rem;background-color:#fff;color:#000}.work-item-page .next-prev-container .container{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:2rem}@media (min-width:768px){.work-item-page .next-prev-container .container{justify-content:space-between}}.work-item-page .next-prev-container p{text-align:center;font-size:.9rem}@media (min-width:768px){.work-item-page .next-prev-container .next{margin-left:auto}}.work-item-page .next-prev-container .button-link{background-color:transparent}.work-item-page .next-prev-container .button-link:hover{background-color:var(--dark-primary);border-color:var(--dark-primary);color:#000}:root{--primary:#2debdb;--dark-primary:#2ae1d2;--gray:#f4f4f4;--light-black:#191919}*{color:inherit;font:inherit;box-sizing:border-box;margin:0;padding:0}html{font-family:Montserrat,sans-serif;background-color:var(--light-black);color:#fff}a{transition:.6s ease;text-decoration:none}a:hover{color:var(--primary)}button{background-color:transparent;border:none;cursor:pointer}.container{max-width:1440px;margin-inline:auto;padding-inline:1rem}h1{font-size:5.6rem;font-weight:900;color:#fff;position:relative}@media (max-width:992px){h1{font-size:4rem}}@media (max-width:576px){h1{font-size:3rem}}h2{position:relative;font-size:3.7rem;margin-bottom:2rem;font-weight:800;line-height:1}h2,h2:after{display:inline-block}h2:after{content:"";background-image:url(/title-path.svg);background-size:contain;height:1em;width:1em;transform:translate(-30%,30%)}@media (max-width:576px){h2{font-size:2rem}}h3{font-weight:700;font-size:1.5rem;color:var(--primary)}h4{position:relative;font-size:1.2rem;line-height:2rem}h4,strong{font-weight:800}em{font-style:italic}p{margin-bottom:1rem}img{max-width:100%;object-fit:cover}ul{list-style:none}.map{background-color:var(--gray);color:#000;font-size:.8rem;padding:.5rem 0}.map li:not(:last-child){font-weight:600}.map .container{display:flex;gap:1rem;overflow:auto}.modules{background-color:#fff;color:#000}.modules .module-text ul,.modules .module-text-image ul{list-style:inside;color:#000;padding-left:1rem}.modules .module-text ul li::marker,.modules .module-text-image ul li::marker{color:var(--primary)}.swiper{display:grid;margin-top:4rem;padding-bottom:4rem!important}.swiper .swiper-slide>*{height:100%}.swiper .swiper-button-next,.swiper .swiper-button-prev{border:2px solid var(--primary);width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;top:95%!important;color:var(--primary)}.swiper .swiper-button-prev{left:auto;right:4rem}.swiper .swiper-button-next:after,.swiper .swiper-button-prev:after{font-size:1rem}