a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:"Roboto",sans-serif;background-color:#e9e7e7;background-color:#f5f4f4}body,html{width:100vw}html{overflow-x:hidden}svg{max-width:100%;max-height:100%}*{box-sizing:border-box}@media (max-width:768px){.cursor{display:none}}html:hover .cursor{opacity:1}p{font-size:5.5vw;line-height:5.5vw}@media (max-width:768px){p{font-size:9vw;line-height:9.5vw}}a{text-decoration:none;color:#000}@media (max-width:768px){main{position:relative;z-index:5}}main a,main p{color:#000;color:var(--font-color);font-weight:400}.link--button{padding:1vw 4vw;border:3px solid;border:solid var(--stroke-size);border-radius:50vw;display:inline-block;border-color:#000;border-color:var(--font-color);margin-top:80px}@media (max-width:768px){.link--button{margin-top:30px}}.link--button:hover{background-color:#ff0;background-color:var(--main-color)}.textBox{width:90%;position:relative;padding:2vw 2vw 30vh;transition:all .5s}@media (max-width:768px){.textBox{padding-bottom:50px;width:100%}}.textBox span{background-image:linear-gradient(transparent,transparent 60%,#ff0 0,#ff0 90%,transparent 0,transparent);background-image:linear-gradient(transparent,transparent 60%,var(--main-color) 0,var(--main-color) 90%,transparent 0,transparent)}@media (max-width:768px){.textBox span{background-image:none}}.textBox .circle{position:absolute;bottom:0;transform:translateY(-2vw) translateX(7vw);right:0;z-index:1;width:30vw;height:30vw;font-size:10px}.textBox:hover .circle__smilie{top:35%;left:35%;width:30%;height:30%}@media (max-width:768px){.textBox--1{padding-top:60px}}.textBox--2,.textBox--3{padding-bottom:40vh}@media (max-width:768px){.textBox--2,.textBox--3{padding-bottom:10vh}}.intro{height:200vh;width:100vw;background-color:#000;position:relative;color:#fff}@media (max-width:768px){.intro{height:100vh;position:fixed;top:0}}.intro .intro__title{font-size:15vw;line-height:12vw;position:absolute}@media (max-width:768px){.intro .intro__title{font-size:20vw;line-height:17vw}}.intro .intro__title--name{top:0;left:0}@media (max-width:768px){.intro .intro__title--name{transform-origin:top left;transform:rotate(90deg) translateY(-100%);font-size:18vh;line-height:15vh}}.intro .intro__title--name span{display:block}.intro .intro__title--name span:first-of-type,.intro .intro__title--name span:nth-of-type(2){transform:translateX(-100%);animation:fadeInLeft 1s .5s forwards}.intro .intro__title--job{bottom:-1%;right:0;transform:translateX(100%);animation:fadeInRight 1s .5s forwards}@media (min-width:768px){.intro .intro__text{position:-webkit-sticky;position:sticky;top:0;height:100vh}}.intro .intro__image{z-index:0;top:calc(50vh - 17.5vw);left:35vw;position:absolute;width:30vw;height:30vw;border-radius:50%}.intro .intro__image svg{width:100%;height:100%}.intro .intro__image svg path{fill:#ff0;fill:var(--main-color)}.project__intro{height:100%;display:flex;justify-content:center;align-items:center;position:relative;width:41vw}@media (max-width:768px){.project__intro{height:30vh}}@media (min-width:768px){.project__intro{min-width:600px}}.container--project{border-top:3px solid #000;border-top:solid var(--stroke-size) var(--font-color);border-bottom:3px solid #000;border-bottom:solid var(--stroke-size) var(--font-color);transform:translateX(0);transition:all 1s}@media (max-width:768px){.section--workAgence .loop-holder{border-bottom:none}}@media (max-width:768px){.section--workPrive .circle{display:none}}.project{position:relative;flex-shrink:0;cursor:pointer}@media (min-width:768px){.project{border-right:3px solid #000;border-right:solid var(--stroke-size) var(--font-color)}}@media (max-width:768px){.project{border-bottom:3px solid #000;border-bottom:solid var(--stroke-size) var(--font-color)}}@media (min-width:768px){.project:first-of-type{border-left:3px solid #000;border-left:solid var(--stroke-size) var(--font-color)}}.project:hover .circle .circle__smilie{top:35%;left:35%;width:30%;height:30%}.project .project__content{transition:all .3s;z-index:5;overflow:hidden}@media (min-width:768px){.project .project__content{transform:translateX(0);padding:2vw}}.project .project__content .imgWrapper{border:3px solid #000;border:solid var(--stroke-size) var(--font-color)}.project .project__content h3{padding-right:10%;color:#000;color:var(--font-color)}@media (max-width:768px){.project .project__content h3{font-size:8vw;line-height:8vw;padding-right:0}}.project .project__content span{font-size:1vw;display:block;font-weight:700;text-transform:uppercase}@media (max-width:768px){.project .project__content span{font-size:5vw;text-decoration:none;margin-bottom:10px}}.project .circle{position:absolute;bottom:40vh;left:3vw;z-index:1;width:15vw;height:15vw;font-size:9px}.imgWrapper{overflow:hidden;position:relative}.imgWrapper:hover .arrowBox{width:120%;height:120%;transition:all .3s}.imgWrapper:hover .arrowBox .arrowBox__arrow{width:40%;height:40%}.imgWrapper .arrowBox{width:250%;height:250%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);transition:all .3s}.imgWrapper .arrowBox .arrowBox__arrow{width:30%;height:30%;position:absolute}.imgWrapper .arrowBox .arrowBox__arrow.arrow--top-left{top:0;left:0}.imgWrapper .arrowBox .arrowBox__arrow.arrow--top-right{top:0;right:0}.imgWrapper .arrowBox .arrowBox__arrow.arrow--bottom-left{bottom:0;left:0}.imgWrapper .arrowBox .arrowBox__arrow.arrow--bottom-right{bottom:0;right:0}.imgWrapper .arrowBox .arrowBox__arrow svg{max-width:100%;max-height:100%}.loop-holder{display:flex;white-space:nowrap;overflow:hidden;padding:.5vw;border-top:3px solid #000;border-top:solid var(--stroke-size) var(--font-color)}@media (max-width:768px){.loop-holder{border-bottom:3px solid #000;border-bottom:solid var(--stroke-size) var(--font-color)}}.loop-holder__text{padding-right:.35em;font-family:"Allerta Stencil",sans-serif}@keyframes textLoop{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}footer{width:100%;display:flex;justify-content:center;align-items:flex-start;padding-top:20vh;padding-bottom:10vh}@media (max-width:768px){footer{padding-top:10vh}}@media (min-width:768px){footer{border-top:3px solid #000;border-top:solid var(--stroke-size) var(--font-color)}}footer .link--button{margin-top:0;position:relative;z-index:2}footer .arrow,footer .emoji{width:10vw}.cursor--hover .cursor-inner{border-color:transparent}.cursor--hover .cursor-inner:after,.cursor--hover .cursor-inner:before{content:"";display:block;font-size:4vw;width:1px;height:40px;position:absolute;background-color:#484747;top:-15px;left:5px}.cursor--hover .cursor-inner:before{transform:rotate(90deg)}.cursor--hover .cursor-inner:after{transform:rotate(0deg)}.cursor--hover .cursor-outer{transform:scale(1.5);border-width:.5px;opacity:1}.grid{display:grid;z-index:2;position:relative;grid-template-columns:1fr 2fr;border-top:3px solid #000;border-top:solid var(--stroke-size) var(--font-color);border-bottom:3px solid #000;border-bottom:solid var(--stroke-size) var(--font-color)}.grid.agences.grid--1,.grid.agences.grid--2{border-bottom:0}@media (min-width:768px){.grid:nth-of-type(4),.grid:nth-of-type(5){border-bottom:none}}@media (max-width:768px){.grid{display:block;padding-top:30px;border:none}.grid .grid__content{border-bottom:3px solid #000;border-bottom:solid var(--stroke-size) var(--font-color);border-top:3px solid #000;border-top:solid var(--stroke-size) var(--font-color)}.grid.grid--3{margin-bottom:0}}.grid hr{border:0;height:3px;height:var(--stroke-size);background-color:#000;background-color:var(--font-color)}.grid .grid__label{border-right:3px solid #000;border-right:solid var(--stroke-size) var(--font-color)}.grid .grid__label p{font-size:3.5vw}@media (max-width:768px){.grid .grid__label{border:none}.grid .grid__label p{font-size:9vw;line-height:9vw}}.grid .grid__content p{font-size:4.5vw;line-height:4.5vw}@media (max-width:768px){.grid .grid__content p{font-size:9vw;line-height:9vw}}.grid div{padding:2vw}.circle{width:30vw;height:30vw;position:absolute}.circle .circle__smilie{top:50%;left:50%;width:0;height:0%;position:absolute;background-color:#ff0;background-color:var(--main-color);border-radius:50%;transition:all .5s}.circle .circle__circle{width:100%;height:100%}@keyframes rotate{0%{transform:rotate(1turn)}to{transform:rotate(0)}}.circle .text{font-family:"Helvetica Neue",Arial;font-size:16px;font-weight:700}.intro2{width:100vw;border-bottom:3px solid;border-bottom:solid var(--stroke-size);display:flex;justify-content:space-between;padding:2vw;height:30vh}@media (min-width:768px){.intro2{animation:scaleHeight .3s forwards}}@media (max-width:768px){.intro2{border-bottom:none;height:10vh}}@keyframes scaleHeight{0%{height:0}to{height:50vh}}.intro2 .arrowBox{width:30%;border-left:3px solid;border-left:solid var(--stroke-size);display:flex;justify-content:center;align-items:center}@media (max-width:768px){.intro2 .arrowBox{border-left:none;width:20%;justify-content:flex-start;display:none}}.intro2 .arrowBox .arrow{max-width:90%}.intro2 .emojiBox{width:70vw;display:flex;justify-content:space-between;align-items:center;padding-right:2vw;position:relative}.intro2 .emojiBox .emoji{width:20vw;height:100%;background-color:#ff0;background-color:var(--main-color);display:flex;justify-content:center;align-items:center}.intro2 .emojiBox .emoji:first-of-type,.intro2 .emojiBox .emoji:nth-of-type(2),.intro2 .emojiBox .emoji:nth-of-type(3){transform:rotate(180deg)}@media (max-width:768px){.intro2 .emojiBox .emoji{width:20%;background-color:#ff0;background-color:var(--main-color);position:fixed;top:0}.intro2 .emojiBox .emoji:first-of-type{left:0;transform:translateY(-100vh);animation:fadeInTop .5s linear 0s forwards}.intro2 .emojiBox .emoji:nth-of-type(2){left:25%;height:100%;transform:translateY(-100vh);animation:fadeInTop .5s linear .1s forwards}.intro2 .emojiBox .emoji:nth-of-type(3){left:50%;height:100%;transform:translateY(-100vh);animation:fadeInTop .5s linear .2s forwards}.intro2 .emojiBox .emoji svg{display:none}}.intro2 .orange{background-color:#ff0;background-color:var(--main-color);border-radius:50%}@media (min-width:768px){main{animation:textIntro .3s forwards}}@keyframes textIntro{0%{transform:translateY(100vh)}to{transform:translateY(0)}}.list{border-bottom:3px solid #000;border-bottom:solid var(--stroke-size) var(--font-color);margin-bottom:3vw}.list__row{border-top:3px solid #000;border-top:solid var(--stroke-size) var(--font-color);display:flex;align-items:center;position:relative}.list__row:hover .list__row__imageBox{width:5%;padding-left:2vw}.list__row__imageBox{width:0;transition:all .3s;padding-left:0;display:flex;justify-content:center;align-items:center}.list__row__imageBox .arrow{width:10vw;height:5vw}.list__row__textBox{padding:2vw;position:relative;width:100%;display:flex;align-items:center;justify-content:flex-start}.list__row__textBox p{font-size:4vw;line-height:1}@media (max-width:768px){.list__row__textBox p{font-size:7vw;line-height:1.2}}.list__row__textBox span{font-size:1.5vw;line-height:2vw}:root{--main-color:#ff0;--bg-color:#fff;--font-color:#000;--stroke-size:3px}@keyframes fadeInLeft{0%{transform:translateX(-100)}to{transform:translateX(0)}}@keyframes fadeInRight{0%{transform:translateX(100)}to{transform:translateX(0)}}@keyframes fadeInBottom{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes fadeInTop{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}
/*# sourceMappingURL=main.1ac03b19.chunk.css.map */