.projectPageWrapper{background-color:var(--main-background);color:var(--main-text);min-height:100vh}.projectPageWrapper main{padding-top:var(--space-12)}.projectPage{max-width:55rem;padding:var(--space-8)var(--space-4);gap:var(--space-12);flex-direction:column;margin:0 auto;display:flex}.projectHero{gap:var(--space-8);flex-direction:column;display:flex}.projectTagline{opacity:.9;font-weight:400}.projectTagline p{font-size:var(--text-lg)}.projectMeta{justify-content:space-between;gap:var(--space-6);padding:var(--space-6)0;border-top:1px solid rgb(from var(--main-text)r g b/10%);border-bottom:1px solid rgb(from var(--main-text)r g b/10%);flex-wrap:wrap;display:flex}.metaContainerLeft{gap:var(--space-8);display:flex}.metaContainerRight{gap:var(--space-4);display:flex}.metaItem strong{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2);display:block}.metaItem ul{margin:0;padding:0;list-style:none}.metaItem li{opacity:.8;font-size:var(--text-sm)!important}.projectSection{gap:var(--space-6);flex-direction:column;margin-bottom:0;display:flex}.projectSection h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4);line-height:1.1}.projectSection h3{font-size:var(--text-xl);font-weight:var(--weight-bold);opacity:.9;margin-top:var(--space-8)!important;margin-bottom:var(--space-4)!important}.projectSection h4{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--main-text);margin-top:var(--space-8)!important;margin-bottom:0!important}section.projectSection:nth-child(5)>h3:nth-child(2){margin-top:0!important}.article-point{margin-top:var(--space-16)}.point-content{display:block;margin-top:var(--space-8)!important}.objectif-section h2{margin-top:0}.imagePlaceholder,.imagePlaceholder_Small{flex-direction:column;align-items:center;display:flex;margin:var(--space-8)auto!important}.imagePlaceholder{width:100%!important}.imagePlaceholder:first-child{margin:auto;width:80%!important}.imagePlaceholder_Small{width:70%}.imagePlaceholder img,.imagePlaceholder video,.imagePlaceholder_Small img,.imagePlaceholder_Small video{border-radius:var(--radius-md);height:auto;box-shadow:var(--shadow-md);border:1px solid rgb(from var(--main-text)r g b/5%);width:100%!important}.no-decor img{box-shadow:none!important;border:none!important}.imagePlaceholder figcaption,.imagePlaceholder_Small figcaption{margin-top:var(--space-3);font-weight:var(--weight-light);font-size:var(--text-sm);opacity:.8;text-align:center;width:100%}.containerHorizontal{justify-content:space-between;align-items:stretch;gap:var(--space-8);width:100%;margin:var(--space-4)0;flex-direction:row;display:flex}.containerHorizontal .imagePlaceholder_Small{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:none;display:flex;margin:0!important}.containerHorizontal .point-media{flex:1;align-items:stretch;margin:0;display:flex}.containerHorizontal .jsonConcept{width:100%;height:100%;max-height:none;font-size:var(--text-xs);box-sizing:border-box;display:block;overflow:auto;margin:0!important}.imageOverlay{z-index:1000;cursor:zoom-out;background-color:#ffffffe6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.enlarged-img{object-fit:contain;border-radius:var(--radius-md);max-width:90%;max-height:90%;animation:.3s ease-out zoomAnim}.closeOverlay{color:#fff;font-size:var(--text-base);font-weight:700;position:absolute;top:20px;right:40px}@keyframes zoomAnim{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:850px){.containerHorizontal{flex-direction:column}.containerHorizontal .imagePlaceholder_Small,.containerHorizontal .point-media-code{flex:0 0 100%;width:100%}}.clickable{cursor:zoom-in;transition:transform var(--duration-fast)var(--ease-out-quart)}.clickable:hover{transform:scale(1.02)}.mockup-link{text-decoration:none;display:block}.clickable-mockup{transition:all var(--duration-slow)var(--ease-out-quart)}.clickable-mockup:hover img{filter:brightness(1.1);box-shadow:var(--shadow-lg)}.htmlConcept,.codeConcept,.jsonConcept{color:#f8f8f2;padding:var(--space-4);border-radius:var(--radius-md);width:80%;margin:var(--space-8)auto;background-color:#282a36;border:1px solid #44475a;max-height:350px;font-family:Fira Code,monospace;display:block;position:relative;overflow:auto;padding-top:var(--space-10)!important;font-size:var(--text-xs)!important;line-height:calc(var(--dynamic-line-height) - .4)!important;margin-left:auto!important;margin-right:auto!important}.htmlConcept::-webkit-scrollbar{width:8px;height:8px}.codeConcept::-webkit-scrollbar{width:8px;height:8px}.jsonConcept::-webkit-scrollbar{width:8px;height:8px}.htmlConcept::-webkit-scrollbar-track{border-radius:var(--radius-md);background:#282a36}.codeConcept::-webkit-scrollbar-track{border-radius:var(--radius-md);background:#282a36}.jsonConcept::-webkit-scrollbar-track{border-radius:var(--radius-md);background:#282a36}.htmlConcept::-webkit-scrollbar-thumb{background:#44475a;border-radius:4px}.codeConcept::-webkit-scrollbar-thumb{background:#44475a;border-radius:4px}.jsonConcept::-webkit-scrollbar-thumb{background:#44475a;border-radius:4px}.htmlConcept::-webkit-scrollbar-thumb:hover{background:#6272a4}.codeConcept::-webkit-scrollbar-thumb:hover{background:#6272a4}.jsonConcept::-webkit-scrollbar-thumb:hover{background:#6272a4}.codeConcept:before,.jsonConcept:before,.htmlConcept:before{width:100%;font-size:var(--text-sm);letter-spacing:1px;border-bottom:1px solid #44475a;padding:8px 16px;font-family:Fira Code,monospace;position:absolute;top:0;left:0}.codeConcept:before{content:"JavaScript";color:#f1fa8c}.jsonConcept:before{content:"JSON (extrait)";color:#bd93f9}.htmlConcept:before{content:"HTML5";color:#8be9fd}.codeComment{font-style:italic;color:#899ddd!important}.rose{color:#ff79c6!important}.vert{color:#50fa7b!important}.cyan{color:#8be9fd!important}.jaune{color:#e0af68!important}.orange{color:#ffb86c!important}.bleuciel{color:#89ddff!important}.lila{color:#bd93f9!important}.yellow{color:#f1fa8c!important}.indigo{color:#2596be!important}.projectList{margin:var(--space-6)0;padding-left:0;list-style:none}.projectList li{padding-left:var(--space-8);margin-bottom:var(--space-4);position:relative;line-height:calc(var(--dynamic-line-height) + .1)!important}.projectList li:before{content:"●";color:var(--main-text);opacity:.6;font-weight:700;position:absolute;top:2px;left:0}.projectList ul{margin-top:var(--space-2);margin-bottom:var(--space-4)}.title-wrapper{align-items:center;gap:var(--space-4);width:100%;margin:0 0 1.5rem;display:flex}.title-wrapper .section-title-line{background-color:var(--main-text);width:50px;height:1.5px}.title-wrapper h3{text-align:center;margin:0!important}p code,.code{color:#ff79c6;border-radius:var(--radius-xs);white-space:nowrap;background-color:#282a36;border:1px solid #44475a;padding:.2em .4em;font-family:Fira Code,monospace;font-size:.85em}.creditsAccordion{gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;display:flex}.creditsAccordion details{border-bottom:1px solid rgb(from var(--main-text)r g b/15%);padding-bottom:var(--space-4);transition:all .3s}.creditsAccordion summary{font-size:var(--text-lg);font-weight:var(--weight-bold);cursor:pointer;padding:var(--space-2)0;list-style:none}.accordionContent{margin-top:var(--space-4);padding-left:var(--space-4);border-left:2px solid rgb(from var(--main-text)r g b/20%)}.accordionContent p{margin-bottom:var(--space-2)}.creditsAccordion summary{align-items:center;list-style:none;display:flex}.creditsAccordion summary::-webkit-details-marker{display:none}.accordionArrow{color:var(--main-text);opacity:.7;margin-right:10px;font-size:.8em;transition:transform .3s ease-in-out;display:inline-block}details[open] .accordionArrow{transform:rotate(90deg)}.main-footer-inverted{background-color:var(--main-text);color:var(--main-background);padding:var(--space-12)var(--space-4)var(--space-4);margin-top:auto}.footer-container{justify-content:space-between;gap:var(--space-8);max-width:62.5rem;padding-bottom:var(--space-8);border-bottom:1px solid rgb(from var(--main-background)r g b/15%);flex-wrap:wrap;margin:0 auto;display:flex}.footer-brand{gap:var(--space-2);flex-direction:column;flex:250px;display:flex}.footer-logo{font-size:var(--text-lg);color:var(--main-background);font-weight:700;text-decoration:none}.footer-tagline{font-size:var(--text-sm);opacity:.7}.footer-nav{gap:var(--space-12);flex-wrap:wrap;flex:2 400px;display:flex}.footer-nav-col{gap:var(--space-3);flex-direction:column;display:flex}.footer-title{font-weight:var(--weight-light);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2);opacity:.8}.footer-nav-col a{color:var(--main-background);opacity:.8;font-size:var(--text-base);transition:opacity var(--duration-fast)var(--ease-out-quart),transform var(--duration-fast)var(--ease-out-quart);text-decoration:underline}.footer-nav-col a:hover{opacity:1;transform:translate(4px)}.footer-socials{gap:var(--space-3);flex-direction:column;flex:200px;display:flex}.social-icons{gap:var(--space-4);display:flex}.social-icons a{color:var(--main-background);font-size:var(--text-xl);opacity:.8;transition:opacity var(--duration-fast)var(--ease-out-quart),transform var(--duration-fast)var(--ease-out-quart)}.social-icons a:hover{opacity:1;transform:scale(1.1)}.footer-bottom{max-width:1000px;padding-top:var(--space-6);text-align:center;font-size:var(--text-xs);opacity:.5;margin:0 auto}@media (max-width:768px){.projectPage{padding:var(--space-6)var(--space-4);gap:var(--space-8)}.projectPageWrapper main{padding-top:var(--space-24)}.projectMeta{gap:var(--space-6);flex-direction:column}.metaContainerLeft{gap:var(--space-4);grid-template-columns:1fr 1fr;width:100%;display:grid}.metaContainerLeft .metaItem:first-child{grid-column:1/-1}.metaContainerRight{flex-direction:column;gap:1rem;width:100%;display:flex}.metaContainerRight .metaItem,.metaContainerRight .metaItem a.btn{justify-content:center;width:100%}.title-wrapper .section-title-line{display:none}.title-wrapper{margin:var(--space-4)0 var(--space-4)0;justify-content:center}.title-wrapper h3{text-align:left}.projectList li{padding-left:var(--space-6)}.projectList li:before{left:2px}.imagePlaceholder,.imagePlaceholder:first-child,.imagePlaceholder_Small{width:100%!important;margin:var(--space-6)0!important}.imagePlaceholder img,.imagePlaceholder_Small img{object-fit:contain;width:100%!important;height:auto!important}.containerHorizontal{gap:var(--space-4);flex-direction:column}.htmlConcept,.codeConcept,.jsonConcept{width:100%;margin:var(--space-4)0;font-size:var(--text-xs);padding-top:var(--space-12)!important}.containerHorizontal .point-media{width:100%}}
.CtaProject-module__QLxykq__ctaSection{width:100%;padding:var(--space-8)var(--space-4);margin-top:var(--space-8);justify-content:center;display:flex}.CtaProject-module__QLxykq__ctaContainer{text-align:center;align-items:center;gap:var(--space-6);flex-direction:column;max-width:40.5rem;display:flex}.CtaProject-module__QLxykq__ctaTitle{font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--main-text);margin:0}.CtaProject-module__QLxykq__ctaText{font-size:var(--text-lg);line-height:var(--dynamic-line-height);color:var(--main-text);opacity:.7;margin:0}.CtaProject-module__QLxykq__ctaText p{text-align:center!important}.CtaProject-module__QLxykq__ctaIcon{transition:transform var(--duration-slow)var(--ease-out-quart)}.CtaProject-module__QLxykq__ctaButton:hover .CtaProject-module__QLxykq__ctaIcon{transform:translate(5px)}@media (max-width:768px){.CtaProject-module__QLxykq__ctaSection{padding:var(--space-6)var(--space-2);margin-top:var(--space-4)}.CtaProject-module__QLxykq__ctaContainer{gap:var(--space-4)}.CtaProject-module__QLxykq__ctaTitle{font-size:var(--text-xl)}.CtaProject-module__QLxykq__ctaText{font-size:var(--text-base)}.CtaProject-module__QLxykq__ctaButton{justify-content:center;width:100%;padding:var(--space-2)var(--space-6)!important}}