:root{font-size:10px;font-family:Mulish,sans-serif;background-color:#fff;color:#262626}.container{width:min(100% - 4rem,111rem);margin-inline:auto}@media (min-width: 768px){.container{width:min(100% - 6rem,111rem)}}.big-title{font-weight:700;font-size:2.5rem;line-height:3.5rem;letter-spacing:-.357143px}@media (min-width: 768px){.big-title{font-size:4rem;line-height:5.5rem}}@media (min-width: 1024px){.big-title{font-size:4.5rem;line-height:6.5rem}}.middle-title{font-weight:700;font-size:2.5rem;line-height:3.5rem;letter-spacing:-.357143px}@media (min-width: 768px){.middle-title{font-size:4rem;line-height:5.5rem}}.little-title{font-size:3.2rem;line-height:3.6rem;font-weight:400;letter-spacing:-.285714px}.link-title{font-size:2.6rem;line-height:3.2rem;font-weight:400;letter-spacing:-.285714px}@media (min-width: 768px){.link-title{font-size:3.2rem;line-height:3.6rem}}.text{font-weight:300;font-size:1.6rem;line-height:3rem;opacity:.9}.small-text{font-size:1.2rem;line-height:2.6rem}.button{font-size:1.2rem;line-height:1.4rem;letter-spacing:2px}.button-white{width:20.2rem;border:1px solid #262626;padding:17px 0;height:4.8rem;text-align:center;color:#33323d;text-transform:uppercase}.button-white:hover{background-color:#262626;transition:all .4s ease-in-out;color:#fff}.button-link{width:12rem}.button-work{margin-left:auto;margin-top:4rem}.button-form:disabled{background-color:#fff;border:1px solid #262626;font-style:normal;color:#33323d;opacity:.2;cursor:not-allowed}.border{border:1px solid #262626;opacity:.15}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}body{min-height:100vh}ul,li{list-style:none}input,textarea,select,button{display:block;box-sizing:border-box;border-radius:0;outline:none;border:none;background:none;color:inherit}input:focus,textarea:focus,button:focus{outline:none}input[type=submit]:hover,button:hover{cursor:pointer}a{display:block;color:inherit;text-decoration:none}img,picture,svg,video{display:block;max-width:100%}.header{display:flex;justify-content:space-between;align-items:center;padding:3.2rem 0 4rem;position:relative}@media (min-width: 768px){.header{padding:6.4rem 0 4.7rem}}@media (min-width: 1024px){.header{padding:6.4rem 0 5.4rem}}.header-open{position:fixed;right:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:3.2rem 2rem 4rem;z-index:12}.header-img{position:relative;z-index:6}.header-img-logo{width:5rem;height:5rem}.header-nav{display:none}@media (min-width: 768px){.header-nav{display:block}}.header-nav-list{display:flex;gap:4.2rem}.nav-link{position:relative;font-size:1.4rem;letter-spacing:.2rem}.nav-link a.active:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:2.4rem;border-bottom:1px solid #363636}.nav-link:hover{color:#1b1d23;font-weight:900}.footer{background-color:#f1f2f6;margin-top:5.6rem}@media (min-width: 768px){.footer{margin-top:12rem}}.footer h4{margin-bottom:4rem}.footer-container{padding:8rem 0;display:flex;justify-content:space-between}@media (min-width: 768px){.footer-container{padding:4rem 0}}.footer-content-list{display:flex;flex-direction:column;gap:3rem;text-transform:uppercase}@media (min-width: 768px){.footer-content-list{flex-direction:row}}@media (min-width: 1024px){.footer-content-list{gap:4.2rem}}.footer-social{display:flex;gap:3rem;height:fit-content}.footer-social img{height:2.5rem}.footer-social :hover:nth-child(1){filter:invert(0%) sepia(100%) saturate(750%) hue-rotate(100deg) brightness(0%) contrast(111%)}.footer-social :hover:nth-child(2){filter:invert(54%) sepia(94%) saturate(2260%) hue-rotate(175deg) brightness(96%) contrast(97%)}.footer-social :hover:nth-child(3){filter:invert(23%) sepia(56%) saturate(2970%) hue-rotate(197deg) brightness(104%) contrast(92%)}.footer-social :not(:first-child) img{filter:invert(95%) sepia(5%) saturate(857%) hue-rotate(183deg) brightness(92%) contrast(91%)}@media (min-width: 768px){.hero{display:flex;gap:5rem;align-items:center;flex:1}}@media (min-width: 1200px){.hero{gap:6rem;justify-content:space-between}}@media (min-width: 768px){.hero-img{flex:1}}.hero-img img{border-radius:10px}.hero-text{margin-top:6rem}@media (min-width: 768px){.hero-text{margin-top:0;text-align:right;flex:1}}@media (min-width: 1024px){.hero-text{text-align:start}}.hero-text-title{display:flex;flex-direction:column;font-size:2.5rem;line-height:3.5rem;letter-spacing:-.357143px}@media (min-width: 768px){.hero-text-title{font-size:4rem;line-height:5.5rem}}@media (min-width: 1024px){.hero-text-title{font-size:4.5rem;line-height:6.5rem}}.hero-text-title{margin-bottom:3.2rem}@media (min-width: 1024px){.hero-text-title{margin-bottom:3.5rem}}@media (min-width: 1200px){.hero-text-title{margin-bottom:5.5rem}}.hero-text-title-span{font-weight:600}.hero-text-button{display:none}.skills{margin-top:10rem}@media (min-width: 1024px){.skills{margin-top:16rem}}@media (min-width: 768px){.skills{display:flex;align-items:center;gap:5rem}}@media (min-width: 768px){.skills-text{flex:1}}.skills-text-title{margin-bottom:3.2rem}@media (min-width: 1024px){.skills-text-title{margin-bottom:3.5rem}}@media (min-width: 1200px){.skills-text-title{margin-bottom:5.5rem}}.skills-content{margin-top:4rem}@media (min-width: 768px){.skills-content{flex:1}}@media (min-width: 1024px){.skills-content{margin-top:6rem}}.skills-content-list{display:flex;flex-wrap:wrap;gap:1rem;font-size:1.4rem;line-height:2rem}.skills-content-list-li{background-color:#f1f2f6;padding:.5rem 1rem;border-radius:5px}.skills-content-list-li:hover{transform:scale(1.1);box-shadow:0 0 10px #ced6e0;cursor:default}.work{margin-top:10rem}@media (min-width: 1024px){.work{margin-top:16rem}}.work-title{margin-bottom:3.2rem}@media (min-width: 1024px){.work-title{margin-bottom:3.5rem}}@media (min-width: 1200px){.work-title{margin-bottom:5.5rem}}.work-content{display:flex;flex-wrap:wrap;gap:4rem;overflow:hidden}@media (min-width: 1024px){.work-content{gap:2rem}.work-content :nth-child(2){margin-top:6rem}.work-content :nth-child(3){margin-top:12rem}}.work-content-element{flex:1 0 30rem}.work-content-element img{border-radius:1rem}.images-color{background-color:#e7816b;height:28.8rem;overflow:hidden}.images-color img{width:79.8%;margin:auto;position:relative;top:2.88rem;box-shadow:13px 39px 5px 11px}@media (min-width: 1200px){.contact-hero-title{margin-right:0}}.contact-hero-about{margin-top:4rem}.contact-hero-mail{margin-top:2rem;font-weight:500;text-decoration:underline}.contact-hero-link{display:flex;align-items:center;justify-content:space-between}.contact-hero-link-img{display:flex;align-items:center;gap:3rem}.contact-hero-link-img img{height:2.5rem}.contact-hero-link-img :hover:nth-child(1){filter:invert(0%) sepia(100%) saturate(750%) hue-rotate(100deg) brightness(0%) contrast(111%)}.contact-hero-link-img :hover:nth-child(2){filter:invert(54%) sepia(94%) saturate(2260%) hue-rotate(175deg) brightness(96%) contrast(97%)}.contact-hero-link-img :hover:nth-child(3){filter:invert(23%) sepia(56%) saturate(2970%) hue-rotate(197deg) brightness(104%) contrast(92%)}.contact-hero-link-img :not(:first-child) img{filter:invert(95%) sepia(5%) saturate(857%) hue-rotate(183deg) brightness(92%) contrast(91%)}@media (min-width: 1024px){.project-hero{max-height:70rem;overflow:hidden}}.details{margin-top:4rem}@media (min-width: 1024px){.details{display:flex;gap:12.5rem;margin-top:11.5rem}}@media (min-width: 1024px){.details-aside{width:100%;max-width:31.47rem}}.details-aside-content{max-width:35.5rem}.details-aside h1{margin:2.4rem 0}@media (min-width: 768px){.details-aside h1{margin:3.2rem 0 1.6rem}}@media (min-width: 1024px){.details-aside h1{margin:4.8rem 0 2.9rem}}.details-aside-text{margin:2.4rem 0}@media (min-width: 768px){.details-aside-normal-text{display:none}}@media (min-width: 1024px){.details-aside-normal-text{display:block}}.details-aside-link{display:flex;justify-content:space-between;margin:3rem 0 6rem}.details-aside-link-a{border:1px solid #262626;padding:12px 0;height:3.8rem;text-align:center;color:#33323d;text-transform:uppercase}.details-aside-link-a:hover{background-color:#262626;transition:all .4s ease-in-out;color:#fff}.details-content{margin:4.8rem 0 8rem}@media (min-width: 768px){.details-content{margin:4rem 0 8rem}}@media (min-width: 1024px){.details-content{margin:0 0 6.4rem}}.details-content-preview{margin:4rem 0 3.2rem}@media (min-width: 1024px){.details-content-preview{margin:4rem 0 3.2rem}}.details-content p{margin:2.8rem 0 4rem}@media (min-width: 1024px){.details-content p{margin:2.8rem 0 5.2rem}}.text-infos{color:#002e70;font-size:1.6rem;font-weight:700;line-height:3rem}.text-infos-technos{font-size:1.2rem}.project-link{border-top:1px solid #ccc;border-bottom:1px solid #ccc;display:flex;justify-content:space-between}.project-link-right,.project-link-left{margin:2.4rem 0;display:flex;flex-direction:column;flex:1}@media (min-width: 768px){.project-link-right,.project-link-left{flex-direction:row;align-items:center;gap:3.2rem}}.project-link-right .project-link-title,.project-link-left .project-link-title{margin:1.6rem 0 0rem}.project-link-right .project-link-title:first-letter,.project-link-left .project-link-title:first-letter{text-transform:uppercase}.project-link-right p,.project-link-left p{opacity:.5}.project-link-img{width:fit-content;margin:0}.project-link-right{text-align:right;align-items:flex-end}@media (min-width: 768px){.project-link-right{flex-direction:row-reverse;align-items:center}}.project-link .border-rotate{height:auto}.not-found{display:flex;flex-direction:column;align-items:center;margin-bottom:20rem}@media (min-width: 768px){.not-found{margin-bottom:20.5rem}}@media (min-width: 1024px){.not-found{margin-bottom:29rem}}@media (min-width: 1200px){.not-found{margin-bottom:35rem}}.not-found-text{text-align:center}.not-found-text-link{margin-top:2rem;text-decoration:underline}.mentions{margin:5rem 0}.mentions-container{margin-top:3.5rem}.mentions-container b{font-weight:700}.mentions-container .link:hover{text-decoration:underline;font-weight:700}@media (min-width: 768px){.header-menu{display:none}}.header-menu-logo{position:relative;z-index:6}.header-menu-background{background-color:#fff;position:fixed;top:0;left:0;right:0;bottom:0;z-index:4}.header-menu-container{position:relative;line-height:11rem;top:16rem}.header-menu-list{font-size:11vw;color:#262626}.header-menu-list li{position:relative}.header-menu-list-link.active{font-weight:900;text-shadow:3px 3px 1px #d5d5d5,3px 3px 4px rgba(0,0,0,.2)}.header-menu-link{position:absolute;bottom:4rem;padding:0 2rem;width:100%;display:flex;justify-content:space-between;align-items:center}.header-menu-link a{font-size:1.4rem;letter-spacing:.2rem}.header-menu-link-social{display:flex;gap:3rem}.header-menu-link-social img{height:2.5rem}.header-menu-link-social :hover:nth-child(1){filter:invert(0%) sepia(100%) saturate(750%) hue-rotate(100deg) brightness(0%) contrast(111%)}.header-menu-link-social :hover:nth-child(2){filter:invert(54%) sepia(94%) saturate(2260%) hue-rotate(175deg) brightness(96%) contrast(97%)}.header-menu-link-social :hover:nth-child(3){filter:invert(23%) sepia(56%) saturate(2970%) hue-rotate(197deg) brightness(104%) contrast(92%)}.header-menu-link-social :not(:first-child) img{filter:invert(95%) sepia(5%) saturate(857%) hue-rotate(183deg) brightness(92%) contrast(91%)}.contact-form{margin:8rem 0 16rem}@media (min-width: 1024px){.contact-form{margin:10rem 0 26rem}}.form-content{margin-top:3.2rem;max-width:63.5rem;margin:auto}@media (min-width: 1024px){.form-content{margin-top:4rem}}.form-content-field{display:flex;flex-direction:column}.form-content-field:not(:first-child){margin-top:2.4rem}.form-content-field-label{font-size:1.3rem;font-weight:700;line-height:3rem;color:#33323d;opacity:.8}.form-content-field input{padding-left:1.6rem;height:4.8rem;margin-top:.8rem;width:100%;font-size:1.3rem;background-color:#ebebec}.form-content-field input::placeholder{color:#33323d;opacity:.4}.form-content-error{color:#f43030;font-size:1.2rem;line-height:1.2rem;font-weight:700;font-style:italic;margin-top:1rem}.form-content-button{margin-top:3rem;margin-left:auto}textarea{padding:1rem 1.6rem;min-height:14rem;resize:none;width:100%;font-size:1.3rem;background-color:#ebebec}textarea::placeholder{color:#33323d;opacity:.4}input:focus-visible,textarea:focus-visible{border:1px solid #3366ff}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 1000px #ebebec inset}.invalid{border:1px solid #f43030}.projects-container{display:flex;flex-direction:column;gap:4rem}.projects-container:not(:first-child){margin-top:7.2rem}@media (min-width: 768px){.projects-container:not(:first-child){margin-top:12rem}}@media (min-width: 1024px){.projects-container:not(:first-child){margin-top:16rem}}@media (min-width: 768px){.projects-container{flex-direction:row;align-items:center;gap:6.9rem}.projects-container-reverse{flex-direction:row-reverse}}@media (min-width: 1024px){.projects-container{gap:12.5rem}}.projects-background{overflow:hidden}.projects-background img{width:79.8%;margin:auto;position:relative;top:2.88rem}@media (min-width: 768px){.projects-background img{max-width:33.9rem}}@media (min-width: 1024px){.projects-background img{max-width:54rem}}@media (min-width: 768px){.projects-content{flex:1 1 0}}.projects-content-text{margin:2.5rem 0 2.4rem}@media (min-width: 768px){.projects-content-text{margin:3.2rem 0 5rem}}.projects-content-text p{margin:2.4rem 0}@media (min-width: 768px){.projects-content-text p{margin:2.9rem 0 3.5rem}}.projects-content-title{margin-top:3rem}.modal{position:fixed;top:0;left:0;bottom:0;right:0;height:100vh;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);padding:0 3rem;z-index:2}.modal-container{position:relative;padding:4rem;font-weight:300;font-size:1.6rem;line-height:2.8rem;opacity:.9;border-radius:15px;text-align:center;max-width:50rem;background-color:#fff}.modal-button{position:absolute;top:1rem;right:2rem}