@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}ul,ol{list-style:none}a{text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}body{background-color:var(--background-body);color:var(--color-text);font-family:var(--font-primary);line-height:var(--line-height-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);text-align:center;text-transform:uppercase}h1{color:var(--text-black);font-size:2rem;padding-top:2rem}@media (min-width: 1024px){h1{font-size:3.5rem}}h2{font-size:1.75rem;padding-top:1rem}@media (min-width: 1024px){h2{font-size:2.5rem}}h3{font-size:1.5rem;margin-top:1rem;padding-top:.3rem;border-top:.2rem solid var(--color-text);width:fit-content;margin-inline:auto;line-height:1.2}@media (min-width: 1024px){h3{font-size:2rem;margin-top:1.5rem}}h3+ul,h3+section,h3+div{margin-top:1rem}h4{font-size:1.25rem;margin-left:1rem;margin-top:clamp(.2rem,.5vw,.3rem);max-width:20rem;padding:.5rem;border:.2rem solid var(--color-hero);border-image:linear-gradient(to right,var(--blue-green),transparent) 1}@media (min-width: 1024px){h4{font-size:1.5rem}}p{font-family:var(--font-tertiary);margin:.5rem 1rem;font-size:1rem;letter-spacing:.02rem;word-spacing:.02rem}@media (min-width: 1024px){p{font-size:1.1rem;margin:1rem auto;max-width:70ch}}em{font-style:normal;font-weight:700}.header{box-shadow:0 0 5px #548072;background:var(--background-entete);border-radius:.3rem;position:sticky;top:0;display:flex;justify-content:space-between;z-index:2;padding:clamp(.5rem,2vw,2rem)}.header__returnhome{height:auto;width:clamp(2.8rem,8vw,5.5rem)}.header__nav{display:none}@media (min-width: 768px){.header__nav{display:flex}.header__nav-list{display:flex;align-items:center;gap:clamp(1rem,8vw,10rem)}.header__nav-list a{color:var(--color-text);max-width:100%;font-size:clamp(1.5rem,2vw,2rem)}}@media (min-width: 768px) and (hover: hover){.header__nav-list a:hover{color:var(--color-passagesouris)}}@media (min-width: 768px) and (min-width: 1024px){.header__nav-list a{font-size:2.3rem}}.header__right{display:flex;align-items:center;gap:1rem}.header__right .socials{display:flex;gap:clamp(1.2rem,1.8vw,2rem)}.header__right .socials__icon{background-color:var(color-text);width:clamp(1.4rem,1.7vw,1.9rem);fill:var(--color-text)}.header__right .socials__icon:hover{fill:var(--color-primary)}.header__right .burger{background:none;border:none;width:2.1rem;height:2.1rem;position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.header__right .burger{display:none}}.header__right .burger .burger__bar{display:block;width:1.3rem;height:.2rem;background-color:var(--color-text);position:absolute;transition:transform .3s ease,opacity .3s ease;z-index:3}.header__right .burger .burger__bar:before,.header__right .burger .burger__bar:after{display:block;width:1.3rem;height:.2rem;background-color:var(--color-text);position:absolute;transition:transform .3s ease,opacity .3s ease;content:""}.header__right .burger .burger__bar:before{transform:translateY(-.5rem)}.header__right .burger .burger__bar:after{transform:translateY(.5rem)}.header__right .burger[aria-pressed=true] .burger__bar{background-color:transparent}.header__right .burger[aria-pressed=true] .burger__bar:before{transform:rotate(45deg)}.header__right .burger[aria-pressed=true] .burger__bar:after{transform:rotate(-45deg)}.header__right .mobileMenu{background:none;border:none;position:fixed;top:-.5rem;left:.5rem;width:100%;height:100%;z-index:2;display:flex;justify-content:flex-end;align-items:flex-start}.header__right .mobileMenu__nav{background:var(--background-entete);width:50%;padding:2rem 1rem;box-shadow:0 0 15px #16969680;border-radius:.5rem}.header__right .mobileMenu__nav-list{padding:0;margin:0;display:flex;flex-direction:column;align-items:center}.header__right .mobileMenu__nav-list li{margin-top:1.5rem}.header__right .mobileMenu__nav-list li a{color:var(--color-text);max-width:100%;font-size:clamp(1.5rem,2vw,2rem)}@media (hover: hover){.header__right .mobileMenu__nav-list li a:hover{color:var(--color-passagesouris)}}.footer{box-shadow:0 0 5px #548072;background:var(--background-entete);border-radius:.3rem;border-bottom:1px solid var(--background-entete);text-align:center}.footer__legal{color:var(--color-text);max-width:100%;font-size:clamp(1.5rem,2vw,2rem);font-size:1rem}@media (hover: hover){.footer__legal:hover{color:var(--color-passagesouris)}}.footer__copyright{font-size:.8rem;margin:.5rem 0}.card{display:flex;flex-direction:column;height:100%;flex:0 0 100%;background:#fff;border-radius:12px;box-shadow:0 0 10px #0000000d;transition:transform .2s ease;max-width:600px}@media (hover: hover){.card:hover{transform:translateY(-5px)}}@media (min-width: 1024px){.card{flex:0 0 calc(33.33% - 1.35rem);flex-wrap:wrap;gap:2rem}}.card .modal-trigger{position:relative;border-radius:12px;box-shadow:0 4px 6px #00000098;display:flex;flex-direction:column}.card .modal-trigger img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:12px 12px 0 0;transition:filter .3s ease;max-height:none}@media (hover: hover){.card .modal-trigger img{cursor:pointer}.card .modal-trigger img:hover{filter:brightness(.9)}}.card .modal-trigger .see-more{display:block;font-size:.9rem;text-align:center;padding:1rem;color:var(--blue-green);font-weight:700}@media (hover: hover){.card .modal-trigger .see-more:hover{text-decoration:underline;cursor:pointer}}.card-info{padding:0 .5rem}.card-info .meta{font-size:.9rem;color:#4d7568}@media (min-width: 768px){.card-info{margin-top:1rem}}.card-footer{padding:0 .5rem .5rem}.card-footer .external-link{display:inline-block;color:var(--blue-green);font-weight:700;border:1px solid var(--blue-green);padding:.6rem 1rem;border-radius:8px;width:100%;text-align:center;transition:all .3s ease}@media (hover: hover){.card-footer .external-link:hover{cursor:pointer;background-color:var(--blue-green);color:#fff!important}}.card-footer .no-link{display:inline-block;padding:0 1rem 1rem;font-weight:700;width:100%;text-align:center}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:.8rem}.modal-backdrop .modal-content{background:#fff;width:100%;max-width:90vw;max-height:90vh;overflow-y:auto;border-radius:12px;padding:1rem;position:relative;box-shadow:0 10px 25px #0000004d;scrollbar-width:thin;scrollbar-color:#548072 #d6e7e1}@media (min-width: 1024px){.modal-backdrop .modal-content{padding:2rem}}.modal-backdrop .modal-content .modal-close,.modal-backdrop .modal-content .modal-next,.modal-backdrop .modal-content .modal-prev{position:absolute;top:10px;background:none;border:none;font-size:1.5rem;color:var(--blue-green)}@media (hover: hover){.modal-backdrop .modal-content .modal-close,.modal-backdrop .modal-content .modal-next,.modal-backdrop .modal-content .modal-prev{cursor:pointer}}.modal-backdrop .modal-content .modal-close{right:10px}.modal-backdrop .modal-content .modal-prev{left:10px}.modal-backdrop .modal-content .modal-next{right:70px}.modal-backdrop .modal-content header{margin-top:1rem}.modal-backdrop .modal-content header .date{font-size:.9rem;color:#4d7568;text-align:center}.modal-backdrop .modal-content .modal-layout-container{display:flex;flex-direction:column}@media (min-width: 1024px){.modal-backdrop .modal-content .modal-layout-container{flex-direction:row;align-items:flex-start;gap:1.5rem}}.modal-backdrop .modal-content .image{display:flex;flex-direction:column}@media (min-width: 1024px){.modal-backdrop .modal-content .image{position:sticky;top:0}}.modal-backdrop .modal-content .image__gallery{margin-bottom:.5rem;display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.modal-backdrop .modal-content .image__gallery{max-height:80vh;overflow-y:auto;padding-right:1rem}}.modal-backdrop .modal-content .image__gallery img{width:100%;height:auto;display:block;border-radius:8px;transition:transform .2s ease;border:1px solid rgba(84,128,114,.2);box-shadow:0 4px 6px #0000001a}.modal-backdrop .modal-content .image__gallery img:active{transform:scale(.98);filter:brightness(.9)}@media (hover: hover){.modal-backdrop .modal-content .image__gallery img{cursor:zoom-in}}.modal-backdrop .modal-content .image .tips{font-size:.9rem;color:#4d7568;margin:0;padding-bottom:1rem}.modal-backdrop .modal-content .modal-body{display:flex;flex-direction:column;gap:1rem}.modal-backdrop .modal-content .modal-body .collaborators{padding-top:.8rem;border-top:1px solid #eee}.modal-backdrop .modal-content .modal-body .collaborators .collab-item{margin-top:.5rem}.modal-backdrop .modal-content .modal-body .collaborators .collab-item a{color:var(--blue-green)}@media (hover: hover){.modal-backdrop .modal-content .modal-body .collaborators .collab-item a:hover{text-decoration:underline}}.modal-backdrop .modal-content .modal-footer a{display:inline-block;color:var(--blue-green);font-weight:700;border:1px solid var(--blue-green);padding:.6rem 1rem;border-radius:8px;width:100%;text-align:center;transition:all .3s ease;margin-top:1rem}@media (hover: hover){.modal-backdrop .modal-content .modal-footer a:hover{cursor:pointer;background-color:var(--blue-green);color:#fff!important}}.modal-backdrop .modal-content .zoom-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-backdrop .modal-content .zoomed-image{max-width:98%;max-height:90%;object-fit:contain}.portfolio-container{background-color:var(--bleugris-clair);padding:2rem}.portfolio-container .title{margin-bottom:1rem}.portfolio-container .subtitle{font-style:italic;color:#555;text-align:center}.portfolio-container .category-section{margin-bottom:1rem}.portfolio-container .category-section h2{margin-top:2rem}.portfolio-container .category-section .project-flex{margin-top:1rem}@media (min-width: 768px){.portfolio-container .category-section .project-flex{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}}.portfolio-container .project-card{margin-bottom:1.5rem}.legal-container{max-width:1000px;margin:2rem auto;padding:0 1.5rem;line-height:1.6}.legal-container h2:after{content:"";display:block;width:60px;height:4px;background:var(--blue-green);margin:.5rem auto;border-radius:2px}.legal-container .last-update{text-align:center;font-style:italic;color:#666;margin-bottom:3rem}.legal-container section{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem;padding:2rem;background:#fdfdfd;border-radius:12px;border:1px solid rgba(84,128,114,.1)}@media (hover: hover){.legal-container section{transition:box-shadow .3s ease}.legal-container section:hover{box-shadow:0 10px 30px #0000000d}}.legal-container section .column ul li{margin-bottom:.5rem;display:flex;align-items:center}.legal-container section .column ul li:before{content:"→";color:var(--blue-green);margin-right:10px}.legal-container section .column a{color:var(--blue-green);font-weight:500}@media (hover: hover){.legal-container section .column a{transition:color .2s ease}.legal-container section .column a:hover{text-decoration:underline;color:#406157}}.legal-container .misc-info{text-align:center}.not-found{display:flex;justify-content:center;align-items:center;min-height:70vh;text-align:center;padding:2rem}.not-found .not-found-content h1{font-size:8rem;color:var(--blue-green);margin:0;line-height:1;font-weight:800;opacity:.8}.not-found .not-found-content h2{font-size:2rem;margin:1rem 0;color:#333}.not-found .not-found-content p{font-size:1.1rem;color:#666;margin-bottom:2rem}.not-found .not-found-content .btn-home{display:inline-block;padding:.8rem 1.5rem;background-color:var(--blue-green);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:transform .2s,background .2s}.not-found .not-found-content .btn-home:hover{transform:scale(1.05);filter:brightness(1.1)}.about{background-color:var(--background-entete);padding:1.5rem 0;display:flex;justify-content:center}@media (min-width: 1024px){.about{display:flex;align-items:center}}.about__profilpicture{display:none}@media (min-width: 1024px){.about__profilpicture{display:block;flex-shrink:0;object-fit:cover;width:24rem;height:fit-content}}@media (min-width: 1024px){.about__articles{width:75%;display:flex;flex-direction:column}}.about__articles-text li{margin:1rem}.about__articles-text--style{text-align:justify;margin-bottom:1.5rem}.about__articles-text--style i{font-size:large}.about__articles-text--style a{color:var(--text-black);font-weight:700}.hero{background-color:var(--color-hero);display:flex;flex-direction:column;text-align:center}.hero p{color:var(--text-black)}.hero__left-name{margin-bottom:1rem;font-weight:700}.hero__right-mobile{display:flex;justify-content:space-between;margin:0 1rem}.hero__right-mobile--horizontal{width:30%;object-fit:cover}.hero__right-desktop{display:none}.hero__right-desktop--vertical{width:30%;object-fit:cover}.hero__right-subtitlePicture{font-size:clamp(.8rem,1.8vw,1rem)}.skills{margin:.5rem .5rem 2rem}.skills p{text-align:center}.skills header{margin-bottom:1rem}.skills__items{padding:.5rem}.skills__items ul{padding:0}.skills__items ul li{margin-bottom:1.5rem}.skills__items ul li p{position:relative;padding-left:1.2rem;text-align:left}.skills__items ul li p:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:var(--blue-green)}.skills__tools-category{margin-bottom:3rem}.skills__tools-category h4{margin-bottom:1.5rem}.skills__tools-imgskills{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.skills__tools-imgskills--circular{display:flex;flex-direction:column;align-items:center;width:clamp(8rem,15vw,10rem);height:clamp(8rem,15vw,10rem);border-radius:50%;margin:.5rem;justify-content:center;box-shadow:0 .1rem .8rem var(--blue-skills);transition:transform .3s ease;backface-visibility:hidden;transform:translateZ(0)}.skills__tools-imgskills--circular:hover{transform:scale(1.05)}.skills__tools-imgskills--circular .iconsTools{max-width:clamp(5rem,10vw,7rem);max-height:clamp(4rem,8vw,6rem);object-fit:cover}.skills__tools-imgskills--circular .iconsTools__name{font-size:.9rem;font-family:var(--font-tertiary);font-weight:500}.c-form{width:95%;padding:1.5rem;background:var(--background-body);border-radius:15px;border:1px solid var(--background-clair);box-shadow:0 10px 25px #00330d0d;display:flex;flex-direction:column;gap:1.5rem}.c-form__group{display:flex;flex-direction:column;gap:.5rem}.c-form__label{font-weight:700;display:flex;gap:5px}.c-form__label .required-star{color:var(--error)}.c-form__label--optional{font-family:var(--font-tertiary);font-weight:400;font-size:.75rem;color:var(--blue-green);background:var(--background-entete);padding:.2rem .3rem;border-radius:10px;margin-left:auto}.c-form__counter{text-align:right;font-size:.8rem;color:gray}.c-form__counter--invalid{color:red}.c-form__error{color:var(--error);font-size:.85rem;margin-top:.2rem;font-weight:500;text-align:left;animation:fadeInError .3s ease}.c-form__input--error{border-color:var(--error)!important;background-color:#e74c3c0d!important}.c-form__input,.c-form__textarea{padding:1rem;border:2px solid transparent;border-radius:10px;background-color:var(--background-entete);color:var(--color-text);font-family:var(--font-tertiary);transition:all .3s ease;resize:vertical}.c-form__input:focus,.c-form__textarea:focus{outline:none;background-color:var(--background-body);border-color:var(--blue-green);box-shadow:0 0 0 4px #1696961a;transform:translateY(-2px)}.c-form__textarea{min-height:150px}.c-form__footer{margin-top:1rem;padding:1.2rem;background:var(--background-entete);border-radius:10px}.c-form__required-note{font-size:.8rem;margin-bottom:.8rem;color:var(--color-hero);font-style:italic}.c-form__consent{display:flex;gap:12px;align-items:flex-start}.c-form__consent input[type=checkbox]{min-width:20px;height:20px;accent-color:var(--blue-green);cursor:pointer}.c-form__consent label{font-size:.85rem;line-height:1.4;color:var(--color-text)}.c-form__submit{cursor:pointer;padding:1.2rem;border:none;border-radius:10px;background:linear-gradient(135deg,var(--color-hero) 0%,var(--blue-green) 100%);color:#fff;font-family:var(--font-secondary);font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .4s ease;box-shadow:0 4px 15px #1696964d}.c-form__submit:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 6px 20px #16969666;transform:scale(1.02)}.c-form__submit--disabled{background:#d6e7e1;box-shadow:none;cursor:not-allowed;color:var(--color-hero);opacity:.6}@media (min-width: 1024px){.c-form{max-width:900px;padding:3.5rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.c-form__group:nth-child(1),.c-form__group:nth-child(2){grid-column:span 1}.c-form__group:nth-child(3),.c-form__group:nth-child(4),.c-form__group:nth-child(5),.c-form__footer,.c-form__submit{grid-column:span 2}.c-form__textarea{min-height:200px}}@keyframes fadeInError{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}:root{--background-body: #ffffff;--background-entete: #eef7f4;--background-clair: #d6e7e1;--color-hero: #548072;--color-text: #00330d;--text-black: #050505;--color-passagesouris: #0ace0a;--error: #CF1F31;--blue-green: #169696;--blue-skills: #a2caff;--violet: #5c5480;--bleugris-clair: #d6e5e7;--font-primary: "Franklin Gothic", "Arial Narrow", Arial, sans-serif;--font-secondary: "Playfair Display", serif;--font-tertiary: "Segoe UI", Tahoma, Verdana, sans-serif;--font-size-base: 16px;--line-height-base: 1.5}.contact-intro,.insta-feed{text-align:center;background-color:var(--bleugris-clair)}.contact-intro{display:flex;flex-direction:column;align-items:center;padding-bottom:1rem}.contact-intro__title{display:inline-block;padding-bottom:.5rem;border-bottom:.2rem solid var(--color-hero);border-image:linear-gradient(to right,var(--blue-green),transparent) 1;margin-bottom:1.5rem}.contact-intro__text{margin:.5rem .5rem 3rem;color:var(--color-text);max-width:700px}.contact-intro__response{font-weight:600;color:var(--blue-green);margin-top:-1.5rem;margin-bottom:3rem}