@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--color-white: #f8f8f8;--color-black: #111;--color-primary: #b51b00;--color-secondary: #545454;--color-tiercery: #bcbcbc;--color-action: #b51b00}:root{--font-primary: "Urbanist", sans-serif;--font-secondary: "Armata", monospace;--font-size-content: clamp( 0.75rem, 2.08vw + 0.13rem, 2rem );--font-size-h1: clamp( 1.5rem, 5.83vw + -0.25rem, 5rem );--font-size-h2: clamp( 1.25rem, 2.92vw + 0.38rem, 3rem );--font-size-h3: clamp( 0.88rem, 2.71vw + 0.06rem, 2.5rem );--font-size-h4: clamp( 0.75rem, 2.29vw + 0.06rem, 2.13rem );--font-size-h5: clamp( 0.75rem, 1.67vw + 0.25rem, 1.75rem );--font-size-h6: clamp( 0.75rem, 1.25vw + 0.38rem, 1.5rem );--font-size-links: clamp( 0.75rem, 1.67vw + 0.25rem, 1.75rem )}:root{--spacing-xs: 5px;--spacing-sm: 25px;--spacing-md: 44px;--spacing-lg: 60px;--spacing-xl: 116px;--spacing-xxl: 168px}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img{max-width:100%}body{color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-content);line-height:1.6;background-image:url("../../assets/images/bg_about.png");background-repeat:no-repeat;display:grid;height:100vh;grid-template-rows:auto 1fr auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);line-height:1}h1{font-size:var(--font-size-h1);margin:0;color:var(--color-white);font-weight:bold;line-height:140%}@media screen and (max-width: 768px){h1{font-weight:400}}h2{font-size:var(--font-size-h2);font-family:var(--font-secondary);font-weight:400}h3{font-size:var(--font-size-h3);font-weight:400}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}a{text-decoration:none;font-size:var(--font-size-links);color:var(--color-white);transition:all .3s ease-out}a:hover{color:var(--color-primary);text-decoration:none}a.btn{background-color:var(--color-action);border:solid 3px var(--color-action);padding:20px 40px;border-radius:10px}a.btn:hover{background:rgba(0,0,0,0);color:var(--color-white)}@media screen and (max-width: 768px){a.btn{font-size:16px}}a.icons{color:var(--color-black)}a.icons:hover{color:var(--color-primary)}.wrapper{max-width:1440px;width:calc(100% - var(--spacing-md));margin:0 auto}.header{--header-height: 125px;height:var(--header-height);position:sticky;top:0;z-index:100;background-color:var(--color-black);transition:transform .4s ease-out;width:100%}.header-is-hidden.is-scrolling-down:not(.nav-is-active) .header{transform:translateY(-100%) translateY(10px)}.header .wrapper{display:flex;justify-content:space-between;align-items:center;height:100%}.header .wrapper a.logo{display:flex}.header .wrapper .menu{display:flex;gap:var(--spacing-lg);list-style:none}.header .wrapper .menu a{font-size:24px;font-family:var(--font-secondary);position:relative}.header .wrapper .menu a:after{background:none repeat scroll 0 0 rgba(0,0,0,0);bottom:0;content:"";display:block;height:2px;left:50%;bottom:-5px;position:absolute;background:var(--color-tiercery);transition:width .3s ease 0s,left .3s ease 0s;width:0}.header .wrapper .menu a:hover:after{width:100%;left:0}@media screen and (max-width: 1366px){.header .wrapper nav.hide{display:none}}.header__toggle{--bar-height: 8px;--bar-spacer: 6px;--bar-width: 50px;background-color:rgba(0,0,0,0);border:none;outline:none;cursor:pointer;padding:0;position:relative;width:var(--bar-width);height:var(--bar-width);z-index:10}.header__toggle span{background:var(--color-white);border-radius:3px;height:var(--bar-height);width:100%;position:absolute;top:calc(50% - var(--bar-height)/2);left:calc(50% - var(--bar-width)/2);transition:.3s all ease-out}.header__toggle span:nth-child(1){top:calc(50% - var(--bar-height)/2 - var(--bar-height) - var(--bar-spacer))}.header__toggle span:nth-child(3){top:calc(50% - var(--bar-height)/2 + var(--bar-height) + var(--bar-spacer))}.nav-is-active .header__toggle span{top:calc(50% - var(--bar-height)/2)}.nav-is-active .header__toggle span:nth-child(1){transform:rotate(45deg)}.nav-is-active .header__toggle span:nth-child(2){transform:scaleX(0)}.nav-is-active .header__toggle span:nth-child(3){transform:rotate(-45deg)}@media screen and (min-width: 1366px){.header__toggle{display:none}}.nav-primary{background:var(--color-black);position:absolute;top:0;left:0;height:100vh;width:100%;padding-top:var(--header-height);display:flex;align-items:center;overflow-y:auto;transform:translateY(-100%);transition:transform .6s ease-out}.nav-is-active .nav-primary{transform:translateY(0)}.nav-primary ul{display:flex;flex-direction:column;justify-content:center;gap:40px;list-style:none;padding:0;margin:0;width:100%;transform:translateY(-70%);transition:transform 1.2s ease-out}.nav-is-active .nav-primary ul{transform:translateY(0)}.nav-primary ul a{display:block;text-align:center;color:var(--color-white)}.nav-primary ul a:hover{color:var(--color-action)}@media screen and (min-width: 1366px){.nav-primary{opacity:0}}.nav-primary__item{font-size:var(--font-size-h1);color:var(--color-black);position:relative}.nav-is-active body{overflow:hidden}@media screen and (min-width: 1440px){.nav-is-active body{overflow:auto}}.icon{fill:currentColor;display:inline-block;flex:0 0 auto;height:1em;vertical-align:middle;width:1em;stroke:rgba(0,0,0,0)}.icon--stroke{fill:var(--color-white);stroke:var(--color-white)}.icon--stroke:hover{stroke:var(--color-secondary);fill:var(--color-secondary)}.icon--xs{height:.75em;width:.75em}.icon--sm{height:.8em;width:.8em}.icon--md{height:2em;width:2em}.icon--lg{height:3em;width:3em}.icon--xl{height:5em;width:5em}.hero-accueil .hero_media{position:relative}.hero-accueil .hero_media .vid{position:relative;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.hero-accueil .gradient{background:linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-accueil .hero_content{position:absolute;left:10%;top:30%}@media screen and (max-width: 768px){.hero-accueil .hero_content{position:unset;margin:var(--spacing-md) 0}}.hero-accueil .hero_content h1{line-height:100%}@media screen and (max-width: 768px){.hero-accueil .hero_content h1{color:var(--color-black)}}.hero-accueil .hero_content h1 span{display:inline-block}.hero-accueil .hero_content h1 span::first-letter{color:var(--color-action)}.hero-accueil .hero_content h1::first-letter{color:var(--color-action)}.hero-accueil .hero_content h2{color:var(--color-white);font-family:var(--font-secondary);margin-bottom:var(--spacing-lg)}@media screen and (max-width: 768px){.hero-accueil .hero_content h2{color:var(--color-black);margin-bottom:var(--spacing-sm)}}.hero-accueil .hero_content a.btn:hover{color:var(--color-black);background-color:var(--color-white)}@media screen and (max-width: 768px){.hero-accueil .hero_content a.btn{padding:10px 20px}}.footer{background-color:var(--color-black);padding:var(--spacing-md) 0}@media screen and (max-width: 768px){.footer .logo{width:15%}}.footer p{font-size:24px;color:var(--color-white)}@media screen and (max-width: 768px){.footer p{font-size:12px;width:45%}}@media screen and (max-width: 768px){.footer .social{display:grid;grid-template-columns:1fr 1fr;gap:10px}}.footer .wrapper{display:flex;justify-content:space-between;align-items:center}.intro{padding:var(--spacing-xxl) 0 var(--spacing-lg)}@media screen and (max-width: 768px){.intro{padding:var(--spacing-md)}}.intro .wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}@media screen and (max-width: 768px){.intro .wrapper{display:unset}}.intro h1{line-height:100%;color:var(--color-black)}.intro h1 span{display:inline-block}.intro h1 span::first-letter{color:var(--color-action)}.intro h1::first-letter{color:var(--color-action)}.intro img{width:30%;height:30%;border:solid var(--color-black) 8px}@media screen and (max-width: 768px){.intro img{width:100%;height:100%;border:solid var(--color-black) 4px;margin-top:var(--spacing-sm)}}.competences{margin-bottom:var(--spacing-md)}.competences h2{text-align:center;font-size:48px}@media screen and (max-width: 768px){.competences h2{font-size:20px}}.competences .types{display:flex;justify-content:space-between;text-align:center}@media screen and (max-width: 768px){.competences .types{flex-direction:column;align-items:center}}.competences .icons{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.competences .icons img{width:20%}}@media screen and (max-width: 768px){.competences .icons #premiere{width:16%}}@media screen and (max-width: 768px){.competences .icons #photoshop{width:30%}}@media screen and (max-width: 768px){.competences .icons #html{width:15%}}@media screen and (max-width: 768px){.competences .icons #css{width:14%}}.passions{padding:var(--spacing-lg) 0 var(--spacing-xl)}@media screen and (max-width: 768px){.passions{padding:0 0 var(--spacing-sm)}}.passions .wrapper{display:flex;gap:var(--spacing-xl);color:var(--color-white);position:relative}@media screen and (max-width: 768px){.passions .wrapper{flex-direction:column;gap:var(--spacing-sm)}}.passions .wrapper .red{width:100%;height:400px;border:solid 12px var(--color-black);position:relative}@media screen and (max-width: 768px){.passions .wrapper .red{border:none;height:100%}}.passions .wrapper .qualites{background-color:var(--color-primary);padding:50px;width:100%;position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:2}@media screen and (max-width: 768px){.passions .wrapper .qualites{position:unset;font-size:14px}.passions .wrapper .qualites h3{font-size:18px}}.passions .wrapper .black{width:100%;background-color:var(--color-black);border:solid 12px var(--color-black);position:relative}@media screen and (max-width: 768px){.passions .wrapper .black{border:none}}.passions .wrapper .interests{background-color:var(--color-secondary);padding:50px;width:100%;position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:2}@media screen and (max-width: 768px){.passions .wrapper .interests{position:unset;font-size:14px}.passions .wrapper .interests h3{font-size:18px}}.passions .wrapper h3{font-family:var(--font-secondary);margin-top:0}.passions .wrapper ul{margin:0}.projects{padding:var(--spacing-xxl)}@media screen and (max-width: 768px){.projects{padding:var(--spacing-md) 0}}.projects .wrapper h1{line-height:100%;color:var(--color-black);margin-bottom:var(--spacing-md)}.projects .wrapper h1::first-letter{color:var(--color-action)}.projects .wrapper .cards{display:flex;flex-direction:column;gap:var(--spacing-xl)}.projects .wrapper .cards .red{width:100%;height:400px;border:solid 12px var(--color-black);position:relative}@media screen and (max-width: 768px){.projects .wrapper .cards .red{border:none;height:100%}}.projects .wrapper .cards .red .card{left:var(--spacing-md)}.projects .wrapper .cards .black{width:100%;background-color:var(--color-black);border:solid 12px var(--color-black);position:relative;height:400px}.projects .wrapper .cards .black .card{right:var(--spacing-md)}@media screen and (max-width: 768px){.projects .wrapper .cards .black{border:none;background:rgba(0,0,0,0);height:100%}}.projects .wrapper .cards .card{display:grid;grid-template-columns:1fr 1fr;align-items:center;background-color:var(--color-secondary);position:absolute;top:var(--spacing-md);width:100%}@media screen and (max-width: 768px){.projects .wrapper .cards .card{grid-template-columns:1fr;background:rgba(0,0,0,0);border:none;position:unset}}.projects .wrapper .cards .card .card_media{display:block;height:100%}.projects .wrapper .cards .card .card_media img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width: 768px){.projects .wrapper .cards .card .card_media{margin-bottom:var(--spacing-md)}}.projects .wrapper .cards .card .hide{display:block}@media screen and (max-width: 768px){.projects .wrapper .cards .card .hide{display:none}}.projects .wrapper .cards .card .show{display:none}@media screen and (max-width: 768px){.projects .wrapper .cards .card .show{display:block}}.projects .wrapper .cards .card .card_content{padding:var(--spacing-lg);display:flex;flex-direction:column}@media screen and (max-width: 768px){.projects .wrapper .cards .card .card_content{padding:0}}.projects .wrapper .cards .card .card_content h3{color:var(--color-white);font-weight:700;margin:0}@media screen and (max-width: 768px){.projects .wrapper .cards .card .card_content h3{color:var(--color-black)}}.projects .wrapper .cards .card .card_content h3::first-letter{color:var(--color-action)}.projects .wrapper .cards .card .card_content h5{color:var(--color-tiercery);font-family:var(--font-secondary);font-weight:400;margin:var(--spacing-sm) 0}@media screen and (max-width: 768px){.projects .wrapper .cards .card .card_content h5{color:var(--color-secondary);margin:10px 0}}.projects .wrapper .cards .card .card_content img{width:10%;margin-bottom:var(--spacing-sm)}@media screen and (max-width: 768px){.projects .wrapper .cards .card .card_content img{margin-bottom:30px}}.hero-fiche .hero_media{position:relative}.hero-fiche .hero_media .vid{position:relative;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.hero-fiche .hero_content{position:absolute;top:30%}.hero-fiche .hero_content h1::first-letter{color:var(--color-action)}@media screen and (max-width: 768px){.hero-fiche .hero_content{position:unset}.hero-fiche .hero_content h1{color:var(--color-black);margin:var(--spacing-sm) 0}.hero-fiche .hero_content img{width:15%}}.hero-fiche .gradient{background:linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.infos{margin:var(--spacing-lg) 0}@media screen and (max-width: 768px){.infos p,.infos li{font-size:14px}}.infos .wrapper .squares{display:flex;flex-direction:column;gap:200px}@media screen and (max-width: 768px){.infos .wrapper .squares{gap:var(--spacing-md)}}.infos .wrapper .black{background-color:var(--color-black);position:relative;z-index:10;height:500px}@media screen and (max-width: 768px){.infos .wrapper .black{background:rgba(0,0,0,0);height:100%}}.infos .wrapper .context{background-color:var(--color-primary);padding:50px;width:100%;color:var(--color-white);position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:3}.infos .wrapper .context ul{list-style:none;padding:0}@media screen and (max-width: 768px){.infos .wrapper .context{position:unset}}.infos .wrapper .border{border:solid 12px var(--color-black);width:100%;position:relative;z-index:10;height:400px}@media screen and (max-width: 768px){.infos .wrapper .border{border:none;height:100%}}.infos .wrapper .description{background-color:var(--color-secondary);padding:50px;width:100%;color:var(--color-white);float:right;position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:3}@media screen and (max-width: 768px){.infos .wrapper .description{position:unset}}.infos .wrapper .inspiration{background-color:var(--color-primary);padding:50px;width:100%;color:var(--color-white);position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:3}@media screen and (max-width: 768px){.infos .wrapper .inspiration{position:unset}}.processus{padding-top:var(--spacing-lg)}@media screen and (max-width: 768px){.processus{padding:0}}.processus .wrapper h2{text-align:center}.processus .wrapper h1{color:var(--color-action)}.processus .wrapper .card{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.processus .wrapper .card .card_content{display:flex;align-items:center;gap:var(--spacing-md)}@media screen and (max-width: 768px){.processus .wrapper .card .card_content{gap:var(--spacing-sm);order:-1}}@media screen and (max-width: 768px){.processus .wrapper .card{grid-template-columns:1fr;gap:var(--spacing-xs);margin:var(--spacing-md) 0}.processus .wrapper .card p{font-size:14px}.processus .wrapper .card h1{font-size:28px}}.processus .wrapper .developpement{background-color:var(--color-secondary);padding:50px;color:var(--color-white);margin:var(--spacing-lg) 0}.processus .wrapper .developpement h2{text-align:left}@media screen and (max-width: 768px){.processus .wrapper .developpement p{font-size:14px}}.final{padding-bottom:var(--spacing-lg)}.final .wrapper{display:flex;justify-content:center}.final .btn:hover{color:var(--color-black)}.contact .wrapper{display:grid;grid-template-columns:1fr 1fr}@media screen and (max-width: 768px){.contact .wrapper{grid-template-columns:1fr}}@media screen and (max-width: 768px){.contact .wrapper .infos{margin:var(--spacing-sm) 0}}.contact h1{line-height:100%;color:var(--color-black)}.contact h1::first-letter{color:var(--color-action)}.contact .links{margin:var(--spacing-md) 0}.contact .links a{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-xs);color:var(--color-black)}.contact .links a:hover{color:var(--color-primary)}.contact .links a p{margin:0}@media screen and (max-width: 768px){.contact .links a p{font-size:14px}}.contact .social{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media screen and (max-width: 768px){.contact .social{flex-direction:row}}.contact .confirmation{padding-top:30%}@media screen and (max-width: 768px){.contact .confirmation{padding-top:0;padding-bottom:var(--spacing-md)}}.contact .confirmation .wrapper{display:flex;flex-direction:column}@media screen and (max-width: 768px){.contact .confirmation .wrapper{margin:0}}.contact .confirmation .wrapper p{margin:0}.error{padding:var(--spacing-lg)}.error h1{color:var(--color-black);margin:var(--spacing-md) 0}.error a.btn:hover{color:var(--color-black)}.has-js [data-scrolly=fromBottom]{opacity:0;transform:translateY(60px);transition:all .4s ease-out}.has-js [data-scrolly=fromBottom].is-active{opacity:1;transform:translateY(0)}.has-js [data-scrolly=fromLeft]{opacity:0;transform:translateX(-60px);transition:all .4s ease-out}.has-js [data-scrolly=fromLeft].is-active{opacity:1;transform:translateX(0)}.has-js [data-scrolly=fromTop]{opacity:0;transform:translateY(-60px);transition:all .4s ease-out}.has-js [data-scrolly=fromTop].is-active{opacity:1;transform:translateY(0)}.has-js [data-scrolly=fromRight]{opacity:0;transform:translateX(60px);transition:all .4s ease-out}.has-js [data-scrolly=fromRight].is-active{opacity:1;transform:translateX(0)}.has-js [data-scrolly=fromWidth]{width:50%;transition:width 2s}.has-js [data-scrolly=fromWidth].is-active{width:100%}.has-js [data-scrolly=fromSpin]{width:50%;transition:width 1s,height 1s,transform 1s}.has-js [data-scrolly=fromSpin].is-active{width:100%;transform:rotate(360deg)}div.form{padding:var(--spacing-lg) 0}@media screen and (max-width: 768px){div.form{padding:0}}div.form .button{cursor:pointer;margin:var(--spacing-md) 0 0;background-color:var(--color-action);border:solid 3px var(--color-action);padding:20px 40px;border-radius:10px;color:var(--color-white)}div.form .button:hover{color:var(--color-black);background:rgba(0,0,0,0)}@media screen and (max-width: 768px){div.form .button{padding:10px 20px;margin-bottom:var(--spacing-md)}}div.form h5{margin:0 0 calc(var(--spacing-sm) - var(--spacing-xs)*2)}div.form form.form{--input-padding: 1em}div.form form.form fieldset{border:none;padding:0}div.form form.form .grid{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}div.form .form__footer{display:flex;justify-content:flex-start}div.form .form__confirmation{display:none}div.form .is-sent .form__confirmation{display:block}div.form .is-sent .form__body{display:none}div.form .input p{margin:var(--spacing-xs) 0;color:var(--color-action);display:none}div.form .input .input__element{background-color:var(--color-white);border:1px var(--color-black) solid;cursor:pointer;font-family:inherit;outline:none;padding:var(--input-padding);width:100%;height:var(--spacing-lg)}@media screen and (max-width: 768px){div.form .input .input__element{height:var(--spacing-md)}}div.form .input .input__element:hover,div.form .input .input__element+.input__label:hover::before{border:1px var(--color-primary) solid}div.form .input .input__element:focus,div.form .input .input__element:-webkit-autofill:focus,div.form .input .input__element:focus+.input__label::before{background:var(--color-white);border:2px var(--color-black) solid}div.form .textarea .input__element{resize:vertical;height:var(--spacing-xxl)}div.form .error{padding:0}div.form .error p{display:block}div.form .error .input__label{color:var(--color-action)}.u-grid-fullwidth{grid-column:1/-1 !important}