:root{font-family:Noto Sans Displat,sans-serif;line-height:1.5;font-weight:400;color:#3e2c41}a{color:#3e2c41;text-decoration:none}a:hover{color:#3e2c41;font-weight:700}body{margin:30px 150px;background-color:#b4a7bd;display:flex;flex-direction:column;justify-content:center}h1{font-size:3em;line-height:1.1}h1,h2,h3,h4,h5,h6{font-family:Bodoni Moda,serif;color:#3e2c41;margin:0}p{font-family:Noto Sans Display,sans-serif;color:#281d2a}@media(max-width:1024px){body{margin:30px 80px}}@media(max-width:992px){body{margin:30px}p{font-size:.85em}h1{font-size:2.5em}}@media(max-width:768px){body{margin:20px 30px}}@media(max-width:600px){body{margin-top:40px}p{font-size:.75em}h1{font-size:2em}}.footer{text-align:center;padding:20px 0}.page-accueil{display:flex;height:100%;justify-content:space-between;align-items:center}.page-accueil__presentation{width:60%}.page-accueil__presentation--title{margin-bottom:50px}.page-accueil__presentation--description{padding-right:20%}.page-accueil__nav{display:flex;flex-direction:column;width:40%}.page-accueil__nav--link{font-size:6em;font-family:Bodoni Moda,serif;margin-bottom:3rem}.page-accueil__nav--link:hover{text-decoration:none;font-style:italic}@media(max-width:992px){.page-accueil{margin-right:0}.page-accueil__presentation{width:100%;margin-bottom:2rem}.page-accueil__presentation--title{margin-bottom:20px}.page-accueil__nav{width:100%}.page-accueil__nav--link{margin-bottom:1.25rem;font-size:5em}}@media(max-width:768px){.page-accueil{margin-right:30px}.page-accueil__nav{align-items:end}}@media(max-width:600px){.page-accueil{display:block}.page-accueil__presentation{margin-bottom:2rem}.page-accueil__nav{align-items:start}.page-accueil__nav--link{font-size:4em}}.header{display:flex;width:100%;margin:30px 0}.header__page-title{margin-right:50px}.header__nav{width:60%;display:flex}.header__nav--link{margin-right:30px}@media(max-width:600px){.header{flex-wrap:wrap;margin:0}.header__nav{margin:20px 10px}}.works-page__card{background-color:#eae7ed;margin:0;border-radius:10px;height:100%;position:relative}.works-page__card--name{position:absolute;bottom:15px;left:15px;border-radius:50px;background-color:#eae7ed;padding:10px 15px}.works-page__card--image{object-fit:cover;height:100%;width:100%;border-radius:10px}@media(max-width:992px){.works-page__card--name{font-size:.85em;padding:5px 10px}}@media(max-width:768px){.works-page__card--name{bottom:15px;left:15px}}@media(max-width:600px){.works-page__card--name{bottom:10px;left:10px;font-size:.75em;padding:5px 10px}}.works-page{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:110px 110px 110px 110px 110px 110px 110px 110px 110px;gap:10px 20px}.works-page__card-1{grid-column:1/span 5;grid-row:1/span 5}.works-page__card-2{grid-column:6/span 6;grid-row:1/span 3}.works-page__card-3{grid-column:7/span 4;grid-row:4/span 3}.works-page__card-4{grid-column:2/span 5;grid-row:7/span 3}.works-page__card-5{grid-column:8/span 4;grid-row:8/span 7}.works-page__card-6{grid-column:1/span 7;grid-row:10/span 3}.works-page__card-7{grid-column:1/span 5;grid-row:14/span 5}.works-page__card-8{grid-column:6/span 5;grid-row:16/span 4}@media(max-width:768px){.works-page{display:flex;flex-wrap:wrap;justify-content:center}.works-page__card-1,.works-page__card-2,.works-page__card-3,.works-page__card-4,.works-page__card-5{height:250px;width:48%;gap:10px}}@media(max-width:600px){.works-page{flex-direction:column;align-items:center}.works-page__card-1,.works-page__card-2,.works-page__card-3,.works-page__card-4,.works-page__card-5{height:250px;width:100%}}.works-page__process__step-section{margin-top:30px}.works-page__process__step-section--title{margin-left:30px}.works-page__process__step-section__container{display:flex;margin-top:20px;position:relative}.works-page__process__step-section__container__images{position:relative;width:100%}.works-page__process__step-section__container__images--gradient{position:absolute;inset:0;pointer-events:none;z-index:10;background:linear-gradient(to left,#B4A7BD 25%,transparent 55%);border-radius:20px}.works-page__process__step-section__container__description{position:absolute;right:0;width:30%;top:5%;z-index:100}@media(max-width:768px){.works-page__process__step-section{margin-top:15px}.works-page__process__step-section__container{margin-top:10px;flex-direction:column}.works-page__process__step-section__container__images{position:relative;width:100%;height:300px}.works-page__process__step-section__container__images--gradient{display:none}.works-page__process__step-section__container__description{position:relative;width:100%}}.caroussel{position:relative;width:100%;height:500px;overflow:hidden}.caroussel__image{position:absolute;background-color:#eae7ed;border-radius:20px;height:80vh;width:80%;object-fit:contain;inset:0;object-position:center;opacity:0;transform:scale(1.02);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform;pointer-events:none;cursor:pointer}.caroussel__image.active{opacity:1;transform:scale(1);pointer-events:auto;border-radius:20px;height:100%}.caroussel__button--prev,.caroussel__button--next{display:none}.modale{position:fixed;inset:0;background-color:#3e2c41e6;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-in-out}.modale__content{position:relative;width:90%;height:90%;max-width:1200px;border-radius:10px}.modale__content__close{top:20px;right:20px}.modale__content__arrow--prev,.modale__content__arrow--next,.modale__content__close{position:absolute;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#0003;color:#b4a7bd;border-radius:50%;border:none;font-size:24px;cursor:pointer;transition:background-color .3s}.modale__content__arrow--prev:hover,.modale__content__arrow--next:hover,.modale__content__close:hover{background-color:#0006}.modale__content__arrow--prev{top:50%;left:30px}.modale__content__arrow--next{top:50%;right:30px}.modale__image{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.caroussel{height:300px}.caroussel__image{height:300px;width:100%;object-fit:contain;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);will-change:initial}.caroussel__image.active{pointer-events:none}.caroussel__button--prev,.caroussel__button--next{display:block;position:absolute;z-index:10;border:none;background-color:transparent;cursor:pointer}.caroussel__button--next{top:50%;right:5%}.caroussel__button--prev{top:50%;left:5%}.caroussel__button--icon{color:#eae7ed;transition:color .3s ease-in-out}.caroussel__button--icon:hover{color:#3e2c41}}@media(max-width:600px){.caroussel,.caroussel__image{height:300px}}.caroussel_dots{display:flex;justify-content:center;gap:15px;position:relative;z-index:30;padding:15px;bottom:-90%}.caroussel_dots__button{height:10px;width:10px;border-radius:50%;border:2px #3E2C41 solid;cursor:pointer}.caroussel_dots__button__active{height:10px;width:10px;border-radius:50%;border:2px #3E2C41 solid;background-color:#3e2c41}.modale_dots{display:flex;justify-content:center;gap:15px;position:relative;z-index:30;padding:15px;top:-50px}.modale_dots__button{height:10px;width:10px;border-radius:50%;border:2px #3E2C41 solid;cursor:pointer}.modale_dots__button__active{height:10px;width:10px;border-radius:50%;border:2px #3E2C41 solid;background-color:#3e2c41}.worksDetails-page__description{display:flex;margin:50px 0}.worksDetails-page__description--image{background-color:#eae7ed;height:300px;width:40%;border-radius:20px;object-fit:cover}.worksDetails-page__description__presentation{width:60%;margin-left:30px}.worksDetails-page__description__presentation__header{display:flex;align-items:center}.worksDetails-page__description__presentation__header__link--background{background-color:#eae7ed;border-radius:50px;padding:5px;height:30px;width:30px;margin-left:30px}.worksDetails-page__description__presentation__header__link--image{height:30px;width:30px}.worksDetails-page__description__presentation__text{margin-top:30px}.worksDetails-page__description__presentation__text--text{margin:0}.worksDetails-page__process{margin-bottom:50px}.worksDetails-page__process--image{background-color:#eae7ed;height:700px;width:100%;border-radius:20px}.worksDetails-page__skills--title{text-align:center}.worksDetails-page__skills__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:0 50px}.worksDetails-page__skills__list--item{padding:5px 30px;margin:10px 20px;background-color:#eae7ed;border-radius:30px;text-align:center}.worksDetails-page__subtitles{margin-bottom:20px}@media(max-width:768px){.worksDetails-page{margin:0}.worksDetails-page__description{flex-direction:column-reverse;margin:10px 0}.worksDetails-page__description--image{height:250px;width:100%}.worksDetails-page__description__presentation{width:100%;margin:0}.worksDetails-page__description__presentation__header__link--background{height:25px;width:25px;margin-left:15px}.worksDetails-page__description__presentation__header__link--image{height:25px;width:25px}.worksDetails-page__description__presentation__text{margin:10px 0}.worksDetails-page__process{margin-bottom:25px}.worksDetails-page__process--image{height:300px}.worksDetails-page__skills__list{padding:0}.worksDetails-page__skills__list--item{margin:5px 10px}.worksDetails-page__subtitles{margin-top:20px}}@media(max-width:600px){.worksDetails-page__description--image{height:150px}.worksDetails-page__description__presentation{width:100%;margin:0}.worksDetails-page__description__presentation__header__link--background,.worksDetails-page__description__presentation__header__link--image{height:20px;width:20px}.worksDetails-page__process{margin-bottom:25px}.worksDetails-page__process--image{height:300px}.worksDetails-page__skills__list--item{padding:5px 20px}.worksDetails-page__subtitles{margin-bottom:10px}}.error-page{height:100vh;margin-top:200px;text-align:center}.error-page__title{font-size:8em;margin-bottom:4rem}.error-page__text{margin-bottom:3rem;font-size:1.5em}.error-page__link{font-size:1em}.about-page{margin-top:50px}.about-page__section-who{position:relative;margin-bottom:50px}.about-page__section-who--text{margin:10px 0 0 30px;width:60%}.about-page__section-who--link{position:absolute;background-color:#eae7ed;border-radius:50px;padding:10px 40px;text-align:center;right:15%;top:20%;font-size:1.5em}.about-page__section-who--link:hover{text-decoration:none}.about-page__section-how{margin-bottom:50px}.about-page__section-how--text{margin:10px 0 0 30px;width:80%}.about-page__section-skills{display:flex;align-items:center;justify-content:space-around;margin-bottom:50px}.about-page__section-skills__soft-skills,.about-page__section-skills__hard-skills{width:45%;text-align:center}.about-page__section-skills__soft-skills--subtitle,.about-page__section-skills__hard-skills--subtitle{margin-bottom:15px}.about-page__section-skills__soft-skills__list,.about-page__section-skills__hard-skills__list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.about-page__section-skills__soft-skills__list--item,.about-page__section-skills__hard-skills__list--item{background-color:#eae7ed;border-radius:50px;padding:5px 15px;margin:0}.about-page__section-links--subtitle{margin-bottom:15px;text-align:center}.about-page__section-links__list{display:flex;justify-content:space-between}.about-page__section-links__list--link{background-color:#eae7ed;border-radius:50px;width:30%;padding:10px 0;text-align:center;font-size:1.5em}.about-page__section-links__list--link:hover{text-decoration:none}@media(max-width:992px){.about-page__section-who--link{top:50%;padding:10px 20px;font-size:1em}.about-page__section-skills{align-items:start}.about-page__section-links__list--link{font-size:1em}}@media(max-width:768px){.about-page{margin-top:10px}.about-page__section-who{margin-bottom:20px}.about-page__section-who--text{width:90%}.about-page__section-who--link{display:block;padding:10px;font-size:1em;position:initial;margin-top:10px}.about-page__section-links__list--link{font-size:1em}}@media(max-width:600px){.about-page{margin-top:10px}.about-page__section-who{margin-bottom:20px}.about-page__section-who--text{width:90%}.about-page__section-who--link{display:block;padding:10px;font-size:1em;position:initial;margin-top:10px}.about-page__section-skills{flex-direction:column}.about-page__section-skills__soft-skills,.about-page__section-skills__hard-skills{width:100%}.about-page__section-links__list{flex-direction:column;gap:10px}.about-page__section-links__list--link{font-size:1em;width:100%}.about-page__section-links__list--link:hover{text-decoration:none;font-weight:700}}.contact-page__description{margin-top:50px}.contact-page__links{margin-top:50px;display:flex;justify-content:space-around;align-items:center}.contact-page__links--link{height:121px;width:121px;padding:5px;border-radius:20px;background-color:#eae7ed}.contact-page__links--image{height:121px;width:121px}@media(max-width:992px){.contact-page__links--link{height:90px;width:90px;border-radius:15px}.contact-page__links--image{height:90px;width:90px}}@media(max-width:768px){.contact-page__description,.contact-page__links{margin-top:30px}.contact-page__links--link{height:70px;width:70px;border-radius:15px}.contact-page__links--image{height:70px;width:70px}}@media(max-width:600px){.contact-page__links--link{height:50px;width:50px;border-radius:10px}.contact-page__links--image{height:50px;width:50px}}