@import"https://use.typekit.net/vhd1sye.css"format("woff2"),url(https://use.typekit.net/vhd1sye.css) format("woff"),url(https://use.typekit.net/vhd1sye.css) format("truetype");*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{--brand-hue: 0;--brand-saturation: 0%;--brand-lightness: 5%;--brand: hsl(var(--brand-hue), var(--brand-saturation), var(--brand-lightness));--text1-light: hsl(var(--brand-hue), var(--brand-saturation), var(--brand-lightness));--text2-light: hsl(var(--brand-hue), var(--brand-saturation), 0%);--surface1-light: hsl(var(--brand-hue), var(--brand-saturation), 75%);--surface2-light: hsl(var(--brand-hue), var(--brand-saturation), 100%);--surface1-light-a1: hsla(var(--brand-hue), var(--brand-saturation), 75%, 1);--surface1-light-a0: hsla(var(--brand-hue), var(--brand-saturation), 75%, 0);--text1-dark: hsl(var(--brand-hue), var(--brand-saturation), 75%);--text2-dark: hsl(var(--brand-hue), var(--brand-saturation), 100%);--surface1-dark: hsl(var(--brand-hue), var(--brand-saturation), var(--brand-lightness));--surface2-dark: hsl(var(--brand-hue), var(--brand-saturation), 0%);--surface1-dark-a1: hsla(var(--brand-hue), var(--brand-saturation), var(--brand-lightness), 1);--surface1-dark-a0: hsla(var(--brand-hue), var(--brand-saturation), 0%, 0)}:root{color-scheme:light;--brand: var(--brand);--text1: var(--text1-light);--text2: var(--text2-light);--surface1: var(--surface1-light);--surface2: var(--surface2-light);--surface1-a1: var( --surface1-light-a1);--surface1-a0: var( --surface1-light-a0)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--brand: var(--brand);--text1: var(--text1-dark);--text2: var(--text2-dark);--surface1: var(--surface1-dark);--surface2: var(--surface2-dark);--surface1-a1: var( --surface1-dark-a1);--surface1-a0: var( --surface1-dark-a0)}}[color-scheme=light]{color-scheme:light;--brand: var(--brand);--text1: var(--text1-light);--text2: var(--text2-light);--surface1: var(--surface1-light);--surface2: var(--surface2-light);--surface1-a1: var( --surface1-light-a1);--surface1-a0: var( --surface1-light-a0)}[color-scheme=dark]{color-scheme:dark;--brand: var(--brand);--text1: var(--text1-dark);--text2: var(--text2-dark);--surface1: var(--surface1-dark);--surface2: var(--surface2-dark);--surface1-a1: var( --surface1-dark-a1)}.header{align-items:center;display:flex;width:calc(100vw - 2rem);justify-content:space-between;position:fixed;right:1rem;top:0;z-index:1}.header .logo__link{color:var(--text1);opacity:1;position:fixed;top:1.6rem;left:1rem;min-width:2rem;text-decoration:none;visibility:hidden}.header .logo__link span.desktop{display:inline-block}.header .logo__link span.mobile{display:none}.header .logo__link span.small{font-size:.74rem;line-height:.8rem}@media (max-width: 500px){.header .logo__link span.desktop{display:none}.header .logo__link span.mobile{display:inline-block}.header .logo__link span.small{font-size:.72rem}}@media (prefers-reduced-motion: no-preference){.header .logo__link{transition:all var(--transition-duration) ease-in-out}}.header .logo{height:40px;left:calc(50vw - 20px);opacity:1;position:fixed;top:1rem;transform:translateY(var(--logoHeight));width:40px}@media (prefers-reduced-motion: no-preference){.header .logo{transition:transform 1s cubic-bezier(.3,0,0,1),opacity .5s ease-in-out}}@media (prefers-reduced-motion: no-preference){.header .logo defs mask .mask{transition:y .4s ease-out}}.header .logo .icon{fill:none;stroke:var(--text1);stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10}@media (prefers-reduced-motion: no-preference){.header .logo .icon{transition:stroke var(--transition-duration) ease-in-out}}.header .logo .opacity-30{opacity:.3}@media (prefers-reduced-motion: no-preference){.header .logo .opacity-30{transition:stroke var(--transition-duration) ease-in-out}}.header .-hide{opacity:0}.header div button#infos-toggle{height:28.8px;opacity:1;right:.8rem;text-align:right;top:1.2rem;width:var(--infosButtonSize);z-index:1}.header div div.infos-container{-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,1) 15%,rgba(0,0,0,1) 95%,rgba(0,0,0,0) 100%);font-weight:300;height:calc(100svh - 120px);opacity:1;overflow-y:scroll;padding:10svh 1.4rem;position:fixed;right:.4rem;text-align:start;top:60px;width:100%;z-index:0}@media (max-width: 500px){.header div div.infos-container{font-weight:200}}.header div div.infos-container .infos-text{margin:0 auto;max-width:40rem}@media (prefers-reduced-motion: no-preference){.header div div.infos-container .infos-text{transition:all var(--transition-duration) ease-out}}.header div div.infos-container svg.arrow{width:max(3%,20px)}.header div div.infos-container .-none{display:none}.header div div.infos-container .-hide{opacity:0}@media (prefers-reduced-motion: no-preference){.header div div.infos-container{transition:all var(--transition-duration) ease-out}}.header div div.infos-container .infos-link :after{top:0}.header div .-none{display:none}.footer{height:100vh;left:0;position:fixed;top:0;width:100vw;-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,1) 15%,rgba(0,0,0,1) 90%,rgba(0,0,0,0) 100%)}button{background:none;border:none;color:var(--text1);cursor:pointer;font-size:1rem;height:1.7rem;overflow:hidden;position:fixed;text-align:center;transform-origin:center center}button:hover{cursor:pointer}button#theme-toggle{bottom:1.4rem;height:28.8px;left:.3rem;opacity:1;width:var(--themeButtonSize);margin-left:var(--themeButtonMarginLeft);z-index:3}:scope .-none{display:none}div.contact{height:100svh;z-index:0}div.contact button#contact-toggle{bottom:1.4rem;height:28.8px;opacity:1;right:.8rem;text-align:right;width:92px;z-index:3}div.contact .scrollbar-position{height:calc(100svh - 120px);top:60px;position:fixed;right:.4rem;width:100vw;z-index:0}div.contact .scrollbar-position .contact-container{-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,1) 15%,rgba(0,0,0,1) 95%,rgba(0,0,0,0) 100%);align-content:center;display:flex;flex-wrap:wrap;font-weight:300;height:calc(100svh - 120px);opacity:1;overflow-y:scroll;padding:4rem 1.6rem;text-align:start}@media (prefers-reduced-motion: no-preference){div.contact .scrollbar-position .contact-container{transition:all var(--transition-duration) ease-out}}@media (max-width: 500px){div.contact .scrollbar-position .contact-container{font-weight:200}}div.contact .scrollbar-position .contact-container .contact-text{padding-block-end:1rem;margin:0 auto;max-width:40rem;width:100%}div.contact .scrollbar-position .contact-container .contact-text .contact-link{opacity:1;padding-block-end:2rem}div.contact .scrollbar-position .contact-container .-none{display:none}div.contact .scrollbar-position .contact-container .-hide{opacity:0}div.contact .scrollbar-position .-none{display:none}div.contact .scrollbar-position .-hide{opacity:0}div.contact .-none{display:none}@font-face{font-family:elza-text;font-display:swap}#block{background:red;height:10px;width:80px;position:absolute;top:145px;left:60px}.n{position:absolute;top:100px;left:50px;width:100px;height:1px;background:var(--text1)}.n1{top:200px}.n2{top:300px}.n3{top:400px}.-none{display:none}html{--transition-duration: .5s;--themeButtonSize: 54px;--themeButtonMarginLeft: 6px;--infosButtonSize: 62px;--dynamicWidth: 40vw;--dynamicPadding: 5svh;--logoHeight: 46svh;scroll-behavior:smooth}body{background-color:var(--surface2);color:var(--text1);font-family:elza-text,sans-serif;font-size:min(2vw,1.5rem);font-style:normal;font-weight:500;height:100svh;left:0;line-height:min(2.2vw,1.5rem);overflow:hidden;position:fixed;top:0;width:100vw}@media (prefers-reduced-motion: no-preference){body{transition:background-color var(--transition-duration) ease-in-out}}@media (orientation: portrait){body{font-size:1.4rem;line-height:1.5rem}}@media (max-width: 700px){body{font-size:max(1.25vw,1.2rem);line-height:max(1.5vw,1.4rem)}}body a{color:currentColor;text-decoration:none}body a.link{display:inline-block}body a.link:after{background:var(--text1);content:"";display:block;height:1.3px;transform:scaleX(1);width:100%;margin-top:.2rem;margin-bottom:.4rem}@media (prefers-reduced-motion: no-preference){body a.link:after{transition:all .2s ease-in-out}}body a.link:hover:after{top:.3rem;transform:scaleX(1.02) translateY(.05rem)}@media (prefers-reduced-motion: no-preference){body a.link{transition:all .5s ease-in-out}}body svg.arrow{bottom:-.5vw;left:5px;position:relative;width:min(1.8vw,1.3rem)}body svg.arrow .path{stroke-width:.15px}@media (orientation: portrait){body svg.arrow{bottom:-.4rem;width:1.3rem}}@media (max-width: 700px){body svg.arrow{bottom:-1.3vw;width:max(2.8vw,1.3rem)}}h1.logo-text{font-size:19.8px;font-weight:500;letter-spacing:.02rem;line-height:.8rem;padding-bottom:.2rem;margin-block-start:0;margin-block-end:0}.bold{font-size:95%;font-weight:500}.webgl{height:100vh;left:0;outline:none;position:fixed;top:0;width:100vw}button#projets{border-radius:50%;height:90px;left:calc(50vW - 110px);position:fixed;top:calc(53.7svh - 45px);width:220px;z-index:3}button#fermerProjets{bottom:1.4rem;height:28px;position:fixed;right:.8rem;width:100px;z-index:3}div#projectDetails{font-size:min(2.5vw,1.5rem);height:65svh;line-height:min(2.5vw,1.5rem);margin-top:20svh;opacity:1;overflow-y:scroll;padding-top:var(--dynamicPadding);position:fixed;right:0;width:55vw;z-index:2;-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,1) 15%,rgba(0,0,0,1) 95%,rgba(0,0,0,0) 100%)}@media (orientation: portrait){div#projectDetails{align-content:flex-start;bottom:4svh;font-size:1.5rem;height:calc(46svh + -0px);line-height:1.5rem;margin:0 auto;padding-top:30px;width:100%}}@media (max-width: 700px){div#projectDetails{font-size:max(2.8vw,1.3rem);line-height:max(2.8vw,1.4rem)}}div#projectDetails div{height:auto;margin-right:5%;max-width:800px;opacity:1;padding-left:6vw}@media (orientation: portrait){div#projectDetails div{height:auto;margin:0 auto;max-width:var(--dynamicWidth);padding-left:0;width:100%}}div#projectDetails div h3{font-size:1.2em;line-height:1.1rem;font-weight:500;margin-bottom:1rem;text-transform:uppercase}div#projectDetails div h3 span{font-size:50%;text-transform:lowercase;font-weight:600}div#projectDetails div p{font-weight:200}@media (prefers-reduced-motion: no-preference){div#projectDetails div{transition:all var(--transition-duration) ease-out}}div#projectDetails .-none{display:none}div#projectDetails .-hide{opacity:0}