:root{--color-blue: rgb(0, 119, 255);--color-cyan: rgb(0, 255, 194);--color-magenta: rgb(255, 0, 119);--color-black: #000;--color-white: #fff;--theme-bg: var(--color-blue);--theme-text: var(--color-black);--theme-link: var(--color-black);--font-size-base: clamp(16px, 5vw, 32px);--font-size-lg: clamp(16px, 5vw, 42px);--font-size-sm: clamp(12px, 3vw, 26px)}@font-face{font-family:PPNeueMontreal-Bold;src:url("./PPNeueMontreal-Bold-WY7IL7RF.woff2") format("woff2"),url("./PPNeueMontreal-Bold-TYCNZPKH.woff") format("woff"),url("./PPNeueMontreal-Bold-BAKS34YF.ttf") format("truetype");font-weight:700;font-display:swap;font-style:normal}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility 0s linear 0s}main[style*="visibility: hidden"]{transition-delay:0s,0s,0s}body{margin:0;font-family:PPNeueMontreal-Bold,sans-serif;padding:0 10px;line-height:1.1;font-size:14px;transition:all .25s}@media screen and (min-width:900px){body{padding:0 20px}}.theme-0{--theme-bg: var(--color-blue);--theme-text: var(--color-black);--theme-link: var(--color-black);background-color:var(--theme-bg);color:var(--theme-text)}.theme-1{--theme-bg: var(--color-black);--theme-text: var(--color-cyan);--theme-link: var(--color-cyan);background-color:var(--theme-bg);color:var(--theme-text)}.theme-2{--theme-bg: var(--color-black);--theme-text: var(--color-magenta);--theme-link: var(--color-magenta);background-color:var(--theme-bg);color:var(--theme-text)}a{transition:color .25s;color:var(--theme-link)}a:visited{color:var(--theme-link)}.main-nav-container{background-color:var(--theme-bg)}.capsCanvas{position:relative;width:100%;height:62vh;min-height:300px;overflow:hidden;margin:auto;opacity:1;transform:translateY(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out;touch-action:pan-y}.capsCanvas.anim-out{opacity:0;transform:translateY(20px)}.textmodeCanvas{display:block;margin:auto;border:none;touch-action:pan-y}.textmodeCanvas canvas{background-color:var(--theme-bg)}.theme-0 .textmodeCanvas canvas{background-color:#000}.hydraCanvas{position:absolute;top:0;left:0;width:100%;height:62vh;min-height:300px;pointer-events:none}.capsCanvas{margin-top:42px}@media screen and (min-width:900px){.capsCanvas{margin-top:62px}}main header{max-width:1100px;margin-top:2.25em}h1{text-transform:uppercase;font-size:var(--font-size-lg)}.main-nav-container{text-transform:uppercase;position:fixed;top:0;left:0;right:0;padding:13px 10px 10px;z-index:10;transition:all .25s}@media screen and (min-width:900px){.main-nav-container{padding:23px 20px 20px}}.main-nav-container ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;gap:20px}.main-nav-container a{text-decoration:none}.rolling-text{display:inline-block;overflow:hidden;height:1rem;line-height:1rem;white-space:nowrap}.rolling-text:hover .letter,.rolling-text.play .letter{transform:translateY(-100%)}.rolling-text .letter{display:inline-block}.theme-0 .rolling-container .block-reveal:last-child .letter,.theme-2 .rolling-container .block-reveal:last-child .letter{color:var(--color-white)!important}.liste-projets{list-style:none;padding:0;margin:4rem -10px;display:flex;flex-direction:column}@media screen and (min-width:900px){.liste-projets{margin:6rem -20px 4rem}}.liste-projets li a{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;justify-content:space-between;text-decoration:none;font-size:var(--font-size-lg);transition:all .25s;padding:10px 10px 20px;text-transform:uppercase;height:auto;position:relative;overflow:hidden}@media screen and (min-width:900px){.liste-projets li a{flex-wrap:wrap;flex-direction:row;padding:5px 20px}}.liste-projets li a:after{content:"";position:absolute;top:100%;left:0;width:100%;height:100%;transition:top .25s ease-out;z-index:-1}.theme-0 .liste-projets li a:after{background-color:var(--color-black)}.theme-1 .liste-projets li a:after,.theme-2 .liste-projets li a:after{background-color:var(--theme-text)}.liste-projets li a:hover:after{top:0%}.liste-projets li a .client{height:1.25em;line-height:1.25em;overflow:hidden;margin-bottom:3px}@media screen and (min-width:900px){.liste-projets li a .client{margin-bottom:0}}.theme-0 .liste-projets li a:hover{color:var(--color-blue)}.theme-1 .liste-projets li a:hover,.theme-2 .liste-projets li a:hover{color:var(--color-black)}span.missions{display:flex;gap:6px;flex-wrap:wrap}span.missions span{display:inline-block;padding:3px 12px;border:1px solid var(--theme-text);font-size:var(--font-size-sm);border-radius:20px;line-height:var(--font-size-sm);transition:all .25s}.theme-0 .liste-projets li a:hover span.missions span{border-color:var(--color-blue)}.theme-1 .liste-projets li a:hover span.missions span,.theme-2 .liste-projets li a:hover span.missions span{border-color:var(--color-black)}.illustration-projet{position:fixed;bottom:20px;right:35%;transform:translate(50%);border:0;pointer-events:none;display:none;flex:1 1 100%;overflow:hidden;padding:0}@media screen and (min-width:900px){.illustration-projet{display:flex}}.illustration-projet img{display:block;transition:all 0s ease-out;transition-behavior:allow-discrete;transform:translateY(100%) scale(0);filter:grayscale(100%) brightness(1) contrast(1) blur(0);flex:1 0 100%;max-width:none;width:22vw;height:auto;mix-blend-mode:lighten;object-fit:cover;opacity:1;position:relative}.illustration-projet:before{transition:all 0s ease-out;transform:translateY(100%) scale(0);transition-behavior:allow-discrete;background-color:#fff;content:"";inset:0;mix-blend-mode:multiply;position:absolute;z-index:1}.theme-1 .illustration-projet:before{background-color:var(--theme-text)}.theme-2 .illustration-projet img{filter:grayscale(100%) brightness(1) contrast(1) blur(0)}.theme-2 .illustration-projet:before{mix-blend-mode:lighten;background-color:var(--theme-text)}.liste-projets li a.hovered .illustration-projet img,.liste-projets li a.hovered .illustration-projet:before{transform:translateY(0) scale(1);transition:all .5s ease-out}footer{text-align:center;margin:4rem 0 0;text-transform:uppercase;margin-left:-10px;margin-right:-10px;padding:3rem 10px 1rem}@media screen and (min-width:900px){footer{margin-left:-20px;margin-right:-20px;padding:6rem 20px 2rem}}.theme-0 footer{background-color:var(--color-black);color:var(--color-blue)}.theme-1 footer{background-color:var(--color-black);color:var(--color-cyan)}.theme-2 footer{background-color:var(--color-black);color:var(--color-magenta)}footer a.email-link{text-decoration:none;font-size:4vw;height:5.5vw;line-height:5.5vw;display:inline-block;overflow:hidden;border:2px solid var(--theme-bg);border-radius:3vw;padding:0vw 2vw}.theme-0 footer a.rolling-text{color:var(--color-blue)}.theme-1 footer a.rolling-text{color:var(--color-cyan);border-color:var(--color-cyan)}.theme-2 footer a.rolling-text{color:var(--color-magenta);border-color:var(--color-magenta)}.parlons{font-size:var(--font-size-sm);display:inline-block;margin:4rem 15px .5rem}@media screen and (min-width:900px){.parlons{margin:4rem 15px 1rem}}#donut canvas{display:block;margin:auto;background-color:#000;max-width:40%;height:auto!important}.ligne-bas{margin-top:7rem;color:var(--theme-color);display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap;font-size:11px}@media screen and (min-width:900px){.ligne-bas{margin-top:10rem;font-size:14px}}.ligne-bas a{color:var(--theme-color)}.ligne-bas a.rolling-text{text-decoration:none!important;color:inherit;font-size:11px;height:11px;line-height:15px}@media screen and (min-width:900px){.ligne-bas a.rolling-text{font-size:14px;height:14px;line-height:18px}}.infos-texte{font-size:var(--font-size-base);line-height:var(--font-size-base);margin:3rem 0px;text-transform:uppercase}@media screen and (min-width:900px){.infos-texte{margin:10rem 0px;max-width:1160px}}.infos-texte .rolling-text{font-size:inherit;height:var(--font-size-base);line-height:var(--font-size-base);vertical-align:top}.row{display:flex;gap:20px;flex-wrap:wrap;flex-direction:column;text-align:center;width:100%;align-items:flex-start}.row>div{flex:1 1 auto}.infos-page{flex-direction:column-reverse}@media screen and (min-width:900px){.row{flex-direction:row;flex-wrap:nowrap;text-align:left}.infos-page{gap:5rem}.row>div{flex:1 1 50%}.row>div:last-child{text-align:right}}.dn-large{display:block}@media screen and (min-width:900px){.dn-large{display:none}}.infos-page div:first-child{margin-top:3rem}.infos-image{display:flex;justify-content:center;align-items:center;margin-top:3rem;width:100%}@media screen and (min-width:900px){.infos-image,.infos-page div:first-child{margin-top:10rem}}.infos-image canvas{display:block;max-width:560px;width:100%!important;height:auto!important;margin:0 auto 0 0}.infos-image img{display:block;margin:0 auto;width:100%;max-width:100%;height:auto}.infos-page .infos-texte{text-align:left}.anime-text,.anime-canvas{display:inline;color:transparent;background:linear-gradient(90deg,#0000 0% 50%,#000 51% 100%);background-size:200% 200%}.anime-canvas{display:block}.theme-1 .anime-text,.theme-1 .anime-canvas{background:linear-gradient(90deg,#00ffc200 0% 50%,#00ffc2 51% 100%);background-size:200% 200%}.theme-2 .anime-text,.theme-2 .anime-canvas{background:linear-gradient(90deg,#f070 0% 50%,#f07 51% 100%);background-size:200% 200%}.anime-text.apparait{animation:highlightAnimation 2s ease-in-out forwards}.infos-page .anime-text.apparait{animation:highlightAnimation 3s ease-in-out forwards}@keyframes highlightAnimation{0%{background-position:0% 0%;color:transparent}50%{color:transparent}51%{color:var(--theme-text)}to{background-position:-199.9% 0%;color:var(--theme-text)}}.anime-canvas.apparait{animation:highlightAnimationCanvas 1s ease-in-out forwards}.theme-0 .anime-canvas.apparait{animation:highlightAnimationCanvas0 1s ease-in-out forwards}@keyframes highlightAnimationCanvas{0%{background-position:0% 0%}to{background-position:-199% 0%}}@keyframes highlightAnimationCanvas0{0%{background-position:0% 0%}to{background-position:-99% 0%}}.anime-text a .letter{color:transparent}.anime-text.apparait a .letter{animation:colorAnimation 2s ease-in-out forwards}@keyframes colorAnimation{0%{color:transparent}50%{color:transparent}51%{color:var(--theme-text)}to{color:var(--theme-text)}}.infos-contact{margin-top:3rem;align-items:center}.infos-contact .infos-texte,.infos-contact .infos-texte *{margin-bottom:0rem;font-size:var(--font-size-lg);line-height:1.5rem}.infos-contact .infos-texte .rolling-text{height:1.5rem}@media screen and (min-width:900px){.infos-contact .infos-texte,.infos-contact .infos-texte *{line-height:2.5rem}.infos-contact .infos-texte .rolling-text{height:2.5rem}.row.infos-contact{flex-direction:column;text-align:center}.row.infos-contact>div:last-child{text-align:center}.infos-contact .infos-texte{margin-top:5rem}}@media screen and (min-width:1440px){.row.infos-contact{flex-direction:row;flex-wrap:nowrap;text-align:left}.row.infos-contact>div:last-child{text-align:right}}.row.infos-page{text-align:left}