*,.slick-list:focus,:focus{outline:0}.btn:focus,.btn:hover,a,header a:focus,header a:hover,ins{text-decoration:none}*,.slick-list{margin:0;padding:0}.navigation,.project.js-active,.slick-initialized .slick-slide,.slick-list,.slick-slide img,.slick-slider,.slick-track,.txt li>*,article,aside,details,footer,header,hgroup,li,menu,section{display:block}.slick-dots,.txt-center{text-align:center}.subtitle,.upper,h2{text-transform:uppercase}.icon-switch::after,.project-selected.menu-display footer,footer{bottom:0}body,header a{line-height:normal}footer button,header nav{background-color:rgba(255,255,255,.85)}.btn,.canvas-container,.icon-document,.icon-switch,.js-parallax,.project[data-project=marathon] .half,.project[data-project=naturel] figure .bg-naturel,.scroll,.slick-list,.slick-slider,.slick-track,footer button .icon-arrow,footer button:first-child{position:relative}.hand,.menu__container,.project,.scroll-container,.slick-list,body{overflow:hidden}.canvas-container img,.menu__text,.scroll>img,.slick-slide.dragging img{pointer-events:none}*{border:0;font-size:100%;background:0 0;text-rendering:optimizeLegibility}*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0;width:100%}p{word-spacing:0.1em}a{color:inherit}a:focus,a:hover{text-decoration:underline}.reg,h1,h2,h3,h4,h5,h6{font-weight:400}.bold,.title,strong{font-weight:700}button{cursor:pointer;font-family:inherit;border-radius:0}sup{font-size:.7em;line-height:0}img{max-width:100%}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.for-print,.slick-arrow.slick-hidden,.slick-slide,.slick-slide.slick-loading img{display:none}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide,footer nav,header button:last-child{float:right}.slick-dots li,figure.half>img{display:inline-block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-dots{margin-top:50px}.slick-dots button{text-indent:-9999px;border:1px solid var(--color-black);border-radius:100%;width:35px;height:35px;margin:0 10px}.slick-dots .slick-active button{background-color:var(--color-black)}.serif{font-family:"Playfair Display",serif}.sans-serif{font-family:Montserrat,sans-serif}.x-small,body[class*=project-] footer{font-size:.75em}.small{font-size:.875em}.medium{font-size:1.25em}.large{font-size:1.75em}.title{font-size:1.875em;font-family:"Playfair Display",serif}.subtitle{font-size:1.25em;font-family:Montserrat,sans-serif;margin-top:.35em}.subtitle+p{margin-top:1.5em;line-height:1.35em}.figure,figure{text-align:right;padding:50px 200px}figure img{display:block;width:100%;margin:0 auto}figure.half>img{width:50%}.figcaption,figcaption{margin-bottom:50px;font-family:"Playfair Display",serif;font-size:1.25em;width:50%;text-align:left;display:inline-block}.txt-center .figcaption,.txt-center figcaption{text-align:center;display:block;width:100%;padding:0 50px}.txt-center img{width:auto;display:inline-block}.clearbefore::before,.clearfix::after{display:table;content:"";clear:both}.align-bottom{vertical-align:bottom}[class^=bg-]{color:#fff}.border,.project[data-project=marathon] .shadow{border:20px solid #fff}::selection{background-color:var(--color-black);color:#fff}:root{--color-black:#222523;--color-tui:#28716c;--color-naturel:#d4be37;--color-marathon:#3a9ed8;--color-artigo:#373737;--color-hm:#d95b3d;--color-ludotheque:#95c6b6;--color-misterfly-secondary:#00b3a0}.menu__text h3::before,.slider--text h3::before{font-family:"Playfair Display",serif;font-weight:400;text-shadow:none;position:relative;left:-10px;font-size:20px}.menu .bg-misterfly h3::before,.slide[data-project=misterfly] h3::before{content:"01"}.menu .bg-tui h3::before,.slide[data-project=tui] h3::before{content:"02"}.menu .bg-naturel h3::before,.slide[data-project=naturel] h3::before{content:"03"}.menu .bg-marathon h3::before,.slide[data-project=marathon] h3::before{content:"04"}.menu .bg-artigo h3::before,.slide[data-project=artigo] h3::before{content:"05"}.menu .bg-HM h3::before,.slide[data-project=HM] h3::before{content:"06"}.menu .bg-ludo h3::before,.slide[data-project=ludo] h3::before{content:"07"}.bg-misterfly,.details.bg-misterfly>*,.slide[data-project=misterfly]::before,[data-project=misterfly] .btn::before{background-color:var(--color-misterfly-secondary)}.bg-tui,.details.bg-tui>*,.slide[data-project=tui]::before,[data-project=tui] .btn::before{background-color:var(--color-tui)}.bg-naturel,.details.bg-naturel>*,.slide[data-project=naturel]::before,[data-project=naturel] .btn::before{background-color:var(--color-naturel)}.bg-marathon,.details.bg-marathon>*,.slide[data-project=marathon]::before,[data-project=marathon] .btn::before{background-color:var(--color-marathon)}.bg-artigo,.details.bg-artigo>*,.slide[data-project=artigo]::before,[data-project=artigo] .btn::before{background-color:var(--color-artigo)}.bg-HM,.details.bg-HM>*,.slide[data-project=HM]::before,[data-project=HM] .btn::before{background-color:var(--color-hm)}.bg-ludo,.details.bg-ludo>*,.slide[data-project=ludo]::before,[data-project=ludo] .btn::before{background-color:var(--color-ludotheque)}[class^=icon-]::after,[class^=icon-]::before{content:""}.icon-document{display:inline-block;width:1.875em;height:2.313em;border:1px solid}.icon-arrow,.icon-switch{height:1.875em;display:inline-block}.icon-document span,.icon-document::after,.icon-document::before{height:1px;width:1.063em;position:absolute;left:.313em;background-color:var(--color-black)}.mobile--white::before,.project,.project[data-project=artigo] .btn::before,.resume{background-color:#fff}.icon-document span:first-child{top:.438em}.icon-document span:nth-child(2){top:.75em}.icon-document span:nth-child(3){top:1.063em}.icon-document::before{top:1.375em}.icon-document::after{top:1.688em;width:.688em}.icon-switch{width:1.875em}.icon-switch span,.icon-switch::after,.icon-switch::before{width:1.875em;height:.5em;position:absolute;border:1px solid;left:0;transition:.3s}.icon-switch span,.project-selected.menu-display .menu{top:0}.icon-switch::before{top:.688em}.icon-arrow{transform:rotate(135deg);width:1.875em;border-top:1px solid;border-left:1px solid}.icon-arrow--left{transform:rotate(-45deg)}body{font-family:Montserrat,sans-serif;color:var(--color-black);font-size:1em;font-weight:400}.menu__text h4,.slider--text h4,h1{font-family:"Playfair Display",serif}.btn{z-index:0;padding:10px;display:inline-block}.col--pad,.col--pad>*{padding:0 50px}.btn::before{content:"";position:absolute;z-index:-1;bottom:0;left:0;width:100%;height:50%;background:#fff;transform:scale3d(1,0,1);transform-origin:50% 100%;transition:transform .3s}.btn:focus::before,.btn:hover::before{transform:scale3d(1,1,1);transform-origin:50% 0%}.col,.txt{display:table;table-layout:fixed;width:100%}.col>*,.txt>*{display:table-cell}.col>*{vertical-align:top}.col--middle>*,.menu__text,header a{vertical-align:middle}.col--pad+.col{padding-top:50px}.txt>*{width:50%;padding:50px}.slide,.slider{height:100vh;width:100vw}.menu__text,.resume__stack li,header a{display:inline-block}.txt>:first-child{padding-left:200px}.txt>:last-child{padding-right:200px}.txt li+li{margin-top:1em}.nuancier>div{width:25%;text-indent:-9999px}.nuancier>div::after{content:"";display:block;padding-bottom:100%}footer,header{position:fixed;z-index:2}header{top:0;left:0;width:100%}h1{letter-spacing:.5em;font-size:1.25em;transition:font-size 1s}h2{font-size:1.875em;font-weight:700}footer{right:0;transition:bottom .5s 0.5s}nav button{width:100px;height:100px;transition:height 1s,width 1s}header nav{text-align:center;line-height:100px;height:100px;transition:height 1s,line-height 1s}header button:first-child{float:left}footer button:first-child{left:-1px}footer button:first-child .icon-arrow{left:5px}footer button:last-child .icon-arrow{left:-5px}.slider{position:absolute;left:0;top:0;z-index:1;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.slider--text::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;transition:opacity .5s 0.5s;pointer-events:none}.slide{transition:height 1s}.slider--img{transition:opacity 1s,transform 1s;transform-style:preserve-3d;z-index:0}.menu,.resume,.slider--text{transition:top 1s,opacity 1s}.slider--img img{width:100%;height:100%;object-fit:cover}.slider--text .slide{position:relative;transform-style:preserve-3d}.slider--text .slide::before{content:"";position:absolute;z-index:-1;top:30%;left:30%;width:50%;height:50%;opacity:.75}.slider--text h3{letter-spacing:1vw;font-size:8vw;font-weight:700;text-shadow:rgba(0,0,0,.03) 2px 2px,rgba(0,0,0,.0285) 4px 4px,rgba(0,0,0,.027) 6px 6px,rgba(0,0,0,.0255) 8px 8px,rgba(0,0,0,.024) 10px 10px,rgba(0,0,0,.0225) 12px 12px,rgba(0,0,0,.021) 14px 14px,rgba(0,0,0,.0195) 16px 16px,rgba(0,0,0,.018) 18px 18px,rgba(0,0,0,.0165) 20px 20px,rgba(0,0,0,.015) 22px 22px,rgba(0,0,0,.0135) 24px 24px,rgba(0,0,0,.012) 26px 26px,rgba(0,0,0,.0105) 28px 28px,rgba(0,0,0,.009) 30px 30px,rgba(0,0,0,.0075) 32px 32px,rgba(0,0,0,.006) 34px 34px,rgba(0,0,0,.0045) 36px 36px,rgba(0,0,0,.003) 38px 38px,rgba(0,0,0,.0015) 40px 40px}.slider--text h4{font-size:1.875em;text-align:right;margin-top:.5em}.slider--text .btn{color:#fff;float:right}.slide__text{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,20px);color:#fff;cursor:pointer}.slide__text:hover .btn::before{transform:scale3d(1,1,1);transform-origin:50% 0%}.menu,.resume{position:absolute;top:-100vh;left:0;width:100%;opacity:0}.menu__container{height:calc(33.33vh - 33px);line-height:calc(33.33vh - 33px);position:relative;text-align:center;float:left;width:50%}.menu__container button{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-9999px}.menu__text,.project,.project img,.projects{position:relative}.menu__container button span{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background-size:cover;background-position:center center;opacity:0;transition:opacity 1s}.loading-bar.js-active,.menu__container button:focus span,.menu__container button:hover span{opacity:1}.menu__text{color:#fff;text-align:left;line-height:normal;top:0;z-index:1;transition:top 2s;padding:50px}.menu__text h3{font-weight:700;font-size:2em}.menu__text h4{font-size:1.25em;text-align:right}.resume li .x-small,.resume__contact li+li{margin-top:.25em}.resume .big-margin>li+li,.resume ul{margin-top:2em}.resume ol p{margin-top:.5em}.resume p,.resume__stack{line-height:1.35em;max-width:640px}.resume__left{width:40%}.resume__right{width:60%}.resume__stack li{font-style:italic}.resume__stack li+li{margin-top:0}.resume li>.resume__date,.resume li>.resume__title{display:inline}.projects{top:100vh;transition:top 1s}.project{display:none}.project .txt>:last-child{padding-left:0}.details__list{text-align:right;padding-right:100px}.project .link-container{padding:50px 200px;text-align:right}.project>.txt-center{padding:50px 0}.project img{opacity:0;top:100px;min-height:100vh;transition:opacity 1s,top 1s}.project img.loaded{opacity:1;top:0;min-height:inherit}.dual,.dual .half figure{position:relative;overflow:hidden}.dual__mobile{padding:0;position:absolute;left:50%;top:300px;margin-left:-270px}.dual--top .dual__mobile{top:600px}.mobile{position:relative;padding:0;height:480px;width:320px}.mobile::before,.scroll-container::after,[class^=parallax],canvas{position:absolute}.mobile::before{content:"";background:#000;top:-70px;left:-10px;right:-10px;bottom:-60px;border-radius:40px;box-shadow:20px 20px 0 0 rgba(143,143,143,.5)}.bg-marmara{background-color:#ef9d2d}.bg-pdi{background-color:#009bb7;background-image:linear-gradient(180deg,#009bb7 50%,#3bb4df 100%)}.bg-blog{background-color:#333f4f}.bg-blog img+img{margin-top:50px}.bg-tuiblue{background-color:#70cbf5;padding-bottom:600px}.bg-tuiblue .btn::before{background-color:#092a5e}.btn--tui::before{background-color:#70cbf5!important}.project[data-project=naturel] figure img{position:relative;z-index:1}.project[data-project=naturel] figure .bg-naturel::after{content:"";position:absolute;top:0;left:50%;height:100%;width:50%;background-color:#778d82;z-index:0}canvas{top:0;left:0}.project[data-project=marathon] .nuancier>div:first-child{background-color:#212554}.project[data-project=marathon] .nuancier>div:nth-child(2){background-color:#429ed6}.project[data-project=marathon] .nuancier>div:nth-child(3){background-color:#f9bcb7}.project[data-project=marathon] .nuancier>div:nth-child(4){background-color:#d02c6b}.project[data-project=marathon] .nuancier>div:nth-child(5){background-color:#efddd0}.parallax1{top:150px;left:-30px;z-index:1}.parallax2{right:-10px;top:-50px}.parallax3{left:250px;bottom:-70px}.parallax4{left:90px;bottom:170px;z-index:1}.project[data-project=artigo]>.txt-center{padding-bottom:0}.hand-container,body[class*=project-] h1{font-size:0}.hand{width:183px;height:400px;background-image:url(../img/artigo/hand-left.jpg);background-position:0 0;display:inline-block}.hand+.hand{background-image:url(../img/artigo/hand-right.jpg)}.project[data-project=HM] figure>img{border:1px solid #efeeec}.scroll-container{padding-bottom:250px;position:relative}.scroll-container::after{content:"";left:0;bottom:0;height:250px;width:100%;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 75%)}.scroll>img{position:relative;z-index:1}.scroll>div{position:absolute;top:0;overflow:auto;bottom:-250px;left:0}.scroll>div:first-of-type{left:0;width:67%}.scroll>div:last-of-type{left:66.67%;width:33%}[data-project=misterfly].js-active{cursor:url("../img/misterfly/cursor--secondary.png"),auto}[data-project=misterfly].js-active .bg-misterfly{cursor:url("../img/misterfly/cursor.png"),auto}.loading-bar{height:4px;background-color:#ffd7c5;position:relative;opacity:0;transition:opacity .3s;margin-bottom:10px}.loading-bar::before{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background-color:#fe6018;transition:width 8s}.menu-display,.project-display .slider--img{position:fixed}.loading-bar.js-active::before{width:100%}.project-display,.project-selected,.resume-display{overflow:auto;overflow-x:hidden}[class*="-display"] .icon-switch span,[class*="-display"] .icon-switch::after,[class*="-display"] .icon-switch::before{height:1px;left:-.375em;border:none;background-color:var(--color-black);width:2.625em}[class*="-display"] .icon-switch span{background-color:transparent}[class*="-display"] .icon-switch::before{transform:rotate(45deg);top:.875em}[class*="-display"] .icon-switch::after{transform:rotate(-45deg);bottom:.938em}[class*="-display"] .slider--text{opacity:0;top:-100vh}.project-selected .menu__container.js-active{width:100vw;height:100vh;line-height:100vh;display:block;background-color:transparent}.project-display .slider--img,.project-display .slider--img .slide,.project-selected .menu__container.js-active button{height:50vh}.project-selected .menu__container.js-active span{top:0;left:0;width:100vw;height:100%;opacity:1;transform:none!important}.project-selected.menu-display .slider--img{transform:scale(1);opacity:1}.project-selected.project-display .slider--img,.project-selected.project-display .slider--img .slide{transition:none}.menu-display{overflow:hidden;height:100vh;width:100%;top:0;left:0}.menu-display .menu,.resume-display .resume{top:100px;opacity:1;z-index:1}.menu-display .slider,.resume-display .slider{z-index:0}.menu-display .slider--img,.resume-display .slider--img{opacity:0;transform:scale(.5)}.menu-display .slider--text::after,.resume-display .slider--text::after{pointer-events:inherit}.menu-display footer,.resume-display footer{bottom:-100px}.project-display .menu__container,.resume-display .project.js-active{display:none}body[class*=project-] header nav{height:60px;line-height:60px}body[class*=project-] footer button,body[class*=project-] header button{height:60px;width:60px}.project-display .projects{top:50vh}.project-display .slider--text{top:-100vh}.project-display .menu__text{top:-100%}@media screen and (max-width:1024px){.txt>*{padding:40px}.txt>:first-child{padding-left:60px}.details__list,.txt>:last-child{padding-right:60px}.figure,figure{padding:40px 100px}.figcaption,figcaption{margin-bottom:40px}[class^=parallax]{width:30%}}@media screen and (max-width:1023px){.col,.txt{font-size:.85em}.large{font-size:1.35em}}@media screen and (max-width:767px){.details__list,.project .link-container{text-align:left}footer,header{font-size:.6em}header nav{line-height:60px;height:60px}.menu-display .menu,.resume-display .resume{top:60px;overflow:auto;bottom:0}nav button{width:60px;height:60px}.slider--text h4{font-size:1.25em}.slider--text .slide__text{width:70%}.slider--text .slide::before{top:20%;left:20%;width:60%;height:60%}.menu__container{float:none;width:100%;height:auto;line-height:inherit}.resume__left,.resume__right,figure.half img{width:100%}.txt>*{width:100%;padding:40px!important}.txt+.txt>:last-child{padding-top:0!important}.txt>:last-child{display:table-caption;padding-bottom:0!important}.txt>:first-child{padding-left:40px!important}.figure,.mobile,.project .link-container,figure{padding:20px 40px}.details__list{column-count:2;column-gap:20px}.project>.txt-center{padding-top:40px}.figcaption,figcaption{width:100%;margin-bottom:20px}.dual .half img,.mobile::before,.parallax3,.parallax4{display:none}.dual .half figcaption{margin-bottom:0}.dual__mobile{position:relative;top:0!important;left:0;margin-left:0}.mobile{margin:0 auto;height:100%}.bg-tuiblue{padding-bottom:0}[class^=parallax]{width:50%}.project[data-project=ludo] figcaption{margin-top:20px}}@media print{.resume,header{position:relative}.hide-print{display:none!important;margin:0}.for-print{display:block}.large{font-size:16px}body{color:#000;font-size:10px}h1{font-size:22px}h2{font-size:30px;line-height:26px}header nav{text-align:left;margin:-20px 0 20px}.resume{opacity:1;top:0!important}.resume .big-margin>li+li{margin-top:10px}.resume p,.resume__stack{max-width:inherit}.resume .txt:first-child{margin:20px 0}.txt article:first-child{padding:0;width:33%}.txt article:last-child{padding:0 0 0 20px;width:auto}}