@font-face{font-family:Space Grotesk;src:url(/assets/fonts/SpaceGrotesk%5Bwght%5D.woff2) format("woff2");font-weight:100 900}@font-face{font-family:Abordage Regular;src:url(‘/assets/fonts/Abordage-Regular.woff2’) format(‘woff2’);font-weight:100 900}@keyframes slide{0%{transform:translate(-50%) translate(-200%)}50%{transform:translate(-50%) translate(200%)}to{transform:translate(-50%) translate(-200%)}}:root{--background-color: #ffffff;--text-color: #000000;--primary-color: #007bff;--secondary-text-color: #666}[data-theme=dark]{--background-color: #121212;--text-color: #ffffff;--primary-color: #bb86fc;--secondary-text-color: #d2d2d2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:var(--background-color);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;overflow-x:hidden}header{font-family:Space Grotesk,sans-serif;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 20px;background:transparent;position:fixed;top:0;left:0;height:60px;z-index:1000;color:#fff;mix-blend-mode:difference}header p{margin:0 20px}header .info{position:relative;z-index:1}header .center-text{position:absolute;left:50%;transform:translate(-50%);margin:0;z-index:0;animation:slide 8s linear infinite}header .title{font-size:18px}.blend-text{margin-right:auto;font-weight:400;font-size:18px;padding:10px}.option{display:flex;align-items:center;font-size:18px;gap:10px}.option p{margin:0;padding:0;cursor:pointer}.option p:hover{font-weight:700}.portfolio-grid{display:grid;gap:10px;width:100%;padding-top:5%;padding-inline:100px;padding-bottom:50px;grid-template-columns:1fr}@media (min-width: 600px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.portfolio-item{overflow:hidden;transition:transform .3s ease;display:flex;flex-direction:column;cursor:pointer}.image-container{width:100%;aspect-ratio:1.45;overflow:hidden;position:relative}.image-container img{width:100%;height:100%;object-fit:fill;transition:opacity .5s ease}.image-container img.fade-out{opacity:0}.description{display:flex;align-items:center;padding-top:5px;padding-bottom:5px}.description h3{font-family:Space Grotesk,sans-serif;color:var(--text-color);font-size:1em;font-weight:400;margin:0}.description p{color:var(--secondary-text-color);font-size:1em;padding:0 10px}.link-to-detail{text-decoration:none;color:inherit}.info-container{font-family:Space Grotesk,sans-serif;margin-top:7%;display:flex;margin-left:6.5%;margin-right:6.5%;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:7%}.personnal-info{color:var(--text-color);width:50%}.title-info{margin-bottom:2%}.list-links{display:flex;flex-direction:column;width:50%}a{color:inherit;text-decoration:none}.link-to-detail:hover,.link-to-detail:focus{text-decoration:none}.content{display:flex;width:100vw}.fixed-text{position:fixed;right:5%;margin-top:6%;width:25%;z-index:10;color:var(--text-color)}.fixed-text h3{font-family:Abordage Regular,sans-serif}.fixed-text h2{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:400;margin:0 0 4px}.fixed-text h3{font-size:13px;color:#949494;font-weight:400;margin:0 0 4px}.fixed-text .rise{opacity:0;transform:translateY(30px);transition:opacity 1s ease-out,transform 1s ease-out}.fixed-text .rise.visible{opacity:1;transform:translateY(0)}.fixed-text p{font-family:Space Grotesk,sans-serif;font-size:16px;margin:0;padding:0;line-height:1,4;display:inline-block}.fixed-text h4{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:400;color:#949494;margin-top:10px}.next-project{flex-direction:column;font-family:Space Grotesk,sans-serif;cursor:pointer;margin-top:86vh;margin-left:70%;z-index:100;color:var(--text-color);position:fixed;display:flex;align-items:baseline;gap:4px}.next-project-arrow{font-weight:400;color:var(--text-color);cursor:pointer}.next-project-label{font-weight:lighter;position:relative;cursor:pointer;color:var(--text-color)}.next-project-label:hover:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background-color:var(--text-color)}.next-project-title{cursor:pointer;font-weight:400;color:var(--text-color)}.image-list{display:flex;flex-direction:column;margin-top:6%;margin-bottom:4%;gap:10px;width:59%;margin-left:6%}.image-list img{width:100%;height:auto}a{text-decoration:none}#card{position:absolute;top:5%;left:20%;transform:rotate(30deg);cursor:grab}.p1{font-family:Space Grotesk,sans-serif;color:var(--text-color);margin-bottom:2%}.p2{font-family:Space Grotesk,sans-serif;width:50%;color:var(--text-color)}.p2 a{color:inherit;text-decoration:none;position:relative}.p2 a:hover:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:var(--text-color)}.thanks{margin-bottom:2%}.text-bottom-left,.text-bottom-right{font-family:Space Grotesk,sans-serif;position:absolute;bottom:20px;font-size:12px;color:#000}.text-bottom-left{left:20px}.text-bottom-right{right:20px}.text-bottom-left a{color:inherit;text-decoration:none;position:relative}.text-bottom-left a:hover:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:#000}.info-project-link{cursor:pointer;padding:2px;border-radius:4px;display:inline-flex;width:fit-content;max-width:100%}.info-project-link .text-container{display:flex;flex-direction:line;gap:4px}.info-project-link .title{color:var(--text-color);font-weight:400;margin:0;padding-bottom:2px;border-bottom:1px solid transparent}.info-project-link .title:hover{border-bottom:1px solid var(--text-color)}.info-project-link .date{color:var(--text-color);margin:0;font-size:10px;gap:6px}.info-project-link .comment{color:#8f8f8f;margin:0}.footer{color:var(--text-color);position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 4%;z-index:1000}.theme-toggle{padding-top:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.language-selector{font-family:Space Grotesk;display:flex;justify-content:center;align-items:center;gap:10px;font-size:18px}.language-selector p{cursor:pointer;transition:color .2s ease}@media only screen and (max-width: 768px){body{background-color:var(--background-color)}header{color:#fff;display:flex;justify-content:space-between;align-items:center;height:60px;width:100%;box-sizing:border-box;padding:0 4%;margin:0;mix-blend-mode:difference}h1{font-size:20px!important;font-weight:400}header a{text-decoration:none;margin:0;padding:0}.option{display:flex;align-items:center}.option a{display:flex;align-items:center;justify-content:center;margin:0;padding-right:0}.option svg{font-size:20px;font-weight:400;margin:0;padding:0}.portfolio-grid{display:grid;gap:20px;width:100%;padding:15% 4% 50px;grid-template-columns:1fr}.portfolio-item{width:100%;border:none}button{all:unset;cursor:pointer;color:#000;font-size:18px}.carousel-container{position:relative;width:100%;aspect-ratio:1.45;overflow:hidden}.carousel-image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.carousel-arrow{font-family:Abordage Regular;position:absolute;top:50%;transform:translateY(-50%);background-color:#fff0;border:none;font-size:20px;cursor:pointer;z-index:1;border-radius:4px}.carousel-arrow.left{color:#fff;font-family:Space Grotesk;left:10px;mix-blend-mode:difference}.carousel-arrow.right{color:#fff;font-family:Space Grotesk;right:10px;mix-blend-mode:difference}.description{font-size:12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.content{display:flex;flex-direction:column;margin-top:14%;padding:0% 4%;margin-bottom:10%}.content h1{font-family:Space Grotesk,sans-serif;color:var(--text-color);font-weight:400;margin:0 0 2%}.first-image{width:100%}.content p{font-family:Space Grotesk;color:var(--text-color);font-size:15px;margin-top:2%;overflow-wrap:break-word}.content h3{padding-top:2%;font-family:Space Grotesk;font-size:15px;color:#949494;font-weight:400;margin:0 0 4px;padding-bottom:2%}.content .image-list-mobile{display:flex!important;flex-direction:column;gap:10px;width:100%}.content .image-list-mobile img{width:100%}.next-project-container{font-family:Space Grotesk;margin-top:10%;display:flex;flex-direction:row;gap:10px}.menu-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:start;background-color:var(--background-color);padding:15% 3.5%}.clickable-link{font-family:Space Grotesk;color:var(--text-color);cursor:pointer;font-size:40px;width:auto}.mobile-info-container{width:100%;padding:20% 4% 0}.mobile-personnal-info{color:var(--text-color);display:flex;flex-direction:column;font-family:Space Grotesk;font-size:16px;gap:20px}.title-info,.thanks{color:var(--text-color);margin-bottom:1%}.list-links{font-family:Space Grotesk;width:100%;margin-top:20%;padding:0 4%}}@font-face{font-family:Space Grotesk;src:url(/assets/fonts/SpaceGrotesk%5Bwght%5D.woff2) format("woff2");font-weight:100 900}@font-face{font-family:Abordage Regular;src:url(/assets/fonts/Abordage-Regular.woff2) format("woff2");font-weight:400}.background-rectangle{position:absolute;top:50%;left:50%;width:60%;height:80%;z-index:-1;transform:translate(-50%,-50%);opacity:.8;transition:opacity 3s ease-in-out}.background-rectangle>img{width:100%;height:100%;object-fit:cover}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#000;position:fixed;top:0;left:0;width:100%;background-color:transparent;z-index:1000;cursor:pointer;opacity:1}.loading-screen h1{font-family:Space Grotesk,sans-serif;font-weight:bolder;font-size:1.4rem;background:linear-gradient(to bottom,#fff 50%,#000 50%);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:100% 200%;background-position:bottom}@keyframes fillText{0%{background-position:bottom}to{background-position:top}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.loading-screen.animate h1{animation:fillText 1s ease-in-out forwards}.loading-screen.animate,.background-rectangle.animate{animation:fadeOut 1s ease-in-out 2s forwards}@media (max-width: 768px){.background-rectangle{width:90%;height:60%}.loading-screen h1{font-size:1.1rem}}