@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap";/**
* @license
*
* Font Family: Clash Display
* Designed by: Indian Type Foundry
* URL: https://www.fontshare.com/fonts/clash-display
* © 2025 Indian Type Foundry
*
* Clash Display Extralight 
* Clash Display Light 
* Clash Display Regular 
* Clash Display Medium 
* Clash Display Semibold 
* Clash Display Bold 
* Clash Display Variable (Variable font)

*
*/@font-face{font-family:ClashDisplay-Extralight;src:url(/assets/ClashDisplay-Extralight-D3i1MCwm.woff2) format("woff2"),url(/assets/ClashDisplay-Extralight-BJExDEVH.woff) format("woff"),url(/assets/ClashDisplay-Extralight--kv4w5k0.ttf) format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Light;src:url(/assets/ClashDisplay-Light-DIjv0-nY.woff2) format("woff2"),url(/assets/ClashDisplay-Light-Co9CQZ40.woff) format("woff"),url(/assets/ClashDisplay-Light-CutxPsj4.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Regular;src:url(/assets/ClashDisplay-Regular-DhusH4GR.woff2) format("woff2"),url(/assets/ClashDisplay-Regular-BKrzTZUV.woff) format("woff"),url(/assets/ClashDisplay-Regular-zoOY6xZw.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Medium;src:url(/assets/ClashDisplay-Medium-BPdWq--j.woff2) format("woff2"),url(/assets/ClashDisplay-Medium-D8oxfInt.woff) format("woff"),url(/assets/ClashDisplay-Medium-RwyLHzhI.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Semibold;src:url(/assets/ClashDisplay-Semibold-DcA1xgJG.woff2) format("woff2"),url(/assets/ClashDisplay-Semibold-Cc_zfQ1K.woff) format("woff"),url(/assets/ClashDisplay-Semibold-C8tXlykZ.ttf) format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Bold;src:url(/assets/ClashDisplay-Bold-YaCnK2PY.woff2) format("woff2"),url(/assets/ClashDisplay-Bold-79YOzMqN.woff) format("woff"),url(/assets/ClashDisplay-Bold-5hYeFSJJ.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Variable;src:url(/assets/ClashDisplay-Variable-Buk7cB_f.woff2) format("woff2"),url(/assets/ClashDisplay-Variable-Dt2PxZhp.woff) format("woff"),url(/assets/ClashDisplay-Variable-BHZjogP3.ttf) format("truetype");font-weight:200 700;font-display:swap;font-style:normal}#experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience #experience-canvas{height:100%}.projects_button{z-index:10;position:fixed;bottom:23px;right:23px;color:#fff;padding:17px 29px;background-color:#000;text-decoration:none;font-size:20px;font-family:ClashDisplay-Medium;font-weight:500;border:1px solid transparent;transition:all .2s ease-in}.projects_button:hover{background-color:#fff;color:#000;border:1px solid black}.socials{z-index:10;position:fixed;right:20px;display:flex;flex-direction:row;align-items:center;top:30px;list-style:none;gap:15px;max-width:500px}.socials a{transition:all .1s ease-in}.socials a:hover{transform:scale(1.25)}@media (max-width: 768px){.socials{display:none}.socials-mobile{z-index:10;position:fixed;display:flex;flex-direction:row;align-items:center;bottom:23px;left:23px;list-style:none;gap:10px;max-width:500px}.socials-mobile a{transition:all .1s ease-in}.socials-mobile a:hover{transform:scale(1.25)}.socials-mobile a li img{width:40px;height:auto}}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f0f0f;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;z-index:9999;transition:opacity .6s ease,visibility .6s ease}#loading-screen .warning{font-size:50px}@media (max-width: 1024px){#loading-screen .warning{font-size:25px}}@media (max-width: 768px){#loading-screen .warning{font-size:12px}}#loading-screen p{font-family:ClashDisplay-Bold;font-size:100px}@media (max-width: 1024px){#loading-screen p{font-size:50px}}@media (max-width: 768px){#loading-screen p{font-size:20px}}.loader{display:flex;flex-direction:row;align-items:center;gap:50px}#loading-screen.hidden{opacity:0;visibility:hidden}.spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}#loading-screen.hidden+*{animation:fadeIn 1s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body{cursor:none}.about{position:fixed;inset:0;z-index:10;background-color:#fff;border:20px solid black;max-width:1920px;min-height:100vh;overflow-y:auto;margin:0 auto;display:none}.about .quit_button{position:absolute;right:35px;top:35px}.about_content p{font-size:24px;max-width:615px;line-height:158.2%;font-family:Epilogue}.about_content .quote{font-family:Epilogue;font-style:italic;font-size:20px;text-decoration:underline}.about_media{display:flex;flex-direction:row;gap:0px;height:100%;position:sticky;align-self:flex-start;top:0}.about_logiciels{padding-top:120px}.about_wrapper{display:flex;flex-direction:row;gap:80px}.about_content{padding-top:35px}.about_content h1{font-size:64px;font-weight:700;font-family:ClashDisplay-Variable;text-transform:uppercase}.about_content h2{font-size:24px;font-weight:700;font-family:ClashDisplay-Variable;text-transform:uppercase}.about_content p{font-size:20px;max-width:615px;line-height:158.2%;font-family:Epilogue}.about_content .quote{font-family:Epilogue;font-style:italic;font-size:20px;text-decoration:underline;font-weight:700;padding-bottom:20px;padding-top:10px}.about_design{position:absolute;right:0;pointer-events:none}.about_media{display:flex;flex-direction:row;gap:0;height:100%;position:sticky;align-self:flex-start;top:0}.about_logiciels{padding-top:160px}.about_logiciels h3{font-size:36px;font-weight:700;font-family:ClashDisplay-Bold;padding-bottom:15px}.about_logiciels .window_menu{display:flex;flex-direction:row;align-items:flex-end;gap:7px}.about_logiciels .about_logiciels_window_head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border:1px solid black;padding-left:25px;padding-right:10px;max-width:670px;max-height:30px}.about_logiciels .about_logiciels_window_head p{font-size:16px;font-family:Epilogue;font-weight:700;padding-top:2px}.about_logiciels .about_logiciels_window{background-color:#000;color:#fff;padding:23px 30px 40px;width:670px;display:flex;flex-direction:column;gap:10px;max-height:350px}.about_logiciels .about_logiciels_window p{max-width:545px;font-family:Epilogue;font-size:22px}.qualities_content{display:flex;gap:70px}.qualities_content p{font-size:18px;font-family:Epilogue;font-weight:400;max-width:305px}.qualities_content img{border:3px solid black}.qualities_title{display:flex;flex-direction:row;align-items:center;padding-top:85px;padding-bottom:15px}.qualities_title h3{font-size:36px;font-weight:700;font-family:ClashDisplay-Bold}.qualities ul{list-style:none;border-left:3px solid black;display:flex;flex-direction:column;justify-content:space-around;padding-left:17px}.qualities ul li{font-size:32px;font-weight:500;font-family:ClashDisplay-Variable;padding-bottom:7px}@media (max-width: 1440px){.about{border:15px solid black;height:auto;padding:50px 40px}.about_wrapper{flex-direction:row;flex-wrap:wrap;gap:50px;width:100%}.about_content{width:60%;padding-top:20px}.about_content h1{font-size:56px;text-align:left}.about_content h2{font-size:22px;text-align:left}.about_content p{font-size:20px;max-width:100%;line-height:1.5}.about_content .quote{font-size:18px;margin-top:15px;text-align:left}.about_design{display:none}.about_media{position:static;flex-direction:row;flex-wrap:wrap;width:35%;align-items:flex-start;gap:20px}.about_media img{max-width:100%;height:auto;display:block}.about_media .remove_mobile{display:none}.about_logiciels{padding-top:80px}.about_logiciels h3{font-size:30px}.about_logiciels .window_menu{flex-direction:row;flex-wrap:wrap;gap:10px}.about_logiciels .about_logiciels_window_head{max-width:100%;padding:10px 15px}.about_logiciels .about_logiciels_window{width:100%;padding:25px;max-height:none}.about_logiciels .about_logiciels_window p{font-size:20px}.remove_mobile{display:none}.qualities_title{padding-top:60px}.qualities_title h3{font-size:30px}.qualities_content{flex-direction:row;flex-wrap:wrap;gap:30px}.qualities_content p{max-width:48%;font-size:16px}.qualities_content img{width:48%;max-width:300px;height:auto}.qualities ul{padding-left:15px}.qualities ul li{font-size:26px}.quit_button{top:20px!important;right:20px!important}.quit_button img{max-width:60px;max-height:60px}}@media (max-width: 1024px){.about{border:15px solid black;height:auto;padding:40px 30px}.remove_mobile{display:block}.about_wrapper{flex-direction:row;flex-wrap:wrap;gap:40px;width:100%}.about_content{padding-top:20px;width:100%}.about_content h1{font-size:48px;text-align:left}.about_content h2{font-size:20px;text-align:left}.about_content p{font-size:20px;max-width:100%;text-align:left;line-height:1.5}.about_content .quote{font-size:18px;margin-top:15px;text-align:left}.about_design{display:none}.about_media{position:static;flex-direction:column;flex-wrap:wrap;width:100%;align-items:flex-start;gap:20px}.about_media img{max-width:100%;height:auto;display:block}.about_logiciels{padding-top:80px}.about_logiciels h3{font-size:28px;text-align:left}.about_logiciels .window_menu{flex-direction:row;flex-wrap:wrap;gap:10px;align-items:flex-start}.about_logiciels .about_logiciels_window_head{max-width:100%;padding:10px 15px}.about_logiciels .about_logiciels_window{width:100%;padding:25px;max-height:none}.about_logiciels .about_logiciels_window p{font-size:20px}.qualities_title{padding-top:60px}.qualities_title h3{font-size:28px}.qualities_content{flex-direction:row;flex-wrap:wrap;gap:30px}.qualities_content p{max-width:48%;font-size:16px}.qualities_content img{width:48%;max-width:250px;height:auto}.qualities ul{border-left:3px solid black;padding-left:15px}.qualities ul li{font-size:26px}.quit_button{top:20px!important;right:20px!important}.quit_button img{max-width:60px;max-height:60px}}@media (max-width: 768px){.about{border:10px solid black;height:auto;padding:65px 20px}.about_wrapper{flex-direction:column;gap:40px}.about_content{padding-top:0}.about_content h1{font-size:36px;text-align:left}.about_content h2{font-size:18px;text-align:left}.about_content p{font-size:18px;max-width:100%;text-align:left}.about_content .quote{font-size:16px;text-align:left;display:block;margin-top:20px}.about_design{display:none}.about_media{flex-direction:column;align-items:flex-start;position:static;gap:20px}.about_media img{max-width:100%;height:auto}.about_logiciels{padding-top:60px}.about_logiciels h3{font-size:20px;text-align:left}.about_logiciels .window_menu{flex-direction:column;align-items:left;display:none}.about_logiciels .about_logiciels_window_head{max-width:100%;padding:8px 15px}.about_logiciels .about_logiciels_window{width:100%;padding:20px}.about_logiciels .about_logiciels_window p{font-size:18px}.qualities_title{padding-top:40px;justify-content:left}.qualities_title h3{font-size:20px}.qualities_content{flex-direction:column;align-items:left;gap:20px}.qualities_content p{max-width:100%;text-align:left;font-size:16px}.qualities_content img{width:80%;max-width:300px}.qualities ul{border-left:none;padding-left:0;align-items:flex-start}.qualities ul li{font-size:22px}.quit_button{top:15px!important;right:15px!important}.quit_button img{max-width:50px;max-height:50px}}.all_projects{display:none;background-color:#000;z-index:10;max-width:1920px;margin:0 auto;position:fixed;inset:0;overflow-y:scroll}.projects_cards{display:flex;flex-direction:column;padding-top:22px;gap:38px}.projects_card{display:flex;flex-direction:row;justify-content:center;position:relative}.header_projets{display:flex;flex-direction:row;background-color:#fff;align-items:center;justify-content:space-between;border:1px solid black}.header_projets h2{padding-left:30px;padding-top:12px;padding-bottom:12px;font-size:36px;font-family:ClashDisplay-Bold}.header_projets img{max-width:50px;max-height:50px}.header_projets .quit_button{padding-right:30px;padding-top:9px;padding-bottom:9px}.card_media{background-color:#fff;display:flex;flex-direction:row;max-height:360px}.image_card{z-index:11}.card_content{background-color:#fff;width:1180px}.card_content .projets_design{position:absolute;top:-5px;right:0}.card_title{display:flex;flex-direction:column;gap:0px;justify-content:center}.card_title h3{font-size:96px;font-family:ClashDisplay-Bold;padding-top:100px;padding-left:60px}.card_title h4{font-size:32px;font-family:ClashDisplay-Bold;padding-left:60px}.card_design{background-color:#fff;max-height:360px}.card_link{position:absolute;right:132px;bottom:24px}.card_link a{font-size:36px;font-family:ClashDisplay-Bold;border:1px solid transparent;transition:all .2s ease-in;padding:17px 100px;background-color:#000;color:#fff;text-decoration:none}.card_link a:hover{background-color:#fff;color:#000;border:1px solid black}.isHiddden{display:block}@media (max-width: 1440px){.card_design,.projets_design{display:none}.card_title h3{font-size:50px}}@media (max-width: 768px){.all_projects{background-color:#000;width:100%;height:100vh;overflow-y:auto;padding-bottom:40px}.projects_card{flex-direction:column;width:90%;margin:0 auto;border-radius:10px;overflow:hidden;box-shadow:0 0 10px #0003;background-color:#fff}.card_media{flex-direction:column;width:100%;max-height:none}.image_card{width:100%;height:auto;object-fit:cover}.card_content{width:100%;padding:20px;position:static}.card_content .projets_design,.card_design,.remove_mobile{display:none}.card_title h3{font-size:28px;padding-top:0;padding-left:0}.card_title h4{font-size:18px;padding-left:0}.card_link{position:static;margin:0 0 10px;display:flex;justify-content:left;padding:10px 20px}.card_link a{display:inline-block;font-size:18px;letter-spacing:.5px;width:auto}.header_projets{padding:10px 16px}.header_projets h2{font-size:22px;padding:0}.header_projets img{max-width:30px;max-height:30px}}.contact{position:fixed;inset:0;background-color:#fff;z-index:10;max-width:1920px;max-height:1080px;margin:0 auto;border:20px solid black;display:flex;flex-direction:column;display:none}.contact .quit_button{position:absolute;top:37px;right:27px}.contact .quit_button img{max-width:82px;max-height:84px}.contact{overflow-y:auto}.design_contact_left{position:absolute;left:0;top:0;max-height:1050px}.design_contact_middle{position:absolute;right:0;pointer-events:none}.contact_title{display:flex;flex-direction:column;padding-left:150px;padding-top:30px}.contact_title h2{font-size:70px;font-family:ClashDisplay-Bold}.contact_title p{font-size:32px;font-family:Epilogue;max-width:1400px;padding-top:40px;line-height:40px}.coords{display:flex;flex-direction:row;align-items:flex-start;padding-top:175px;padding-left:150px;gap:90px}.coords h3{font-size:64px;font-family:ClashDisplay-Bold;padding-top:30px;padding-bottom:45px}.coords_text{display:flex;flex-direction:column}.coords_text a{padding-bottom:35px;font-size:32px;font-family:ClashDisplay-Bold;color:#000}.coords_text ul{display:flex;flex-direction:row;gap:15px;list-style:none;align-items:center}.coords_text ul a{transition:all .1s ease-in}.coords_text ul a:hover{transform:scale(1.25)}.coords_window{max-height:380px;max-width:670px;width:100%}.window_contact_header{border:2px solid black;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;padding-top:10px;padding-bottom:8px}.window_contact_header p{padding-left:24px;font-size:16px;font-family:Epilogue;font-weight:700}.window_contact_header .window_contact_buttons{padding-right:10px}.window_contact_content{background-color:#000;color:#fff;padding-left:40px;padding-top:28px;padding-bottom:17px}.window_contact_content h4{font-size:32px;font-family:Epilogue;font-weight:400;text-align:left;padding-bottom:117px;padding-top:65px}.top_window_contact{display:flex;flex-direction:column;gap:5px}.top_window_contact p{font-size:18px;font-family:Epilogue}.bottom_window_contact{display:flex;flex-direction:row;align-items:center;gap:7px;justify-content:flex-end;padding-right:24px}.bottom_window_contact p{font-size:18px;font-family:Epilogue;font-weight:400}@media (max-width: 1440px){.design_contact_left,.design_contact_middle{display:none}.contact_title{padding-left:20px}.contact_title p{font-size:20px}.contact_title h2{font-size:50px}.coords{padding-left:20px;gap:20px}.coords h3{font-size:60px}}@media (max-width: 768px){.contact{border:8px solid black;height:auto;min-height:100vh;padding:20px;overflow-y:auto}.quit_button{top:15px!important;right:15px!important}.quit_button img{width:40px;height:40px}.design_contact_left,.design_contact_middle{display:none}.contact_title{padding-left:0;padding-top:50px}.contact_title h2{font-size:36px;text-align:left}.contact_title p{font-size:18px;line-height:28px;max-width:100%;text-align:left;padding-top:20px}.coords{flex-direction:column;padding-top:60px;padding-left:0;align-items:left;gap:40px}.coords h3{font-size:28px;text-align:left;padding-top:10px;padding-bottom:5px}.coords_text{align-items:left;text-align:left;display:flex;gap:25px}.coords_text a{font-size:20px;padding-bottom:0}.coords_text ul{padding-top:15px;justify-content:left;gap:20px}.coords_text ul a img{width:48px;height:48px}.coords_window{max-width:90%;max-height:none;padding-top:0}.window_contact_header{flex-direction:column;align-items:flex-start;padding:8px 12px}.window_contact_header p{font-size:16px;padding-left:0}.window_contact_header .window_contact_buttons{padding-right:0;margin-top:8px;display:none}.window_contact_content{padding:20px}.window_contact_content h4{font-size:18px;line-height:24px;padding:30px 0}.top_window_contact p,.bottom_window_contact p{font-size:14px}.bottom_window_contact{justify-content:left;padding-right:0;gap:5px}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:none;z-index:900}body{cursor:url(/cursor/cursor.png) 16 16,auto}.bold{font-weight:700}
