header{--header-offset:0;--header-position:sticky}#pdg{display:flex;flex-direction:column;align-items:center;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));padding-top:3rem}main section{--p-top:9rem;--p-bottom:2rem}h2{--site-h2:3rem;font-size:var(--site-h2);font-family:var(--font-1);text-transform:uppercase;font-weight:400;letter-spacing:1px}@media screen and (max-width:650px){h2{--site-h2:2rem;--site-h3:1.6rem}}h3{--site-h3:1.7rem;text-align:center;font-size:var(--site-h3);max-width:90%;margin:0 auto 4rem}.tile{padding:1rem 2rem 5rem;border:1px solid #B6B6B6;border-radius:3.5rem;width:95%;max-width:55rem;margin:1rem auto}@media screen and (max-width:650px){.tile{padding:1rem 1rem 5rem}}.tile .title{text-align:center}.tile .content{display:flex;flex-direction:column;gap:1rem}.tile .content ul{position:relative;left:2rem;padding-right:2rem}.tile .content ul li{margin-bottom:0.5rem;position:relative;top:-0.5rem}@charset "UTF-8";h1{text-align:center;margin:3rem auto 6rem;max-width:90%}#main{background-color:#e5e5e5!important;position:relative;overflow:hidden}.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.5);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(--red-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:white}.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{--drawer-bg:#F0F4FB;--padding-top-content:2rem;position:absolute;height:100%;width:100vw;top:0;right:-100vw;transition:right 0.5s ease-out;display:flex;z-index:var(--z-index-drawer)}#drawer.open{right:0}#drawer.open #drawer-container{box-shadow:-20px 0 10px 0 rgba(0,0,0,0.25)}#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 #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(--red-400)}#drawer .header>.url{font-family:var(--font-3);margin-top:1rem;background-color:var(--red-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(--red-300);color:white}#drawer .header>.url:hover{background-color:var(--red-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;padding-bottom:10rem}#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}#title{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:var(--padding-top-content)}#realisations{display:flex;width:95%;max-width:120rem;margin:auto;gap:2.4rem}#realisations .realisations-col{display:flex;flex-direction:column;gap:2.4rem}#col-g{flex:5}#col-d{flex:4}.realisation{position:relative;min-height:20rem;background-color:white;box-shadow:0 4px 4px 0 #00000040}.realisation .header{display:flex;justify-content:space-between;align-items:start;gap:1rem;padding:1.5rem}.realisation h2{font-size:var(--size-h5);text-align:start;flex:1}.realisation hr{margin:0 auto 1.5rem;background-color:var(--gray-100);width:95%;height:0.2rem}.realisation .content{margin:1rem;position:relative}.realisation .content>p{text-align:start}.label{border-radius:2rem;text-align:center;width:max-content;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25),0 -1px 1px 0 rgba(0,0,0,0.25)}.label.website,.label.app,.label.mobile_app{font-family:var(--font-1);font-size:var(--size-p2);padding:0.2rem 1rem}.label.website{background-color:#BE4046;color:white}.label.mobile_app{background-color:#5456de;color:white}.label.app{background-color:#bb9f00;color:white}.realisation .content>img{width:100%;box-shadow:0 8px 8px 0 #00000040 inset;border-radius:1rem}.realisation.mobile_app .content{display:flex;justify-content:center}.realisation.mobile_app .content img{height:30rem;width:auto}#content{position:relative;overflow:hidden}@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>img{top:1rem}#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}}@media screen and (max-width:768px){#realisations{flex-direction:column}.realisation .content>img{height:25rem;width:100%;object-fit:cover;object-position:center}.gradient{height:3rem}}