@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot?g1e3d9);src:url(../fonts/icomoon.eot?g1e3d9#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf?g1e3d9) format("truetype"),url(../fonts/icomoon.woff?g1e3d9) format("woff"),url(../fonts/icomoon.svg?g1e3d9#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:icomoon!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1}.icon-navigate_next:before{content:""}.icon-chevron_right:before{content:""}.icon-navigate_before:before{content:""}.icon-chevron_left:before{content:""}.icon-moon:before{content:""}.icon-arrow-up:before{content:""}.icon-linkedin-square:before{content:""}.icon-copy:before{content:""}.icon-files-o:before{content:""}.icon-envelope:before{content:""}.icon-angle-down:before{content:""}.icon-circle:before{content:""}@font-face{font-family:Noto Sans;src:url(../fonts/NotoSans-Black.otf) format("embedded-opentype"),url(../fonts/NotoSans-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:url(../fonts/NotoSans-Thin.otf) format("embedded-opentype"),url(../fonts/NotoSans-Thin.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:url(../fonts/NotoSans-Regular.otf) format("embedded-opentype"),url(../fonts/NotoSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:url(../fonts/NotoSans-ExtraLight.otf) format("embedded-opentype"),url(../fonts/NotoSans-ExtraLight.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}:root{--border-width: 6px;--color: #111}body{margin:0;background-color:var(--color);font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;transition:background-color ease .6s}.border{position:fixed;top:var(--border-width);left:var(--border-width);width:calc(100% - var(--border-width) * 2);height:calc(100dvh - var(--border-width) * 2);z-index:101;pointer-events:none;box-sizing:border-box;transform:scale(1.1);border-radius:15px;box-shadow:0 0 0 calc(var(--border-width) * 3) #fff}.loader{position:fixed!important;top:0;left:0;width:100dvw;height:100dvh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:var(--color)!important}.loader__bar{height:1px!important;width:200px!important;background:gray;position:relative}.txt{text-transform:uppercase;font-size:1.2rem;margin:0}#info{position:fixed;top:2%;left:2%;z-index:10}.title_block{overflow:hidden;display:flex}#night{opacity:0}#night,#sun{position:fixed;top:calc(var(--border-width) + 1vw);right:calc(var(--border-width) + 1vw);z-index:10;width:calc(10px + .5vw);height:calc(10px + .5vw);border:1px solid #fff;justify-content:center;display:flex;align-items:center;border-radius:50%;cursor:pointer}#go_top{position:fixed;top:calc(var(--border-width) + 1vw);left:calc(var(--border-width) + 1vw);z-index:10;width:calc(10px + .5vw);height:calc(10px + .5vw);border:1px solid #fff;justify-content:center;display:flex;align-items:center;border-radius:50%;cursor:pointer}#rs{transform:translateY(50px);opacity:0}.hello{position:fixed;top:0;left:0;width:100%;height:100lvh;display:flex;justify-content:center;align-items:center;box-sizing:border-box;transform:scale(0);-webkit-user-select:none;user-select:none}.hello div{width:60%;height:1px!important;border-radius:50%;color:#ffffff0d;align-items:center;justify-content:center;display:flex;background-color:#fff}#btn_intro_block{display:flex;position:fixed;top:-50%;left:50%;margin-left:calc(-5vh + 5px);margin-top:calc(-5vh + 5px);width:calc(10vh + 10px);height:calc(10vh + 10px);border-radius:50%;justify-content:center;align-items:center;z-index:11}#btn_intro{display:flex;position:fixed;width:calc(7vh + 10px);height:calc(7vh + 10px);background-color:#000;border-radius:50%;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:none}#container{position:fixed;top:0;left:0;pointer-events:none;width:100%;display:block;overflow-x:hidden;z-index:2}.content{display:flex;align-items:flex-start;box-sizing:border-box;justify-content:center}#section_1{position:relative;top:0;left:0;height:120lvh;display:flex;justify-content:center;align-items:center;box-sizing:border-box}#section_2{position:relative;transition:opacity 1s;height:120lvh;display:flex;align-items:center;box-sizing:border-box;justify-content:center}#section_3{position:relative;height:100lvh;display:flex;box-sizing:border-box}#section_4{position:relative;height:100lvh;margin-top:0lvh;display:flex;box-sizing:border-box;justify-content:center;flex-direction:column;margin-left:10%;z-index:2}#container_video{position:relative;height:100lvh;margin-top:-100lvh;display:block;box-sizing:border-box;width:100%;overflow-x:hidden;z-index:1}#motion{position:relative;height:150lvh;margin-top:-150lvh;display:block;box-sizing:border-box;width:100%;overflow-x:hidden;z-index:0;object-fit:cover;opacity:0}#photo_content{margin-right:2%}#photo{border-radius:61% 39% 45% 55%/39% 54% 46% 61%;transform:rotate(var(--r, 0));width:calc(140px + 10vw);height:calc(140px + 9vw);background-color:#fff;margin-right:2%;overflow:hidden}#photo :hover{cursor:help}#photo div{position:absolute;left:50%;top:50%;width:calc(180px + 10vw);height:calc(180px + 10vw);transform:translate(-50%,-50%) rotate(calc(var(--r, 0deg) * -1));background-image:url(../img/matthieu-viaut.webp);background-size:cover;background-position:top center}#photo,#photo div{transition-property:border-radius,transform}#photo,#photo div{transition:ease .6s;box-shadow:0 0 0 1px #0000}#desciption{width:35%;pointer-events:none;transform:translate3d(0,600px,0)}#connexion,#skills{transform:translate3d(0,200px,0);-webkit-user-select:none;user-select:none;pointer-events:none}#projets{transform:translate3d(0,400px,0);pointer-events:none}#email{transform:translate3d(0,800px,0);display:block ruby;overflow:hidden}.email_copy{background-color:#fff;color:var(--color);margin-left:10px;border-radius:5px;padding:2px 5px;transform:translate3d(0,60px,0);pointer-events:none}.hidden{display:none!important}.cursor{position:fixed;border-radius:50%;pointer-events:none;left:0;top:0;mix-blend-mode:exclusion;background-color:transparent;border:3px solid #ffffff;z-index:10000;height:60px;width:60px;transform:scale(0)}#skills{position:absolute;z-index:3;pointer-events:none;margin-left:10%;top:-9%}.menu_01{background-image:url(../img/digital_projet_1.webp)}.menu_02{background-image:url(../img/digital_projet_2.webp)}.menu_03{background-image:url(../img/digital-direction-artistique.webp)}.menu_05{background-image:url(../img/digital-developpement-web.webp)}.menu{overflow:hidden;z-index:1;cursor:grab;width:100%;position:relative;height:70vh;box-sizing:border-box}.menu_content{position:absolute;z-index:2;display:block;bottom:1vw;left:1vw;box-sizing:border-box;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#000;padding:.3vw 2vw .3vw .8vw;margin-left:40px;margin-bottom:40px;border-radius:0 1.5vw 1.5vw 0;transform:none}.menu.is-dragging{cursor:grabbing}.menu--wrapper{counter-reset:count;display:flex;position:absolute;z-index:1;height:100%;top:0;left:0;width:100%;box-sizing:border-box;transform:skew(100deg)}.menu--item{counter-increment:count;position:absolute;z-index:1;top:0;left:0;width:20vw;min-width:280px;height:100%;padding:2vw 1vw;box-sizing:border-box}.menu--item video{object-fit:cover;width:100%;height:100%}.menu--item figure{position:absolute;z-index:1;display:block;-webkit-user-select:none;user-select:none;padding:0;border:none;outline:none;box-shadow:none;cursor:pointer;width:90%;height:90%;overflow:hidden;pointer-events:none;transform-origin:center;background-color:#000;border-radius:1.5vw;background-size:cover;background-position:top center}.menu--item figure:before{position:absolute;z-index:2;bottom:1vw;left:1vw;display:inline-block;color:#fff;font-size:1vw}._mv_scroll{color:#fff;font-size:calc(7px + .6vh);line-height:calc(7px + .2vh);font-weight:400;margin:0;text-align:center}._mv_sun{color:#fff;font-size:calc(10px + .8vw);line-height:calc(10px + .8vw);padding:.6vw}._mv_night{color:#fff;font-size:calc(48px + .8vw);line-height:calc(10px + .8vw);padding:.6vw}._mv_go_top{color:#fff;font-size:calc(10px + .8vw);line-height:calc(10px + .8vw);padding:.6vw;transform:translate3d(0,30px,0);opacity:0}._mv_hello{color:#fff;font-size:calc(15px + .8vw);line-height:calc(15px + .8vw);font-weight:100;text-align:center}.mv_chevron_1{margin-right:-.8vw}.mv_chevron_2{margin-left:-.8vw}._mv_title{pointer-events:none;color:#fff;font-size:6vw;letter-spacing:-.35vw;font-weight:900;transform:translateY(150px);padding-right:.8vw}._mv_name{pointer-events:none;color:#fff;font-size:1.8vw;font-weight:100;padding-top:2%;transform:translateY(50px);opacity:0}._mv_rs{color:#fff;font-size:calc(10px + 1vw);padding-right:1vw;transition:ease .6s;text-decoration:none}.shadow{-webkit-box-shadow:0px 0px 11px 0px rgba(0,0,0,.3);box-shadow:0 0 11px #0000004d;box-sizing:border-box}._mv_txt{padding-bottom:.9vw;color:#fff;font-size:calc(7px + .5vw);font-weight:200;margin:0}._mv_marque{padding-bottom:.9vw;color:#fff;font-size:calc(7px + .3vw);font-weight:900;line-height:calc(7px + .3vw);letter-spacing:.05vw;margin:0}._mv_connexion,._mv_skills{color:#fff;font-size:9vw;letter-spacing:-.35vw;font-weight:900;margin:0;line-height:9vw;pointer-events:none}._mv_skills{text-shadow:1px 1px 8px rgba(0,0,0,.2)}._mv_project{padding-bottom:1.5vw;color:#fff;font-size:calc(7px + .5vw);font-weight:200;margin:0;line-height:calc(7px + .5vw)}._mv_email,._mv_copy{font-weight:400;color:#fff;font-size:calc(12px + .8vw);margin:0;line-height:calc(24px + .5vw);height:calc(24px + .5vw);overflow:hidden;text-decoration:none;cursor:pointer}._mv_copy{padding-left:15px;display:inline}._mv_digital{padding-bottom:.9vw;color:#fff;font-size:calc(20px + 1vw);letter-spacing:.01vw;line-height:calc(15px + .5vw);font-weight:900;margin:0;margin-bottom:2vw;background:linear-gradient(to right,#fffc,#fff0),linear-gradient(to right,red,#ff00b4,#01e7dc);background-size:100% .05em,0 .1em;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size .4s;pointer-events:auto;display:table;display:ruby-text-container;cursor:default}._mv_digital:hover,._mv_digital:focus{background-size:0 .1em,100% .4em}.line{border-right:.08em solid #fff;opacity:0}._mv_menu{color:#fff;font-size:calc(12px + .5vw);letter-spacing:-.1vw;font-weight:200}._mv_menu_project{font-weight:400}._mv_ss_menu{color:#a1a1a1;font-size:calc(10px + .2vw);line-height:calc(12px + 1vw);font-weight:200}.mobile{display:none}.desktop{display:block}@media all and (orientation: portrait){.mobile{display:block}.desktop{display:none}#info{top:calc(var(--border-width) + .5vh);left:5%}#night,#sun{top:calc(var(--border-width) + 2vh);right:calc(var(--border-width) + 1vh);width:calc(10px + .5vh);height:calc(10px + .5vh)}._mv_sun,._mv_go_top{font-size:calc(11px + .8vh);line-height:calc(11px + .8vh);padding:.7vh}._mv_night{font-size:calc(32px + .8vh);line-height:calc(11px + .8vh);padding:.7vh}#go_top{top:calc(var(--border-width) + 2vh);left:calc(var(--border-width) + 1vh);width:calc(10px + .5vh);height:calc(10px + .5vh)}.content{display:block;margin:10%}#photo{width:20vh;height:20vh}#desciption{margin-top:20px;width:100%}#desciption p{margin-top:10px}#skills{top:-1%}._mv_hello{font-size:2vh;line-height:2vh}.hello div{width:100%}._mv_title{font-size:4vh;letter-spacing:-.4vh}._mv_connexion,._mv_skills{font-size:6vh;letter-spacing:-.4vh}._mv_name{font-size:2.5vh}._mv_rs{font-size:3.5vh;padding-right:1vh}._mv_txt{font-size:calc(8px + .7vh)}._mv_digital{font-weight:100}._mv_marque{font-size:calc(6px + .7vh);line-height:calc(6px + .7vh)}._mv_project{font-size:calc(8px + .7vh);line-height:calc(8px + .7vh);margin-top:20px}._mv_email,._mv_copy{font-size:calc(12px + .8vh);line-height:calc(24px + .5vh);height:calc(24px + .5vh)}.words span{font-size:calc(40px + 20vw);line-height:calc(40px + 20vw)}.menu--item{width:30vh;height:60vh}.menu--item figure{border-radius:2.5vh}.menu--item figure:before{bottom:1.5vh;left:1.5vh;font-size:1.5vh}.menu_content{bottom:1vw;left:1vw;padding:.3vh 2vh .3vh .8vh;margin-bottom:6vh}._mv_menu{font-size:calc(12px + 1vh);letter-spacing:-.1vh;line-height:calc(12px + 1vh)}._mv_ss_menu{font-size:calc(6px + .5vh);line-height:calc(12px + 1vh)}}
