@font-face{font-family:"JosefinSlab";src:url("/static/fonts/JosefinSlab-Regular.woff?039d6b2d802a") format('woff')}@font-face{font-family:"Quicksand";src:url("/static/fonts/Quicksand-Regular.woff?039d6b2d802a") format('woff')}@font-face{font-family:"Capriola";src:url("/static/fonts/Capriola-Regular.woff?039d6b2d802a") format('woff')}:root{--font-1:"JosefinSlab","serif";--font-2:"Quicksand","sans-serif";--font-3:"Capriola","sans-serif";--white-800:#F0F4FB;--white-850:#F5F5F5;--white-900:#FFFFFF;--black-900:#000000;--gray-050:#f1f1f1;--gray-100:#E7E7E7;--gray-200:#D9D9D9;--gray-300:#C3C3C3;--gray-350:#AFAFAF;--gray-400:#8d8d8d;--gray-500:#838383;--gray-5005:#FFFFFF7F;--gray-5008:rgba(93,81,81,0.8);--beige-100:#E2E1D7;--beige-200:#fffaf1;--beige-400:#FAEBD7;--beige-500:#FFE6C9;--beige-520:#EBDDC6;--beige-550:#dacec0;--beige-600:#D6C1AD;--beige-700:#D5BFAA;--beige-800:#ABA491;--green-100:#D4EDDA;--green-150:#C3E6CB;--green-200:#A7D6AC;--green-400:#4AAB64;--green-600:#1F793D;--green-700:#155724;--green-900:#0D3D0A;--burgandy-100:#bca69c;--burgandy-200:#A76A58;--burgandy-300:#a24c41;--burgandy-400:#8B2F23;--burgandy-500:#79291e;--burgandy-600:#7B3636;--taupe-400:#A76A58;--taupe-600:#896C69;--taupe-800:#533030;--blue-400:#568CF2;--blue-600:#104ECD;--font-light-color:var(--white-900);--font-dark-color:var(--black-900);--body-bg:var(--white-850);--body-fg:var(--font-dark-color);--body-1-bg:var(--gray-400);--body-1-fg:var(--font-light-color);--header-bg:var(--beige-400);--header-fg:var(--font-dark-color);--footer-bg:var(--gray-200);--footer-fg:var(--font-dark-color);--footer-fg-2:var(--black-900);--overlay-bg:var(--black-900);--hr-color:var(--burgandy-100);--arrow-color:var(--black-900);--drawer-bg:var(--white-800);--size-h0:8rem;--size-h1:4rem;--size-h2:3.5rem;--size-h3:3rem;--size-h4:2.75rem;--size-h5:2.5rem;--size-h6:2.25rem;--size-h7:2rem;--size-p1:1.75rem;--size-p2:1.6rem;--size-p3:1.5rem;--size-p4:1.3rem;--header-total-height:9.25rem;--header-height:4rem;--header-padding:0.75rem 3rem;--footer-height:12rem;--padding-top-content:12rem;--z-index-overlay:1000;--z-index-messages:600;--z-index-header:500;--z-index-drawer:10;--z-index-realisation-overlay:2;--z-index-img:1;--point-0:50% 50%;--point-1:0 40%;--point-2:0 0;--point-3:44.2% 0;--point-4:100% 0%;--point-5:100% 27%;--point-6:100% 100%;--point-7:96.1% 100%;--point-8:21.9% 100%;--point-9:0% 100%;--section-1:polygon(var(--point-0),var(--point-1),var(--point-2),var(--point-3));--section-2:polygon(var(--point-0),var(--point-3),var(--point-4),var(--point-5));--section-3:polygon(var(--point-0),var(--point-5),var(--point-6),var(--point-7));--section-4:polygon(var(--point-0),var(--point-7),var(--point-8));--section-5:polygon(var(--point-0),var(--point-8),var(--point-9),var(--point-1))}@media screen and (max-width:768px){:root{--size-h0:5rem;--header-height:3rem;--footer-height:10rem}}#footer{min-height:var(--footer-height);display:flex;flex-direction:column;justify-content:space-around;align-items:center;box-shadow:0 4px 4px 0 rgba(0,0,0,0.25) inset;padding-top:1rem}#footer *{color:var(--footer-fg);text-align:center}#footer>nav{display:flex;justify-content:space-around;width:80%;max-width:80rem;padding:2rem 0}#footer>nav p{color:var(--footer-fg-2);text-transform:uppercase}#footer .logo{padding:0.5rem 3rem;margin:0.5rem;cursor:pointer;display:flex;align-items:center;gap:1.5rem}#footer .logo p{font-size:var(--size-h4);font-family:var(--font-1)}#footer hr{width:10rem;margin:2rem auto}#footer nav *{font-weight:bold}#footer .copyright{margin:3rem 0}button{filter:drop-shadow(0 4px 4px rgba(0,0,0,0.25));border-radius:5rem;border:none;padding:0.75rem 2rem;font-family:var(--font-3);font-weight:lighter;font-size:var(--size-p3);cursor:pointer}button.primary-button{background-color:var(--burgandy-400);color:white}button.secondary-button{background-color:var(--beige-700);color:var(--taupe-800)}button.dark-button{background-color:var(--black-900);color:var(--white-900)}@media screen and (max-width:768px){#footer>nav{flex-direction:column}#footer>nav>*{margin:1rem 0}#footer .copyright{font-size:var(--size-p3)}}.realisation .details-hover{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(241,241,241,0.5);opacity:0;transition:0.25s opacity ease-in;display:flex;justify-content:center;align-items:center;z-index:var(--z-index-realisation-overlay)}.realisation .details-hover:hover{opacity:1;cursor:pointer}.realisation .details-hover>.plus-overlay{background-color:white;border-radius:15rem;height:13rem;width:13rem;display:flex;justify-content:center;align-items:center;scale:0;box-shadow:0 2px 1px 0 rgba(0,0,0,0.50);transition:scale 0.6s cubic-bezier(0.34,1.56,0.64,1) 0.2s,background-color 0.3s ease-in 0.2s}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.realisation .details-hover:hover>.plus-overlay{scale:100%;background-color:var(--burgandy-400);animation:pulse 1s infinite ease-in-out}.realisation .details-hover>.plus-overlay>p{color:black;transition:color 0.3s ease-in 0.2s}.realisation .details-hover:hover>.plus-overlay>p{color:var(--white-900)}.realisation>img{position:absolute;bottom:2rem;right:2rem;height:4rem;width:4rem;border-radius:5rem;box-shadow:0 4px 4px 0 rgba(0,0,0,0.25),0 -2px 4px 0 rgba(0,0,0,0.25);animation:pulse 1s infinite ease-in-out}#drawer.open{right:0}#drawer #drawer-container{position:fixed;width:100%;max-width:100%;background-color:var(--drawer-bg);padding-top:var(--padding-top-content);height:100%;margin-left:auto;display:flex;flex-direction:column}#drawer.open #drawer-container{box-shadow:-20px 0 10px 0 rgba(0,0,0,0.25)}#drawer #drawer-close{height:100%;flex:1;cursor:e-resize}#drawer .header{display:flex;flex-direction:column;justify-content:start;align-items:center;position:relative;height:8rem}#drawer .header>img{height:3rem;position:absolute;top:-1rem;left:2rem;cursor:pointer}#drawer .header>.title{display:flex}#drawer .header>.title h2{max-width:48rem;text-align:center;font-size:var(--size-h3)}#drawer .header>.next-project{cursor:pointer;display:flex;align-items:center;position:absolute;right:1rem;top:0}#drawer .header>.next-project>img{height:3rem;padding-left:1rem}#drawer .header>.next-project>p{transition:color 0.25s ease-in}#drawer .header>.next-project:hover>p{color:var(--burgandy-400)}#drawer .header>.url{font-family:var(--font-3);margin-top:1rem;background-color:var(--burgandy-400);color:white;padding:0.5rem 4rem;border-radius:5rem;font-size:var(--size-p3);transition:background-color 0.25s ease-in,color 0.25s ease-in}#drawer .header>.url:hover{background-color:var(--burgandy-300);color:white}#drawer .content-container{height:calc(100vh - var(--padding-top-content) - 8rem);display:flex;gap:1rem;margin-top:1rem}#drawer .content-container>.content.left{flex:6;display:flex;flex-direction:column;justify-content:center;align-items:center}#drawer .content-container>.content.left>.img-container{position:relative;display:none}#drawer.website .content-container>.content.left>.img-container.desktop{display:flex}#drawer.mobile_app .content-container>.content.left>.img-container.mobile{display:flex}#img-container-mobile{align-items:center;height:70vh}#img-container-mobile img{height:100%;border-radius:2rem}#img-container-mobile .screen{background-color:transparent!important;top:4%!important;bottom:8%!important;left:11%!important;right:11%!important}#img-container-mobile .screen>.arrow>.img{height:10%!important}#img-container-mobile .screen>.left-arrow{left:-11rem!important}#img-container-mobile .screen>.right-arrow{right:-11rem!important}#drawer .content-container>.content.left>.img-container>.screen-container{position:absolute;top:0;bottom:0;left:0;right:0}#drawer .content-container>.content.left .screen-container>.screen{position:absolute;top:7.8%;bottom:22.5%;left:13%;right:13.5%;background-color:#d3d3d3;display:flex;flex-direction:column}#drawer .content-container>.content.left .screen-container>.screen .screen-img{width:100%}#drawer .content-container>.content.left .screen-container>.screen .images-carousel{display:flex}#drawer .content-container>.content.left .screen>.arrow{position:absolute;top:0;bottom:0;width:50%;display:flex;align-items:center;cursor:pointer}#drawer .content-container>.content.left .screen>.left-arrow{left:0;padding-left:1rem}#drawer .content-container>.content.left .screen>.left-arrow:hover img,#drawer .content-container>.content.left .screen>.right-arrow:hover img{opacity:95%;background-color:var(--gray-300)}#drawer .content-container>.content.left .screen>.right-arrow{right:0;flex-direction:row-reverse;padding-right:1rem}#drawer .content-container>.content.left .screen>.arrow>.img{height:20%}#drawer .content-container>.content.left .screen>.arrow img{background-color:var(--gray-200);padding:2rem;border-radius:50rem;opacity:67.5%;height:100%;min-height:7rem}#drawer .content-container>.content.left .screen>.left-arrow img{rotate:180deg}#drawer .content-container>.content.right{flex:5;position:relative}#drawer .content-container>.content.right>.bg{position:absolute;inset:0}#drawer .content-container>.content.right>.bg img{height:100%;width:100%}#drawer .content-container>.content.right>.bg .texts{position:absolute;top:21%;left:11%;padding-right:1rem;display:flex;flex-direction:column;overflow:scroll;height:76%}#drawer .content-container>.content.right>.bg .texts p{margin:1rem}#drawer .content-container>.content.right>.bg .texts ul{position:relative;top:-1rem;padding-left:1.5rem}#drawer .content-container>.content.right>.bg .texts li{margin-bottom:0.5rem}@media screen and (max-width:768px){#drawer .content-container{flex-direction:column;overflow:scroll}#drawer .content-container>.content.left .screen>.arrow img{padding:1rem}#drawer .content-container>.content.right>.bg{position:initial}#drawer .content-container>.content.right>.bg>img{display:none}#drawer .content-container>.content.right>.bg .texts{overflow:initial;height:auto;padding:2rem 1rem 5rem;position:initial}#drawer .content-container>.content.right>.bg .texts p{text-align:center;margin:1rem 0}#drawer .content-container>.content.left .screen>.arrow img{min-height:4rem}#drawer .header{margin-bottom:4rem}#drawer .header>.title,#drawer .header>.url{position:relative;bottom:-4rem}#drawer #drawer-container{padding-top:calc(var(--padding-top-content) - 1rem)}#drawer.mobile_app .content-container>.content.left>.img-container.mobile{height:50vh;height:50dvh}}