*{box-sizing:border-box;margin:0;padding:0}a{color:inherit}img,video{display:block}html{scroll-behavior:smooth}body{color:var(--white);font-family:var(--base-font);letter-spacing:.2px;font-size:16px;font-style:normal;font-weight:300;line-height:120%}@media (width>=992px){body{font-size:20px}}h1,h2{font-family:var(--contrast-font);letter-spacing:2px;text-align:center;font-weight:600;line-height:100%}h2,.project-page-h1{padding:2rem 0;font-size:1.75rem}li{list-style-type:none}nav a{color:var(--black);font-size:1rem;text-decoration:none}header button{background-color:inherit;border:none}footer p{color:var(--black);text-align:center;font-size:.75rem}@media (width>=650px){h2,.project-page-h1{font-size:3rem}}@media (width>=768px){header{text-transform:uppercase;font-weight:600}body{font-size:18px}h2,.project-page-h1{font-size:4rem}}:root{--green:#00c023;--black:#000;--white:#fff;--base-font:greycliff-cf,sans-serif;--contrast-font:widescreen-mixed,sans-serif}body{background-color:var(--black);padding-top:1.25rem}.hero,footer{background-color:var(--green)}header{z-index:1;justify-content:space-between;align-items:center;width:100vw;padding:1rem 2rem;display:flex;position:fixed;top:0;right:0}section{margin:3.75rem 0;padding:0 1.25rem;position:relative}footer{padding:1rem}@media (width>=768px){section{padding:0 2.25rem}}.contact-flex{align-items:flex-end;gap:1rem;padding-top:4rem;display:flex}.contact-mask{width:150px;transition:transform .3s}.contact-mask:hover{transform:translateY(-5px)scale(1.1)rotate(-5deg)}@media (width>=650px){.contact-mask{width:200px}}@media (width>=768px){.contact-flex{gap:3rem}}.contact ul{flex-direction:column;gap:16px;margin-bottom:24px;padding-top:2rem;display:flex}.contact ul li a{color:var(--green);text-decoration:none}.contact a,.contact{font-size:16px}.contact a{padding:0 10px 10px;display:inline-block;position:relative}.contact a:hover{color:var(--withe)}.contact a:after{content:"";background:0 0;background:var(--green);width:0;height:2px;transition:width .3s,left .3s;display:block;position:absolute;bottom:0;left:50%}.contact a:hover:after{width:100%;left:0}.cv h2{line-height:120%}.cv-title{justify-content:center;width:100%;display:flex;position:relative}a.cv-download{border:2px solid var(--green);background-color:var(--black);border-radius:50px;justify-content:center;width:100%;max-width:325px;margin-left:11.5rem;padding:.75rem;transition:background-color .3s;display:flex;position:absolute;bottom:1.2rem;transform:scale(.45)}a.cv-download:hover{background-color:var(--green)}a.cv-download:hover path{fill:var(--black)}@media (width>=650px){a.cv-download{max-width:425px;margin-left:15rem;padding:1rem;bottom:1.5rem}}@media (width>=768px){a.cv-download{max-width:575px;margin-left:19.5rem;bottom:1.5rem}}.cv h2,.cv h4,.cv p{text-align:left}.cv h4{color:var(--green);text-transform:uppercase;margin-bottom:.25rem;font-size:1.25rem;font-weight:300}.cv span{font-style:normal;font-weight:700}.cv p,.cv li{letter-spacing:.2px;font-size:16px;line-height:130%}.cv p a{text-underline-offset:3px;text-decoration:underline}.cv-flow{width:100%;height:100%;position:relative}.cv-text-lang{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.cv-text-lang p{font-size:1rem}.cv-text-lang span{font-weight:300}.filter{flex-direction:column;gap:1.25rem;padding:4rem 0;display:flex}input[type=radio]{display:none}.filter-label{cursor:pointer}input[type=radio]:checked+.filter-label{color:var(--white);text-underline-offset:3px;-webkit-text-stroke-color:var(--white);text-decoration:underline}.filter-input label{text-transform:uppercase;letter-spacing:2px;color:var(--black);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--green);font-size:1.25rem;font-weight:900;transition:color .3s}.filter-input label:hover{color:var(--green)}.filter-input{padding:0}@media (width>=768px){.filter-input label{font-size:1.5rem}.filter{flex-direction:row;justify-content:center}}.hero{color:var(--black);flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-title-mobile{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding-top:2.5rem;display:flex}.hero-title-mobile img{width:340px}@media (width>=650px){.hero-title-mobile img{width:510px}}.hero-title-desktop{display:none}a.hero-btn{text-align:center;text-transform:uppercase;border:2px solid var(--black);background-color:var(--green);border-radius:50px;margin-bottom:3.5rem;padding:.5rem 6rem;font-weight:600;text-decoration:none;transition:background-color .5s;display:block;position:relative;overflow:hidden}.hero-btn:hover{color:var(--green);background-color:var(--black)}@media (width>=992px){.hero-title-mobile{display:none}.hero-title-desktop{padding:2.5rem 0 3.5rem;display:block}.hero-title-desktop img{width:800px}}@media (width>=1300px){.hero-title-desktop{padding-bottom:5rem}.hero-title-desktop img{width:1000px}}.me-flow{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding-top:2rem;display:flex}.me-photo{border:1px solid var(--green);background-image:url(../img/cv.c54b1bdc.png);background-position:50%;background-size:90%;border-radius:50%;width:9.25rem;height:9.25rem}.me h2 span{font-style:normal}.me h3{font-family:var(--contrast-font);color:var(--white);letter-spacing:.75px;width:100%;margin-bottom:.25rem;font-size:1rem;font-weight:300;line-height:130%}.me h3 span{font-family:var(--base-font);color:var(--green);font-style:normal;font-weight:300}.me p{width:100%}.me-mask{justify-content:center;align-items:center;gap:3rem;padding-top:2rem;display:flex}.me img{padding:3rem 0 0;display:none}@media (width>=768px){.me img{width:200px;display:block}}@media (width>=992px){.me h3{font-size:1.1rem}.me img{width:220px;display:block}}.project-cards{text-transform:uppercase;flex-direction:column;gap:4rem;display:flex}.project-card{justify-content:flex-end;align-items:flex-end;gap:.5rem;width:100%;display:flex}.project-card.hide{display:none}.project-subject{color:var(--green);font-size:1rem;font-style:normal}.project h3{letter-spacing:1.25px;font-size:1.25rem;font-weight:900}.project-item{width:100%}.project-item .project-preview{background-position:50%;background-size:cover;width:250px;height:120px;transition:transform .3s}.project-item .project-preview:hover{transform:translateY(-5px)scale(1.1)rotate(-5deg)}@media (width>=650px){.project-item .project-preview{width:350px;height:168px}}@media (width>=768px){.project-item .project-preview{width:450px;height:216px}}@media (width>=992px){.project-item .project-preview{width:550px;height:264px}}@media (width>=1300px){.project-item .project-preview{width:750px;height:360px}}#licorne-web{background-image:url(../licorne-preview.16f4f1e3.jpeg)}#architecture{background-image:url(../img/architecture-1.9dce5fb8.jpg)}#fc-bulle{background-image:url(../fc-bulle-preview.9784cbcf.jpeg)}#stromer{background-image:url(../img/stromer-preview.aeaf629e.jpg)}#protoherisse{background-image:url(../img/protoherisse-preview.f8e2f26f.jpg)}#connie-blyde{background-image:url(../connie-blyde-preview.7d62ac51.jpeg)}#licorne-vid{background-image:url(../licorne-vid-preview.2fa99572.jpeg)}#bandit{background-image:url(../img/bandit-preview.fbc4810b.jpg)}#tatitotu{background-image:url(../img/tatitotu-preview.5631659e.png)}#nepal{background-image:url(../img/nepal-preview.b3e312ef.jpg)}.project-item a{justify-content:flex-end;align-items:flex-end;gap:1rem;width:100%;text-decoration:none;display:flex}.project-item-left a{flex-direction:row-reverse;align-items:flex-end}.project-item a div{text-align:right}.project-item-left a div{text-align:left}section.project-page{padding-top:2.5rem}.project-page h1{padding:2rem 0}.project-page a,.project-page h2{text-align:left;color:var(--green);text-transform:uppercase;padding:0;font-size:1rem;font-weight:300;text-decoration:none}.project-page h2{padding:2rem 0 .5rem}.project-page a p{margin-left:.25rem;display:inline}.project-page-top{justify-content:space-between;align-items:flex-end;padding-bottom:2rem;display:flex}.project-page-top .project-field{text-transform:uppercase;color:var(--white);margin-bottom:4px;font-size:1rem;font-weight:300}.project-page-top a{text-transform:uppercase;letter-spacing:2px;-webkit-text-stroke-width:1px;color:var(--black);-webkit-text-stroke-color:var(--green);cursor:pointer;margin-bottom:4px;font-size:1.25rem;font-weight:900;transition:all .2s}.project-page-top a svg{transform-origin:100%;transition:all .4s}.project-page-top a:hover{color:var(--green)}.project-page-top a:hover svg{transform:scaleX(1.2)}.project-page-preview{padding-top:3.75rem}.project-page-preview a{text-align:right;margin-bottom:.25rem;display:block}.project-page a.project-comments{text-transform:capitalize;text-underline-offset:3px;text-decoration:underline}.project-page img{width:100%}.project-page-presentation{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding-top:2rem;display:flex}.project-page-mockup{width:100%;height:300px;overflow:scroll}p.project-page-action{color:var(--green);text-align:right;width:100%}@media (width>=768px){.project-page-mockup{height:600px}.project-page-presentation-position{flex-flow:wrap;gap:4rem 2rem}.project-page-presentation-position img{width:40%}}.navbar-mobile-right{justify-content:flex-end;align-items:flex-end;gap:1.25rem;display:flex}.navbar-background{background-color:var(--green);width:100%;height:80px;position:absolute;top:0}@media (width>=992px){.navbar-mobile-right{display:none}}.menu-burger{flex-direction:column;gap:.25rem;width:2rem;height:1.2rem;display:flex}.menu-burger div{background-color:var(--black);z-index:1;width:2rem;height:.2rem;transition:transform .3s,opacity .3s}.menu{background-color:var(--black);opacity:0;pointer-events:none;text-align:center;padding:3.75rem 0;transition:transform .3s;position:fixed;inset:0;transform:translate(100%)}.menu-background{background:var(--green);opacity:.7;z-index:-1;position:absolute;inset:0}.menu a{color:var(--white);font-size:1.25rem}.menu li{border-bottom:1px solid var(--white);padding:1.5rem 0}.menu-mobile-home img{width:70px}@media (width>=650px){.menu-burger div{height:.25rem}.menu-mobile-home img{width:100px}}.menu.is-active{opacity:1;pointer-events:auto;transform:translate(0)}.menu-burger.is-active div:first-child{background-color:var(--white);transform:translateY(8px)rotate(45deg)}.menu-burger.is-active div:nth-child(2){opacity:0;transform:translate(100%)}.menu-burger.is-active div:nth-child(3){background-color:var(--white);transform:translateY(-8px)rotate(-45deg)}.menu-desktop{display:none}.menu-desktop .menu-item{cursor:pointer;padding:1px 2px}.menu-desktop .menu-item a{transition:color .3s}.menu-desktop .menu-item:hover a{color:var(--white)}.menu-desktop-home{transition:all .3s}.menu-desktop-home:hover{transform:rotate(10deg)scale(1.1)}.menu-desktop-home img{width:80px}@media (width>=992px){.menu-burger,.menu-mobile-home{display:none}.menu-desktop{justify-content:space-between;align-items:center;width:100%;display:flex}.menu-desktop ul{gap:3rem;display:flex}.menu-desktop-home img{width:120px}}.lang-btn{display:flex}.lang-btn button{cursor:pointer;text-transform:uppercase;padding:.2rem .3rem;font-size:1.1rem;transition:color .3s;position:relative}.lang-btn button:hover{color:var(--white)}.lang-btn button:first-child{border-right:2px solid var(--black)}.lang-btn button.current{font-weight:600}.line{background-color:var(--green);width:100%;height:2px;position:absolute;left:0}footer .line{background-color:var(--black)}.tabs{flex-direction:column;align-items:flex-start;gap:1.25rem;margin:3.75rem 0;display:flex}.tabs button{background-color:var(--black);border:none}.tabs h3{text-transform:uppercase;letter-spacing:2px;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--green);cursor:pointer;margin-bottom:4px;font-size:1.25rem;font-weight:900;transition:color .3s}.tabs h3:hover{color:var(--green)}.tabs-slide{text-align:center;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:none;transform:translate(101%)}.tabs-slide-active{display:block;transform:translate(0)}.tabs-slide-active h3{text-underline-offset:3px;-webkit-text-stroke-color:var(--white);text-decoration:underline;color:var(--white)!important}.tabs-slide-flex{flex-direction:column;gap:2rem;display:flex}#tabs-slide-2 ul{flex-direction:column;align-items:flex-start;display:flex}@media (width>=768px){.tabs h3{font-size:1.5rem}.tabs{flex-direction:row;justify-content:center}.tabs-slide-flex{flex-direction:row}}
/*# sourceMappingURL=index.1a565333.css.map */