@font-face{font-family:PPNeue Fragment;src:url(../font/PPFragment-GlareRegular.otf) format("opentype");font-weight:300}@font-face{font-family:PPNeue Fragment Italic;src:url(../font/PPFragment-GlareRegularItalic.otf) format("opentype");font-weight:300}@keyframes AvoidFlash{0%{opacity:0}to{opacity:1}}@keyframes drawHorizontalLine{0%{width:0%}to{width:100%}}@keyframes Apparition{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes ApparitionSimple{0%{opacity:0}to{opacity:1}}:root{--bgColor: #ffffff;--TextColor: #19191e;--Accent: #f25a24;--text-size-0: clamp(.8rem, 5vw + .5rem, 1.2vw);--text-size-1: clamp(1rem, 5vw + .5rem, 1.5vw);--text-size-2: clamp(1.25rem, 5vw + .5rem, 2.5vw);--text-size-3: clamp(1.5rem, 5vw + .5rem, 3.5vw);--text-size-4: clamp(2.5rem, 5vw + .5rem, 2.5vw);--text-size-5: clamp(3rem, 5vw + .5rem, 4vw);--text-size-6: clamp(3.5rem, 5vw + .5rem, 4.5vw);--text-size-SubTitle: clamp(2rem, 8vw + .5rem, 4.5vw);--text-size-Title: clamp(4rem, 8vw + .5rem, 9vw)}@media (max-width: 850px){:root{--text-size-1: clamp(.8rem, 5vw + .5rem, 1.2vw);--text-size-3: clamp(1rem, 5vw + .5rem, 3vw);--text-size-SubTitle: clamp(1.8rem, 8vw + .5rem, 4vw);--text-size-Title: clamp(3rem, 8vw + .5rem, 7vw)}}::selection{background-color:var(--Accent);color:var(--bgColor)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:PPNeue Fragment,monospace;background-color:var(--bgColor);color:var(--TextColor);overflow-x:hidden}a{text-decoration:none;color:var(--TextColor)}strong{color:var(--Accent);font-weight:400}.Heading{margin:0;overflow:hidden;text-align:start;animation:AvoidFlash .1s}.Text{animation:AvoidFlash .1s}.line{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.word{transform:translateY(var(--text-size-Title));transition:transform .5s}.Heading .line .word,.ArrowAnim{transform:translateY(200px);transition:transform .5s}.horizontal-line,.horizontalLine{margin:1vh 0;width:0;height:1px;background-color:var(--TextColor);border:none;position:relative}.horizontal-line{animation:drawHorizontalLine .8s ease-in-out forwards}.MobileTempFlex{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100vw;height:100vh}.MobileTempTitle{position:absolute;top:2vh;left:50%;transform:translate(-50%)}.MobileTempTitle h3{position:relative;white-space:nowrap}.MobileTempTitle h3 img{position:absolute}.MobileTemp p{text-align:center;font-size:var(--text-size-2)}.MobileTemp p:nth-child(2){opacity:.5}nav{z-index:10000;position:fixed;width:100vw;display:flex;justify-content:space-between;align-items:center;padding:2vw 2.5vw;font-size:var(--text-size-1)}.nav-left{flex:1}.nav-right{display:flex;gap:2vw}.nav-button{position:relative}.IconNav{position:absolute}h1{position:absolute;bottom:-2vh;font-size:9.5vw;width:100vw;font-weight:300;text-align:center!important}.HomePage{position:relative;height:100vh;margin:0 5vw;display:grid;grid-template-columns:4fr 3fr;gap:2rem;justify-items:center;align-items:center;grid-template-areas:"text image"}.RealFlex{height:100vh;margin:0 5vw;display:flex;justify-content:center;align-items:center}.HomePage img{grid-area:image;width:25vw;opacity:0;animation:Apparition .8s .5s ease-in-out forwards;justify-self:end}.HomePage p{grid-area:text;font-size:var(--text-size-2);width:100%}.RealContainer{position:relative;height:fit-content;width:fit-content}.RealContainer iframe{height:75vh;width:90vw}.RealContainer img:first-child{position:absolute;width:3vh;left:-1vw;bottom:-1vw}.RealContainer img:nth-child(2){position:absolute;width:3vh;right:-1vw;bottom:-1vw}.RealContainer img:nth-child(3){position:absolute;width:3vh;top:-1vw;left:-1vw}.RealContainer img:nth-child(4){position:absolute;width:3vh;top:-1vw;right:-1vw}.ProjectPage{position:relative;height:100vh;width:100vw;padding:1vw;display:grid;grid-template-columns:5fr 6fr;gap:2rem;align-items:self-end;grid-template-areas:"selection preview";overflow-y:hidden}.categoryTitle{position:absolute;bottom:-2vh;text-transform:uppercase;opacity:.1;font-size:9.5vw;width:100vw;font-weight:300;text-align:start;pointer-events:none}.Selection{grid-area:selection;width:100%;justify-self:left;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center}.CategoriesFlex{width:100%;display:flex;justify-content:space-around;align-items:center}.categoryButton{position:relative;font-size:var(--text-size-2);background:none;border:none;font-family:PPNeue Fragment,monospace}.categoryButton img{position:absolute;top:1vh}.projectItem{display:flex;justify-content:space-between;align-items:center;width:100%}.projectItem svg{width:var(--text-size-2);opacity:0;animation:ApparitionSimple .8s .3s ease-in-out forwards;margin-right:2vw}.ProjectDate{margin-left:2vw;font-size:var(--text-size-1);opacity:0;animation:ApparitionSimple .8s .3s ease-in-out forwards}.ProjectTitle{font-size:var(--text-size-1);opacity:0;animation:ApparitionSimple .8s .3s ease-in-out forwards}.Preview{grid-area:preview;justify-self:right;width:100%;height:70vh;display:flex;align-items:flex-end;justify-content:end}.ProjetDetail{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.PhotoGallery{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.PhotoGallery button{width:10vw;height:100%;display:flex;align-items:center;justify-content:center;border:none;background:none}.PhotoGallery button svg{width:5vw;padding:1vh;border-radius:100px;border:2px solid #19191e}.Chargement{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.AboutPage{height:100%;margin:0 5vw;display:flex;flex-direction:column;justify-content:center;align-items:start}.AboutText h2{color:var(--Accent);font-family:PPNeue Fragment Italic,monospace;font-weight:400;margin-bottom:1.5vh;font-size:var(--text-size-1)}.AboutText p{column-count:2;column-gap:4vw;transform:translateY(0);font-size:var(--text-size-1);text-align:justify;opacity:0;animation:Apparition .5s .5s ease-in-out forwards}.AboutImages{margin-top:5vh;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1vh}.AboutImages img{height:12vh;object-fit:cover}.AboutImages img:nth-child(1){opacity:0;animation:Apparition .8s .4s ease-in-out forwards}.AboutImages img:nth-child(2){opacity:0;animation:Apparition .8s .45s ease-in-out forwards}.AboutImages img:nth-child(3){opacity:0;animation:Apparition .8s .5s ease-in-out forwards}.ContactPage{height:100%;margin:0 5vw;display:flex;flex-direction:column;justify-content:center;align-items:self-start}.ContactPage .Title{position:relative;margin-bottom:15vh;width:100%}.ContactPage .Title p{font-size:var(--text-size-Title);line-height:1}.ContactPage .Title strong{position:absolute;width:100%;left:15vw;top:10vw;font-size:var(--text-size-Title);font-family:PPNeue Fragment Italic,monospace}.ContactPage div{display:flex;align-items:center;gap:2vw}.ButtonEmail{font-size:var(--text-size-1);background-color:var(--TextColor);color:var(--bgColor);border-radius:100px;padding:1vw 2vw;opacity:0;animation:Apparition .5s .5s ease-in-out forwards;font-family:PPNeue Fragment Italic,monospace}.ButtonCV{font-size:var(--text-size-1);background-color:var(--Accent);color:var(--bgColor);border-radius:100px;padding:1vw 2vw;opacity:0;animation:Apparition .5s .5s ease-in-out forwards;font-family:PPNeue Fragment Italic,monospace}footer{position:fixed;bottom:0vh;width:100vw;padding:1vw 2.5vw;font-size:var(--text-size-0)}footer section{width:100%;display:flex;justify-content:space-between;align-items:end}footer section h2{font-size:var(--text-size-2);font-weight:400}footer section div{display:flex;align-items:center;gap:1vw}#root{margin:0;padding:0;width:100vw;height:100vh}