@font-face{font-family:"Messapia-bold";src:url(fonts/3c4e26e909852af0e4a114bd27807009.eot);src:url(fonts/3c4e26e909852af0e4a114bd27807009.eot?#iefix) format("embedded-opentype"),url(fonts/2b88da69c8675cdb9bfdf0951a15da69.woff2) format("woff2"),url(fonts/7138da6919ee6fbbbf0cd3af8b6a52f4.woff) format("woff"),url(fonts/1657de05b640b27dc3676dbc08651fdb.ttf) format("truetype"),url(images/e55cfaff71180e1ac72f2c8f3d9553e8.svg#Messapia) format("svg")}@font-face{font-family:"sprat";src:url(fonts/febc1be716e87f12c071fd0eb09e4f3f.eot);src:url(fonts/febc1be716e87f12c071fd0eb09e4f3f.eot?#iefix) format("embedded-opentype"),url(fonts/8db50b7b044192741a19a441a46f772e.woff2) format("woff2"),url(fonts/88d8e015d3e4162b01c931a80f7e6bd2.woff) format("woff"),url(fonts/d33633cd7b88da9653cac47985dfca10.ttf) format("truetype"),url(images/7635475fe2a7906199b11d3173c994d7.svg#spratregular_bold) format("svg")}@font-face{font-family:"Helvetica";src:url(fonts/f4a2f282a78a74da5652b4a2b740f049.eot);src:url(fonts/f4a2f282a78a74da5652b4a2b740f049.eot?#iefix) format("embedded-opentype"),url(fonts/31825fb295464debbf6690fe771c4274.woff2) format("woff2"),url(fonts/f30356813b3b8e85dd26cb254b58fa42.woff) format("woff"),url(fonts/e9cc9d35dc792f888526681d482bc856.ttf) format("truetype"),url(images/65643eaaa41b68e367cf56dc1fa060c3.svg#HelveticaNeueLTCom-Roman) format("svg")}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html,body{overflow-x:hidden}.bg{z-index:-2;position:fixed;top:-20%;left:-20%;right:-20%;bottom:-20%;width:200%;height:200vh;background:transparent url(images/4b9ee418d9d9faad474e771d03e40346.png) repeat;animation:bg-animation .2s infinite}.barbatransition{top:0;position:absolute;z-index:15;transform:translateY(-100%);width:100vw;height:200vh;background-color:#5a5a5a;opacity:0;transition:opacity 1s cubic-bezier(0.77, 0, 0.175, 1),transform .05s linear 1.1s}.barbatransitionenter{transform:translateY(0%);opacity:1;transition:opacity 1s cubic-bezier(0.77, 0, 0.175, 1),transform .01s linear}@keyframes bg-animation{0%{transform:translate(0, 0)}10%{transform:translate(-5%, -5%)}20%{transform:translate(-10%, 5%)}30%{transform:translate(5%, -10%)}40%{transform:translate(-5%, 10%)}50%{transform:translate(-10%, 5%)}60%{transform:translate(10%, 0)}70%{transform:translate(0, 10%)}80%{transform:translate(-10%, 0)}90%{transform:translate(10%, 5%)}100%{transform:translate(5%, 0)}}html{font-size:.9em;-webkit-font-smoothing:antialiased}.webgl{position:absolute;z-index:5;top:0;left:0;outline:none}.dg.ac{z-index:5 !important}.no-webgl{display:none}.sprat-webgl{display:flex}.sprat-webgl div{display:flex;width:100%;margin-top:.5em;font-family:Sprat;font-size:19.95vw;color:rgba(0,0,0,0);-webkit-text-stroke:.55px #000;white-space:nowrap}.sprat-webgl div:nth-child(2){display:none}@keyframes animate{from{transform:translateX(0%)}to{transform:translateX(-170%)}}@keyframes animate2{from{transform:translateX(70%)}to{transform:translateX(-100%)}}header{display:flex;justify-content:space-between;padding:1.2em 1.125em 1em 1.125em;width:100%}#linkindex1{cursor:pointer}.nav-active{position:fixed;top:0;z-index:5;opacity:0;display:flex;clip-path:inset(0 0 100% 0);flex-direction:column;transition:opacity .6s cubic-bezier(0.77, 0, 0.175, 1) .3s,clip-path .05s linear 1.5s;padding-top:10em;width:100%;height:100vh;background-color:#5a5a5a}.nav-active.toggle{transition:opacity .6s cubic-bezier(0.77, 0, 0.175, 1) .2s,clip-path 0s linear 0s;clip-path:inset(0 0 0 0);opacity:1}.nav-active.toggle .nav-link,.nav-active.toggle .nav-link-small{transform:translateX(0);transition-delay:.6s;cursor:pointer}.nav-active.toggle .nav-link-small{text-decoration:underline}.nav-active .nav-link{font-family:Sprat}.nav-active .nav-link a{text-decoration:none;color:rgba(0,0,0,0);-webkit-text-stroke:.005em #fff4d6}.nav-active .nav-link-small,.nav-active .nav-link{transform:translateX(-100%);transition:transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);transition-delay:.1s;margin:0 !important}.nav-active .nav-items-small{font-family:"Messapia-bold";font-size:1.875em}.nav-active .nav-items-small a{color:#000}.nav-active .nav-items,.nav-active .nav-items-small{overflow-x:hidden}.nav-active .nav-items{background-color:rgba(0,0,0,0);font-size:9.375em}.nav-active .nav-items:nth-child(1){margin:0 0 -0.15em 1.4em;width:3.6em}.nav-active .nav-items:nth-child(2){margin:0 0 -0.1em 1.686em;width:4.3em}.nav-active .work-links{margin:0 0 0 20em}.nav-active .work-links div:nth-child(2){margin-left:.53em}.nav-active .work-links div:nth-child(3){margin-left:1.06em}.nav-active .work-links div:nth-child(4){margin-left:1.59em}.nav-active .work-links div:nth-child(5){margin-left:2.12em}.nav-active .nav-items:nth-child(4){margin:.02em 0 -0.1em 2.8em;width:5.3em}.nav-active .contact-links{margin:0 0 0 29em}.nav-active .contact-links div:nth-child(2){margin-left:.53em}.nav-active .contact-links div:nth-child(3){margin-left:1.06em}.nav-active .contact-links div:nth-child(4){margin-left:1.59em}.nav-active .contact-links div:nth-child(5){margin-left:2.12em}.nav-active .nav-items a:before{content:attr(data-text);position:absolute;top:0;left:0;transition:all 1.4s cubic-bezier(0.22, 1, 0.36, 1);width:0;overflow:hidden;color:#fff4d6}.nav-active .nav-items a:hover:before{transition:all 1.4s cubic-bezier(0.22, 1, 0.36, 1);width:100%}.menu-overflow-hidden{overflow-y:hidden}.logo-nav{position:relative;z-index:6;width:5.3em;height:auto}.menu-toggler{position:relative;z-index:6;transition:.3s cubic-bezier(0.5, 1, 0.89, 1);border:none;outline:none;width:5.5rem;height:4em;cursor:pointer;background:transparent;font-size:1em}.menu-toggler .bar1,.menu-toggler .bar2,.menu-toggler .bar3{position:absolute;right:0;width:7em;height:.6875em}.menu-toggler span,.menu-toggler .bar3,.menu-toggler .bar1,.menu-toggler .bar2{transition:.5s cubic-bezier(0.5, 1, 0.89, 1)}.menu-toggler span{position:absolute;display:block;height:.6875em;background-color:#000}.menu-toggler .bar1{top:0}.menu-toggler .bar1 span:nth-child(1){right:3.1em;width:3.125em}.menu-toggler .bar1 span:nth-child(2){right:0;width:3.175em}.menu-toggler .bar2{top:1.5em;width:6em}.menu-toggler .bar2 span:nth-child(1){right:0;width:2.212em}.menu-toggler .bar2 span:nth-child(2){right:2.162em;width:2.187em}.menu-toggler .bar3{top:3em;width:2.5em}.menu-toggler .bar3 span:nth-child(1){right:0;width:1.25em}.menu-toggler .bar3 span:nth-child(2){right:1.25em;width:1.25em}.menu-toggler:hover{transition:.6s cubic-bezier(0.5, 1, 0.89, 1)}.menu-toggler:hover .bar2{margin-right:2.625em}.menu-toggler:hover .bar3{margin-right:1.56em}.open{margin-top:.65em}.open .bar1{top:.2em}.open .bar1 span:nth-child(1){transform:rotate(45deg);width:2.531em;right:1.305em}.open .bar1 span:nth-child(2){transform:rotate(-45deg);width:2.531em}.open .bar2 span:nth-child(1){transform:rotate(45deg);width:2.531em}.open .bar2 span:nth-child(2){transform:rotate(-45deg);width:2.531em;right:1.305em}.open .bar3{top:3.618em;right:.335em;width:3.18em}.open .bar3 span:nth-child(1){width:1.58em}.open .bar3 span:nth-child(2){right:1.58em;width:1.58em}.open:hover{transition:.2s ease-out}.open:hover .bar2,.open:hover .bar3{margin-right:0}.open:hover .bar3{right:.15em}.open:hover .bar3 span:nth-child(1){transform:rotate(45deg);width:2.281em}.open:hover .bar3 span:nth-child(2){right:1.2em;transform:rotate(-45deg);width:2.281em}.open .bar1,.open span,.open .bar3,.open .bar2{transition:.5s cubic-bezier(0.5, 1, 0.89, 1)}.content{display:flex;flex-direction:column;align-items:center}section{width:80%}.text-link{position:relative;color:#000;text-decoration:none}.text-link:after{content:"";position:absolute;bottom:0;left:0;transition:.6s cubic-bezier(0.77, 0, 0.175, 1);width:100%;height:.05em;background-color:#000}.text-link:hover:after{width:0}.title{font-size:6.25em;font-family:"Messapia-bold";text-decoration:none;color:#000}.text-paragraph{display:block;font-family:Helvetica;font-size:1.875em}.presentation{display:flex;margin:20em 0 24.06em 0}.presentation .picture-me{display:flex;flex-direction:column}.presentation img{margin:-4.112em 0 0 2.125em;max-width:30.625em;max-height:32em}.presentation .title{position:relative;z-index:3}.presentation .paragraphs{display:flex;flex-direction:column;margin:8.875em 0 0 7.43em}.presentation .paragraphs p{max-width:24.33em;height:6.3em}.presentation .paragraphs p:nth-child(2){margin:3.06em 0 0 4.03em}.my-story{margin:0 0 24.06em 0}.my-story .title{margin-bottom:1.4em;max-width:auto}.my-story .element{display:flex;max-width:80em}.my-story .__1{margin:0 0 0 .2em}.my-story .__2{margin:0 0 0 6.9em}.my-story .__3{margin:0 0 -12.43em 15em}.my-story .dates{width:5.4em;font-size:1.875em;font-family:Messapia-bold}.my-story .dates p:nth-child(2){padding-left:.966em}.my-story .text-paragraph{max-width:32.2em;margin:0 0 3.9em 3.7em}.my-work{margin:20em 0 12.81em 0}.my-work .text-paragraph{margin:3.4em 0 0 7.23em;max-width:28em}.work-menu{width:100%;margin:0 0 10.31em 0;text-align:left}.work-menu .title-container{position:relative}.work-menu .title-container:hover .masked{clip-path:inset(0 0 0 0)}.work-menu div:nth-child(even) .masked{position:absolute;top:-0.27em;clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);background:transparent url(images/30d8661b4d5b35d6be2a8229c29ea2d3.png) center repeat;width:100vw;color:#fff4d6}.work-menu div:nth-child(2) a{padding:.27em 100% .27em 6.35%}.work-menu div:nth-child(4) a{padding:.27em 100% .27em 11.95%}.work-menu div:nth-child(4) a.masked{background:transparent url(images/7d07c78b60c07ca98dceaaeb2b20b83a.png) center repeat}.work-menu div:nth-child(6) a{padding:.27em 100% .27em 18.15%}.work-menu div:nth-child(6) a.masked{background:transparent url(images/477725cc4cd16143656cae82e362d727.png) center repeat}.work-menu div:nth-child(8) a{padding:.27em 100% .27em 24.4%}.work-menu div:nth-child(8) a.masked{background:transparent url(images/f0da75fcfa60e6af92d2f0119d20ab93.jpg) right repeat}.work-menu div:nth-child(10) a{padding:.27em 100% .27em 30.8%}.work-menu div:nth-child(10) a.masked{background-image:url(images/edc31782f227cd0fddc3eac3af77e23b.png),url(images/b83966737637db80299de62ba2236d02.png)}.work-menu .line{margin:1.68em 0 1.68em 0;height:.4em;width:100%;background-color:#000}.work-container{margin:18.125em 0 5.65em 0;width:auto}.work-container .title{margin-bottom:1.093em;width:auto;font-size:6rem;overflow-wrap:break-word}.work-container .text-paragraph{margin-top:0}.work-container .text-paragraph{margin:0 0 3.5em 2.88em;max-width:29.46em}.work-container .text-paragraph._2{margin:3.5em 0 3.5em 7.48em}.work-container .text-paragraph._3{margin:0 0 5.53em 7.31em}.work-container .text-paragraph._4{margin:0 0 0 15.91em}.work-container .tlz-3d{margin:0 0 0 9.9em;max-width:56.75em;height:33em}.work-container .phone-3d{margin:0 0 0 18.5em;max-width:56.75em;height:33em}.work-container .videography .__1{margin:0 0 3.49em 2.71em}.work-container .videography .__2{margin:0 0 3.49em 5.11em}.work-container .videography .__3{margin:0 0 4.5em 7.31em}.work-container .videography .__4{margin:0 0 0 11.25em}.work-container .videography .video__1{margin:0 0 6.56em 5.08em}.work-container .videography .video__2{margin:0 0 6.56em 9.58em}.work-container .videography .video__3{margin:0 0 6.56em 13.7em}.work-container .videography iframe{width:70em;height:40em}.work-container .tlz .__1{margin:0 0 2.09em 2.71em}.work-container .tlz .__2{margin:4.16em 0 4.16em 7.41em}.work-container .tlz .__3{margin:4.16em 0 2.1em 11.91em}.work-container .tlz .donut{max-width:33.81em;height:20em}.work-container .tlz .oeuilmain{margin:0 0 0 6.5em;max-width:32em;height:30em}.work-container .tlz .anime02{margin:0 0 0 18.34em;max-width:27em;height:30em}.work-container .tlz .roses{max-width:25.28em;height:27em}.work-container .tlz .eclairs{margin:0 0 0 17.21em;max-width:73.68em;height:40em}.work-container .tlz .shirts{margin:0 0 7.81em 12.65em;max-width:30.93em;height:40em}.work-container .tlz .board{margin:0 0 0 22.34em;max-width:43em}.work-container .school .__1{margin:0 0 3.33em 2.71em}.work-container .school .__2{margin:0 0 3.8em 5.11em}.work-container .school .__3{margin:0 0 1.63em 5.11em}.work-container .school .__4{max-width:27.93em;margin:0 0 5.2em 11.91em}.work-container .school .larmelion{max-width:43.87em;margin:0 0 3.93em 13.71em;height:31em}.work-container .school .giraffe{max-width:43.87em;margin:0 0 3.93em 22.34em;height:31em}.work-container .school .tortank{max-width:43.87em;margin:0 0 13.75em 31.46em;height:31em}.work-container .school .gta{max-width:45.56em;margin:0 0 6.5em 12.93em;height:50em}.work-container .school .biére{max-width:42.125em;margin:0 0 0 32.59em;height:42em}.work-container .airmob .__1{margin:0 0 2.7em 2.71em}.work-container .airmob .__2{margin:0 0 3em 5.11em}.work-container .airmob .__3{margin:4.03em 0 3.5em 9.4em}.work-container .airmob .__4{margin:5em 0 1.53em 2.71em}.work-container .airmob .carte-sim{max-width:23.73em;margin:0 0 0 4.28em;height:30em}.work-container .airmob .carte-et-routeur{max-width:27.31em;margin:0 0 0 12.45em;height:30em}.work-container .airmob .carte-3d{max-width:37em;margin:0 0 0 0;height:25em}.work-container .airmob .tel-3d{max-width:23.18em;margin:0 0 0 22.06em;height:25em}.work-container .airmob .photo-routeur{max-width:33.37em;margin:0 0 0 8.59em;height:20em}.work-container .airmob .photo-routeur1{max-width:30.43em;margin:0 0 0 2.25em;height:20em}.work-container .flex-container{display:flex;flex-direction:column}.work-container .go-back{margin:2.1em 0 1.81em 17.65em;width:7.4em;color:#000;font-family:"Messapia-bold";font-size:3em}.work-container .go-back::after{height:.12em}.work-container .go-back:hover:after{width:11.5%}.work-container .gta-text{margin-left:-10vw}.work-container .img-v2{margin:1vw 0 5vw 0}.contact{border:#000 solid .4em;margin:0 0 10em 0;padding:12.87em 0 12.87em 0}.contact .title{font-size:2.68em}.contact p:nth-child(2),.contact a{font-family:Helvetica;font-size:1.875em;color:#000;text-decoration:none}.contact p:nth-child(1){margin:0 0 1.16em 16%}.contact p:nth-child(3){margin:2.79em 0 1.16em 27.2%}.contact p:nth-child(9){margin:2.79em 0 1.16em 40.7%}.contact p:nth-child(11){margin:2.79em 0 1.16em 52.5%}.contact p:nth-child(2){margin:0 0 0 19.75%}.contact a:nth-child(4){margin:0 0 0 30.6%}.contact a:nth-child(6){margin:0 0 0 32.3%}.contact a:nth-child(8){margin:0 0 0 33.9%}.contact a:nth-child(10){margin:0 0 4em 45.4%}.contact a:nth-child(12){margin:0 0 0 56.4%}.big-text-sprat{color:rgba(0,0,0,0);font-family:Sprat;line-height:28.25vw;font-size:38.5vw;-webkit-text-stroke:.001em #000}footer{position:relative;display:flex;overflow-y:hidden;height:22vw}footer .big-text-sprat{position:absolute;bottom:1px;font-size:22.3vw;line-height:17vw}footer .logo-footer{position:absolute;right:0;bottom:0;display:flex;margin:0 1vw .8vw 0;text-decoration:none;color:#000}footer .logo-footer svg{width:4.3vw;height:auto}footer .logo-footer p{padding:.8vw .5vw 0 0;font-family:"Messapia-bold";font-size:1.8vw}footer .flex-links{position:absolute;bottom:0;align-self:center;display:inline-flex;padding:1.8vw}footer .flex-links a{margin-left:1em;color:#000;font-size:2em;font-family:"Messapia-bold"}footer .flex-links .first{margin-right:16.6vw}@media only screen and (min-width: 2000px){html{font-size:1em}nav{font-size:1em}}@media only screen and (max-width: 1680px){html{font-size:.8em}nav{font-size:1em}}@media only screen and (max-width: 1350px){html{font-size:.7em}nav{font-size:1.1em}}@media only screen and (max-width: 1024px){html{font-size:.6em}nav{font-size:1.3em}.sprat-webgl div{-webkit-text-stroke:.4px #000;animation:animate 10s linear infinite}.sprat-webgl div:nth-child(2){display:flex;animation:animate2 10s linear infinite}.work-menu div:nth-child(even) .masked{clip-path:inset(0 0 0 0)}.menu-toggler:hover .bar2,.menu-toggler:hover .bar3{margin-right:0}.nav-active .nav-link a{color:#fff4d6;-webkit-text-stroke:.005em #fff4d6}}@media only screen and (max-width: 1024px)and (orientation: portrait){html{font-size:.5em}nav{font-size:1.3em}.nav-active{padding-top:15vh}.nav-active .nav-items:nth-child(1){margin:0 0 -0.2em 1.4em}.nav-active .nav-items:nth-child(2){margin:0 0 0 1.4em}.nav-active .work-links,.nav-active .contact-links{margin:0 0 0 18em}.nav-active .nav-items:nth-child(4){margin:.02em 0 0em 1.4em}header{font-size:1.2em}}@media only screen and (max-width: 1024px)and (orientation: landscape){html{font-size:.5em}nav{font-size:1.3em}header{font-size:1.2em}.nav-active{padding-top:20vh}}@media only screen and (max-width: 767px){html{font-size:.4em}.nav-active{font-size:1.5vw}.nav-active .nav-items:nth-child(1){margin:0 0 -0.2em 10%}.nav-active .nav-items:nth-child(2){margin:0 0 0 10%}.nav-active .work-links,.nav-active .contact-links{margin:0 0 0 17%}.nav-active .nav-items:nth-child(4){margin:.02em 0 0em 10%}header{font-size:1.5em}.work-menu div:nth-child(even) a{padding:.27em 0 .27em 7%}.work-container .text-paragraph,.work-container .go-back{margin-left:0 !important}.work-container img,.work-container .video__1,.work-container .video__2,.work-container .video__3{margin-left:0 !important}.work-container .eclairs{width:70vw}.work-container .img-container{display:flex;flex-wrap:wrap}.work-container iframe{width:70vw !important;height:40vw !important}}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){html{font-size:.4em}.nav-active{font-size:1.5vw}#canvas{margin:2vh 0 0 0}.sprat-webgl{margin-top:35vh}.presentation{flex-direction:column}.presentation .paragraphs{margin:8.875em 0 0 2.125em}.presentation .paragraphs p{max-width:24.33em;min-height:6.3em}.presentation .paragraphs p:nth-child(2){margin:3.06em 0 0 4.03em}.my-story .text-paragraph{margin-left:0}.my-story .dates{margin-bottom:2em}.my-story .element{flex-direction:column}.my-story .element.__1,.my-story .element.__2,.my-story .element.__3{margin:0 0 0 0}.img-container{align-self:center;flex-direction:column}.img-container img{margin-bottom:5em !important}header{font-size:1.5em}.work-container .go-back{margin-bottom:5em}footer{overflow-y:visible;margin-top:10em}footer .flex-links{margin:0 0 19vw 5vw}footer .flex-links .first{margin-right:20vw}footer .logo-footer{justify-content:space-between;margin:0 2vw 1vw 2vw;width:95%}footer .logo-footer svg{width:5.3em}footer .logo-footer p{font-size:2.5em}.work-menu{margin:0 0 25em 0}.my-story,section.presentation{margin-bottom:10em}}@media only screen and (max-width: 767px)and (orientation: landscape){html{font-size:.4em}.nav-active{font-size:1.5vw}.sprat-webgl div{-webkit-text-stroke:.3px #000}header{font-size:1.5em}}@media only screen and (max-width: 767px)and (orientation: portrait){html{font-size:.4em}.nav-active{padding-top:17vh;font-size:1.5vw}header{font-size:1.5em}}@media only screen and (max-height: 480px){html{font-size:.4em}.nav-active{font-size:.8em}}@media only screen and (max-width: 400px){html{font-size:.4em}.nav-active{font-size:1.7vw}.work-container{width:70%}.work-container .tlz-3d,.work-container .phone-3d{height:41vw}.work-container .tlz .eclairs{height:50vw}.work-container .school .larmelion,.work-container .school .giraffe,.work-container .school .tortank{height:47vw}.work-container .school .gta{height:80vw}.work-container .school .biére{height:75vw}footer .flex-links .first{margin-right:8vw}}@media only screen and (max-width: 320px){html{font-size:.3em}.nav-active{font-size:1.7vw}.sprat-webgl div{-webkit-text-stroke:.25px #000}.presentation .paragraphs{margin:8.875em 0 0 2.125em}.presentation .paragraphs p{max-width:24.33em;min-height:6.3em;margin:0 0 1vh 0}.presentation .paragraphs p:nth-child(2){margin:5em 0 0 0}.my-work .text-paragraph{margin-left:0}.contact p,.contact a{margin-left:1em !important}footer .flex-links .first{margin-right:12vw}}@media only screen and (max-width: 250px){.flex-links{flex-direction:column}.flex-links .first{margin-bottom:5em}.work-container .go-back{margin-bottom:7em}footer{margin-top:20em}}::-webkit-scrollbar{width:0}

/*# sourceMappingURL=main.css.map*/