@import"https://fonts.googleapis.com/css2?family=Maitree:wght@300;500;600;700&display=swap";.fixed-bar{position:fixed;top:0;left:0;right:0;padding:48px 48px 23px;margin:auto;background-color:#f8fbff}.header{height:60px;display:flex;align-items:center;gap:8px;background-color:#f8fbff;z-index:2}.header ul{display:flex;list-style-type:none;padding:0;margin:0;gap:26px;flex:1}.header ul li{font-size:24px;font-weight:300}.header ul li a{color:inherit;text-decoration:none}.header ul li :hover{transition:ease-out .3s;color:#b1beeb}.header ul li .active{font-weight:700}.header .middle{height:100%;gap:8px;display:flex;flex-direction:column;align-items:center;text-align:center}.header .middle :first-child{font-size:24px;font-weight:700;line-height:100%}.header .middle :last-child{font-size:18px;font-weight:500;line-height:100%;color:#b1beeb}.header .right{justify-content:flex-end;float:right}@media only screen and (max-width: 1024px){.fixed-bar{padding:24px 24px 16px}.header{height:auto}.header .middle{display:none}.header ul{width:auto;justify-content:space-around}.header ul li{width:auto;float:none}.header .right{justify-content:center}}@media only screen and (max-width: 768px){.fixed-bar{padding:24px 24px 16px}.header{height:auto;display:flex;flex-direction:column}.header ul{flex-wrap:wrap;width:100%;justify-content:center;gap:0}.header ul li{flex:1;justify-content:space-between;text-align:center}}.headline-large{font:"Maitree",serif;font-weight:700;font-size:41px;line-height:39.6px}.title-small{font:"Maitree",serif;font-weight:500;font-size:24px;line-height:36px}.text-large{font-family:Maitree,serif;font-size:18px;font-weight:300;line-height:30px;letter-spacing:.02em}html,body{margin:0;font-family:Maitree,serif;color:#000;background-color:#f8fbff;padding:24px}html{scroll-behavior:smooth}body{background-color:transparent}@media only screen and (max-width: 768px){html,body{padding:16px}}.headline-large,.home .container p{font:"Maitree",serif;font-weight:700;font-size:41px;line-height:39.6px}.title-small,.home .container .quote-container .quote{font:"Maitree",serif;font-weight:500;font-size:24px;line-height:36px}.text-large,.home .container .poste :first-child,.home .container .poste :last-child{font-family:Maitree,serif;font-size:18px;font-weight:300;line-height:30px;letter-spacing:.02em}.home .container{padding-top:150px}.home .container .poste{display:flex;width:fit-content;align-items:center;justify-content:flex-start;flex-direction:row;gap:16px}.home .container .poste hr{width:5em}.home .container .poste :first-child{width:fit-content}.home .container .poste :last-child{color:#b1beeb;width:fit-content}.home .container p{width:60%;line-height:152.9%}.home .container .bg-square{background-color:#d8e6ff;position:absolute;width:587px;height:472px;left:45%;top:25%;z-index:-1}.home .container .quote-container{display:flex;flex-direction:column;position:relative;width:90%;margin-top:100px;color:#3e3e3e}.home .container .quote-container :first-child{top:-7vh}.home .container .quote-container :last-child{bottom:-7vh;transform:rotate(180deg)}.home .container .quote-container .big-quote{font-size:80px;font-family:Maitree,serif;font-weight:500;line-height:0;width:100%;position:absolute}.home .container .quote-container .quote{line-height:36px;width:auto;flex:1}.home .container .quote-container .quote strong{position:relative;top:100%;bottom:100%;margin:0 12px;white-space:nowrap}.home .container .quote-container .quote strong:before{background-color:#e5ebff;content:"";position:absolute;width:calc(100% + 16px);height:90%;left:-8px;bottom:0;z-index:-1;border-radius:4px;box-shadow:2px 2px 2px #b5c1eb}@media only screen and (max-width: 1024px){.container{padding-top:75px}.container .poste{flex-wrap:wrap;flex-direction:column}.container .poste hr{width:auto;flex:1}.container .poste :first-child{flex:1}.container .poste :last-child{flex:1}.container .main-title{word-wrap:break-word;width:100%}.container .main-title p{font-size:30px;width:100%}.container .bg-square{display:none}.container .quote-container .big-quote{font-size:60px!important}.container .quote-container .quote{text-align:justify;font-size:24px!important;line-height:2!important}}@media only screen and (max-width: 768px){.container{padding-top:75px}.container .main-title p{font-size:20px}.container .quote-container .big-quote{font-size:40px!important}.container .quote-container .quote{text-align:justify;font-size:16px!important;line-height:2!important}}.headline-large{font:"Maitree",serif;font-weight:700;font-size:41px;line-height:39.6px}.title-small{font:"Maitree",serif;font-weight:500;font-size:24px;line-height:36px}.text-large{font-family:Maitree,serif;font-size:18px;font-weight:300;line-height:30px;letter-spacing:.02em}.fixed-bar{position:fixed;top:0;left:0;right:0;padding:48px 48px 23px;margin:auto;background-color:#f8fbff}.header{height:60px;display:flex;align-items:center;gap:8px;background-color:#f8fbff;z-index:2}.header ul{display:flex;list-style-type:none;padding:0;margin:0;gap:26px;flex:1}.header ul li{font-size:24px;font-weight:300}.header ul li a{color:inherit;text-decoration:none}.header ul li :hover{transition:ease-out .3s;color:#b1beeb}.header ul li .active{font-weight:700}.header .middle{height:100%;gap:8px;display:flex;flex-direction:column;align-items:center;text-align:center}.header .middle :first-child{font-size:24px;font-weight:700;line-height:100%}.header .middle :last-child{font-size:18px;font-weight:500;line-height:100%;color:#b1beeb}.header .right{justify-content:flex-end;float:right}@media only screen and (max-width: 1024px){.fixed-bar{padding:24px 24px 16px}.header{height:auto}.header .middle{display:none}.header ul{width:auto;justify-content:space-around}.header ul li{width:auto;float:none}.header .right{justify-content:center}}@media only screen and (max-width: 768px){.fixed-bar{padding:24px 24px 16px}.header{height:auto;display:flex;flex-direction:column}.header ul{flex-wrap:wrap;width:100%;justify-content:center;gap:0}.header ul li{flex:1;justify-content:space-between;text-align:center}}.headline-large,.container h1{font:"Maitree",serif;font-weight:700;font-size:41px;line-height:39.6px}.title-large,.container .subtitle{font:"Maitree",serif;font-weight:500;font-size:30px;line-height:48.6px}.title-small,.container #enjeux .analysis .swot .swot-category h3{font:"Maitree",serif;font-weight:500;font-size:24px;line-height:36px}.text-large,.container .back-btn,.container .infos-generales .category b{font-family:Maitree,serif;font-size:18px;font-weight:300;line-height:30px;letter-spacing:.02em}.text-default,.container .description,.container .infos-generales .category p,.container .links,.container .desc,.container #enjeux .analysis .swot .description,.container #debut .wireframes-container .wireframe-container p{font-family:Maitree,serif;font-size:16px;font-weight:300;line-height:26px;letter-spacing:0em;text-align:left}.container{padding-top:150px}.container .header{display:flex;align-items:center;justify-content:flex-start;gap:24px}.container .back-btn{background-color:#fff;color:#000;border:1px solid black;padding:4px 16px;cursor:pointer}.container .back-btn:hover{background-color:#fafafa;transition:ease-in-out .3s}.container .description{color:#3e3e3e}.container .infos-generales{display:flex;align-items:stretch;justify-content:center;gap:5%}.container .infos-generales .category{width:100%;padding:24px 0;display:flex;justify-content:start;flex-direction:column}.container .infos-generales .category b{font-weight:700;overflow-wrap:break-word}.container .infos-generales .category p{color:#3e3e3e}.container .links{display:flex;align-items:center;justify-content:start}.container .links a{color:#90a1df;padding:8px 16px;text-decoration:none;width:fit-content}.container .links a:hover{color:#90a1df;filter:opacity(.7)}.container .blue-container{margin-top:5em;padding:60px;background-color:#d8e6ff;display:flex;justify-content:start;align-items:center;position:relative;z-index:-1}.container .blue-container div{width:50%;display:flex;flex-direction:column;justify-content:start}.container .blue-container img{position:absolute;right:0;width:40em;top:-10em;z-index:0}.container .desc{width:50%}.container #enjeux{scroll-margin-top:150px}.container #enjeux .analysis{margin-top:20em}.container #enjeux .analysis .swot{display:inline-flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:250px}.container #enjeux .analysis .swot .vl{border:.5px solid #B1BEEB}.container #enjeux .analysis .swot .swot-category{align-self:flex-start;width:300px}.container #enjeux .analysis .swot .swot-category h3{text-align:center}.container #enjeux .enjeux-img{margin-top:150px;width:100%;background-image:url(/images/lines-bg.svg)}.container #enjeux .enjeux-img img{aspect-ratio:1;min-width:500px;width:80%}.container #debut{scroll-margin-top:150px;margin-top:250px}.container #debut .info{display:flex;flex-direction:column;align-items:flex-end;width:100%;margin-top:200px}.container #debut .info .subtitle{width:50%}.container #debut .personas-content{position:relative;z-index:-2}.container #debut .bg-img{display:flex;align-items:center;justify-content:center;background-color:#3e3e3e;margin-top:100px;z-index:-2;position:relative}.container #debut .bg-img img{object-fit:cover;width:100%;margin:16px 0}.container #debut .wireframes-container{display:flex;padding:32px 16px;gap:32px;flex-wrap:wrap}.container #debut .wireframes-container .wireframe-container{display:flex;flex-direction:column;width:auto;width:47%;flex-grow:3;z-index:0}.container #debut .wireframes-container .wireframe-container p{color:#fff}.container #debut .wireframes-container .wireframe-container .wr-images{display:inline-flex;width:100%}.container #debut .wireframes-container .wireframe-container .wr-images .img-test{display:flex;flex:auto}.container #designUI{scroll-margin-top:150px;margin-top:250px}.container #designUI .challenge{margin-top:250px;width:100%}.container #designUI .challenge img{width:100%}.container #designUI .goal .info{display:flex;flex-direction:column;align-items:flex-end;width:100%;margin-top:200px}.container #designUI .goal .info .subtitle{width:50%}.container #designUI .concretisation img{object-fit:contain;width:100%}.container #problemes{scroll-margin-top:150px;margin-top:250px}.container #problemes .probleme{margin-top:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px}.container #problemes .probleme .subtitle,.container #problemes .probleme .desc{width:100%}.container #problemes .probleme .avant-apres{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:96px}.container #problemes .probleme .avant-apres .avant,.container #problemes .probleme .avant-apres .apres{display:flex;width:auto;flex-direction:column;justify-content:center;align-items:center}.container #problemes .probleme .avant-apres .avant h3,.container #problemes .probleme .avant-apres .apres h3{text-align:center;width:100%}.container #conclusion{scroll-margin-top:150px;margin-top:250px}.container #conclusion div{width:auto}@media only screen and (max-width: 1024px){.container .blue-container div{width:auto}.container .blue-container img,.container .vl{display:none}}@media only screen and (max-width: 768px){.container .title{font-size:28px}.container .description{text-align:justify}.container .subtitle{float:none;font-size:24px;text-align:left;width:100%}.container #debut .info,.container #designUI .goal .info{align-items:flex-start}.container .desc{text-align:justify;width:100%}.container .blue-container{padding:16px}.container .header{flex-direction:row}.container .infos-generales{flex-direction:column;width:100%}.container .infos-generales .category{padding:0;margin-bottom:16px}.container .links{flex-wrap:wrap}.container .links a{width:100%}.container #enjeux .enjeux-img{display:none;background-color:red}.container #enjeux .enjeux-img img{background-color:#7fffd4}}.headline-large{font:"Maitree",serif;font-weight:700;font-size:41px;line-height:39.6px}.title-small,.per-container h2{font:"Maitree",serif;font-weight:500;font-size:24px;line-height:36px}.text-large,.per-container h3{font-family:Maitree,serif;font-size:18px;font-weight:300;line-height:30px;letter-spacing:.02em}.text-default,.per-container{font-family:Maitree,serif;font-size:16px;font-weight:300;line-height:26px;letter-spacing:0em;text-align:left}.per-container{background-color:#f3f6fb;padding:90px 40px;display:flex;align-items:flex-start;gap:3em;flex-wrap:wrap;margin-top:150px;border-radius:0 24px;filter:drop-shadow(0px 4px 10px rgba(0,0,0,.08))}.per-container h3{line-height:0%}.per-container .col{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:30%;position:relative}.per-container .col .per-quote{font-style:italic}.per-container .col img{width:100%}.per-container .col p{text-align:justify}.per-container .col .per-info{display:flex;gap:16px}.per-container .col .per-info .icon{width:24px;aspect-ratio:1}.per-container .tags{display:flex;gap:8px}.per-container .tags .tag{background-color:#e7ecff;padding:4px 8px}.per-container .graph-container{display:flex;flex-direction:column;justify-content:space-between;width:100%;margin-bottom:32px}.per-container .graph-container .titles{display:flex;align-items:center;justify-content:space-between;flex:1}.per-container .graph-container .graph{width:100%;height:1px;margin:16px 0;background-color:#3e3e3e;display:flex;align-items:center;position:relative}.per-container .graph-container .graph .pointer{width:16px;height:40px;background-color:#b1beeb;border-radius:4px 0;position:absolute}@media only screen and (max-width: 1024px){.per-container{flex-direction:column;flex-wrap:wrap;width:auto;padding:32px 16px}.per-container .col{width:100%}.per-container img{max-width:300px}.per-container .tags{flex-wrap:wrap}}.headline-large{font:"Maitree",serif;font-weight:700;font-size:41px;line-height:39.6px}.title-small{font:"Maitree",serif;font-weight:500;font-size:24px;line-height:36px}.text-large{font-family:Maitree,serif;font-size:18px;font-weight:300;line-height:30px;letter-spacing:.02em}.projets{display:flex;flex-direction:column}.projets .container{overflow:hidden;display:flex;padding:10em 0;flex-wrap:wrap;flex-grow:1;gap:3em;justify-content:left;align-content:space-between}.headline-large{font:"Maitree",serif;font-weight:700;font-size:41px;line-height:39.6px}.title-small,.card h1{font:"Maitree",serif;font-weight:500;font-size:24px;line-height:36px}.text-large,.card h3,.card button{font-family:Maitree,serif;font-size:18px;font-weight:300;line-height:30px;letter-spacing:.02em}.text-default,.card .desc{font-family:Maitree,serif;font-size:16px;font-weight:300;line-height:26px;letter-spacing:0em;text-align:left}.card{display:flex;flex-direction:column;color:#3e3e3e;justify-content:end;border-radius:20px 0;gap:8px;padding:24px;height:auto;width:300px;background-color:#fff;filter:drop-shadow(0px 4px 10px rgba(0,0,0,.08))}.card .image{aspect-ratio:1.2;background-color:#d9d9d9;border-radius:20px 0;overflow:hidden}.card .image img{width:100%;transform:scale(1);transition:.5s}.card h1{line-height:1}.card h3{margin:0;padding:0;line-height:1}.card .role{color:#b1beeb;font-weight:700}.card .desc{text-align:justify;height:100px;width:auto;display:-webkit-box;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical}.card button{color:#000;border:1px solid #000;background-color:transparent;padding:4px 20px;width:fit-content;cursor:pointer}.card button:hover{background-color:#fafafa}.card:hover .image img{transform:scale(1.05);transition:.5s}@media only screen and (max-width: 768px){.card{padding:16px}.card .roles{flex-direction:column}.card .roles h1{font-size:20px}.card .roles h3{font-size:16px}}.headline-large,.cv .container .info-avatar .infos-container h1{font:"Maitree",serif;font-weight:700;font-size:41px;line-height:39.6px}.title-large{font:"Maitree",serif;font-weight:500;font-size:30px;line-height:48.6px}.title-small,.cv .container p{font:"Maitree",serif;font-weight:500;font-size:24px;line-height:36px}.text-large,.cv .container .info-avatar .infos-container p,.cv .container .resume-container .resume .download-btn{font-family:Maitree,serif;font-size:18px;font-weight:300;line-height:30px;letter-spacing:.02em}.text-default{font-family:Maitree,serif;font-size:16px;font-weight:300;line-height:26px;letter-spacing:0em;text-align:left}.cv .container{padding-top:150px;display:flex;align-items:center;flex-direction:column}.cv .container .info-avatar{display:flex;gap:64px;align-items:center}.cv .container .info-avatar .avatar{width:170px;height:170px;border-radius:50%;aspect-ratio:1;background:url(/images/profile.png) no-repeat;background-size:cover}.cv .container .info-avatar .infos-container{margin:5vh 0}.cv .container .info-avatar .infos-container h1{line-height:0}.cv .container .info-avatar .infos-container h3{font-family:Maitree,serif;font-weight:300;font-size:32px;line-height:44.45px}.cv .container .info-avatar .infos-container p{font-weight:300}.cv .container strong{position:relative;top:100%;bottom:100%;margin:0 12px;white-space:nowrap}.cv .container strong:before{background-color:#e5ebff;content:"";position:absolute;width:calc(100% + 16px);height:90%;left:-8px;bottom:0;z-index:-1;border-radius:4px;box-shadow:2px 2px 2px #b5c1eb}.cv .container .resume-container{display:flex;flex-direction:column;gap:24px;margin-top:50px}.cv .container .resume-container .resume{display:flex;align-items:center;justify-content:center}.cv .container .resume-container .resume .download-btn{color:#000;border:1px solid #000;background-color:#fff;padding:4px 20px;width:fit-content;cursor:pointer}.cv .container .resume-container .resume .download-btn a{color:#3e3e3e;display:contents}.cv .container .resume-container .resume .download-btn:hover{background-color:#fafafa}@media only screen and (max-width: 1024px){.cv .container .info-avatar{flex-direction:column;gap:0px}.cv .container .info-avatar .avatar{width:130px;height:130px}.cv .container .info-avatar .infos-container h1{font-size:40px;line-height:0}.cv .container .info-avatar .infos-container h3{font-size:28px}.cv .container .info-avatar .infos-container p{font-size:16px}.cv .container .phrase{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;font-size:24px}}@media only screen and (max-width: 768px){.cv .container .info-avatar .infos-container h1{font-size:30px;line-height:0}.cv .container .info-avatar .infos-container h3{font-size:24px}.cv .container .phrase{font-size:20px;align-items:center}}