@import "https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";:root{--primary-color:#131313;--primary-color-hover:#333438;--secondary-color:#333438;--secondary-color-hover:#505056;--tertiary-color:#657969;--tertiary-color-hover:#7c9281;--clear-color:#f1eeee;--clear-color-hover:#d6d3d3;--text-color-plain:#e5e5e5;--text-color-light:#afceb6;--text-color-dark:#1f1f1f;--space-0:0px;--space-XXXS:4px;--space-XXS:8px;--space-XS:12px;--space-S:16px;--space-SM:20px;--space-M:24px;--space-ML:32px;--space-L:44px;--space-XL:60px;--space-XXL:80px;--space-XXXL:120px;--h1-font:100 4rem/60px "Afacad Flux", sans-serif;--h1-spacing:.02em;--h2-font:700 2.8rem/60px "DM Serif Display", serif;--h2-spacing:.01em;--h2-S-font:700 2.8rem/60px "DM Serif Display", serif;--h3-font:700 2rem/1.2 "DM Serif Display", serif;--h3-spacing:.01rem;--h3-S-font:700 1.6rem/1.2 "DM Serif Display", serif;--h3-step-font:700 2rem/1.2 "DM Serif Display", sans-serif;--h3-step-spacing:.02rem;--h4-font:600 1.6rem/1 "DM Serif Display", serif;--h4-spacing:.03 rem;--chapo-font:100 1.6rem/1.6 "Afacad Flux", sans-serif;--chapo-spacing:.02em;--chapo-S-font:100 1.4rem/1.6 "Afacad Flux", sans-serif;--body-S-font:normal 1.2rem/1.4 "Afacad Flux", sans-serif;--body-S-spacing:.04;--body-M-font:300 1.2rem/1.6 "Afacad Flux", sans-serif;--body-M-spacing:0;--body-L-font:300 1.55rem/1.4 "Afacad Flux", sans-serif;--body-L-spacing:0;--legend-font:200 1.1rem/1.4 "Afacad Flux", monospace;--legend-spacing:.02rem;--ProjectItem-sector-font:400 1.1rem/1.2 "Afacad Flux", sans-serif;--ProjectItem-sector-spacing:.04rem;--sector-S-font:600 .9rem/1.2 "Afacad Flux", sans-serif;--button-font:1.2rem/1 "Afacad Flux", sans-serif;--button-spacing:0;--label-font:200 1.1rem/1.2 "Afacad Flux", sans-serif;--label-spacing:.04rem;--label-S-font:400 .9rem/1.2 "Afacad Flux", sans-serif;--border-S-width:1.6px;--border-M-width:2px;--border-L-width:4px}@media screen and (width<=600px){:root{--space-0:0px;--space-XXXS:4px;--space-XXS:4px;--space-XS:8px;--space-S:12px;--space-SM:16px;--space-M:20px;--space-ML:24px;--space-L:32px;--space-XL:48px;--space-XXL:56px;--space-XXXL:80px;--h1-font:100 3.2rem/54px "Afacad Flux", sans-serif;--h1-spacing:.02em;--h2-font:700 2.2rem/54px "DM Serif Display", serif;--h2-spacing:.01em;--h2-S-font:700 2rem/54px "DM Serif Display", serif;--h3-font:700 2rem/1.2 "DM Serif Display", serif;--h3-spacing:.02rem;--h3-S-font:700 1.2rem/1.2 "DM Serif Display", serif;--h3-step-font:700 1.2rem/1.2 "DM Serif Display", sans-serif;--h3-step-spacing:.02rem;--h4-font:600 1.6rem/1 "DM Serif Display", serif;--h4-spacing:.03 rem;--chapo-font:100 1.6rem/1.6 "Afacad Flux", sans-serif;--chapo-spacing:.02em;--chapo-S-font:100 1rem/1.4 "Afacad Flux", sans-serif;--body-S-font:normal 1.2rem/1.4 "Afacad Flux", sans-serif;--body-S-spacing:.04;--body-M-font:200 1.2rem/1.5 "Afacad Flux", sans-serif;--body-M-spacing:.02;--body-L-font:300 1.3rem/1.2 "Afacad Flux", sans-serif;--body-L-spacing:0;--legend-font:200 1rem/1.4 "Afacad Flux", monospace;--legend-spacing:.02rem;--ProjectItem-sector-font:300 .8rem/1.2 "Afacad Flux", sans-serif;--ProjectItem-sector-spacing:.04rem;--sector-S-font:400 .9rem/1.2 "Afacad Flux", sans-serif;--button-font:1.1rem/1 "Afacad Flux", sans-serif;--button-spacing:0;--label-font:300 1rem/1.2 "Afacad Flux", sans-serif;--label-spacing:.04rem;--label-S-font:400 .9rem/1.2 "Afacad Flux", sans-serif;--border-S-width:.8px;--border-M-width:1px;--border-L-width:2px}}h1{font:var(--h1-font);color:var(--text-color-plain);letter-spacing:var(--h1-spacing);text-transform:uppercase;min-width:fit-content}h2{font:var(--h2-font);color:var(--text-color-plain);letter-spacing:var(--h2-spacing);min-width:fit-content}h2 em{font-synthesis:none;font-style:italic}.h2-S{font:var(--h2-S-font)}.h2-S em{font-synthesis:none;font-style:italic}h3{font:var(--h3-font);color:var(--text-color-plain);letter-spacing:var(--h3-spacing)}.h3-S{font:var(--h3-S-font)}.h3-step{font:var(--h3-list-font);color:var(--text-color-plain);letter-spacing:var(--h3-step-spacing)}h4{font:var(--h4-font);color:var(--text-color-plain);letter-spacing:var(--h4-spacing)}p{font:var(--body-M-font);color:var(--text-color-plain);letter-spacing:var(--body-M-spacing)}.body-S{font:var(--body-S-font)}.body-L{font:var(--body-L-font);color:var(--text-color-light);letter-spacing:var(--body-L-spacing)}.subtitle-card{color:var(--text-color-light)}.legend{font:var(--legend-font);color:var(--text-color-light);letter-spacing:var(--legend-spacing);max-width:300px;font-style:italic}.ProjectItem-sector{font:var(--ProjectItem-sector-font);letter-spacing:var(--ProjectItem-sector-spacing);text-transform:uppercase;width:fit-content;padding:var(--space-XXS) var(--space-XS);color:var(--text-color-plain);border-color:var(--text-color-plain);border-style:solid;border-width:var(--border-S-width)}.sector-S{font:var(--sector-S-font);letter-spacing:var(--ProjectItem-sector-spacing);border-width:var(--border-S-width)}.chapo{font:var(--chapo-font);color:var(--text-color-plain);letter-spacing:var(--chapo-spacing);text-transform:uppercase}.competences-label{font:var(--label-font);letter-spacing:var(--label-spacing);text-transform:uppercase;padding:var(--space-XXS) var(--space-XS);color:var(--text-color-plain);background-color:var(--tertiary-color)}.label-S{font:var(--label-S-font);letter-spacing:0}button,a{font:var(--button-font);color:var(--tertiary-color);letter-spacing:var(--button-spacing);text-transform:uppercase;text-align:center;width:fit-content;padding:var(--space-XS) var(--space-S);text-decoration:none}.btn-primary{background-color:var(--tertiary-color);color:var(--clear-color)}.btn-primary:hover{background-color:var(--tertiary-color-hover)}.btn-secondary{background-color:var(--clear-color);color:var(--tertiary-color)}.btn-secondary:hover{background-color:var(--clear-color-hover)}.btn-inactive{background-color:var(--clear-color-hover);color:var(--secondary-color-hover)}p,h1,h2,h3,h4,ul,ol{margin:0}html{scrollbar-width:none;overflow-y:scroll}html::-webkit-scrollbar{display:none}.Index-container{padding:var(--space-0);gap:var(--spaces-0);background-color:var(--primary-color);flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow-y:auto}.Index-container-previewOn{flex:0 0 30%;min-width:0}.Warning{gap:var(--space-0);height:fit-content;padding:var(--space-L) var(--space-XXL);background-color:var(--clear-color);flex-direction:column;display:flex}.Warning-text{color:var(--primary-color)}.Index-hero-container{gap:var(--space-L);padding:var(--space-XL) var(--space-L);background-color:var(--primary-color);flex-direction:row;display:flex}.Index-hero-container span{gap:var(--space-M);flex-direction:column;display:flex}.index-hero-fullscreen h1{text-align:end;width:300px}.index-hero-fullscreen h2{text-align:start;white-space:pre-line;width:300px;height:fit-content}.index-hero-fullscreen p{width:auto;max-width:400px;display:flex}.index-hero-side{flex-direction:column}.ProjectItem-container--index{gap:var(--space-0);width:100%;padding:var(--space-0);grid-template-columns:repeat(auto-fit,minmax(460px,1fr));display:grid}.ProjectItem-container--preview{padding:var(--space-0);gap:var(--space-0);scrollbar-width:none;flex-direction:column;flex:0 0 30%;display:flex;overflow-y:scroll}.ProjectItem-container--preview::-webkit-scrollbar{display:none}.ProjectItem{background-color:var(--primary-color);gap:var(--space-0);outline-color:var(--tertiary-color);outline-style:solid;display:flex}.ProjectItem:hover{background-color:var(--primary-color-hover)}.ProjectItem:active{background-color:var(--primary-color)}.card{gap:var(--space-0);padding:var(--space-0);outline-width:var(--border-M-width);flex-direction:column}.card-text-div{padding:var(--space-L) var(--space-ML);gap:var(--space-SM);background-color:none;flex-direction:column;min-width:0;display:flex}.list{background-color:var(--secondary-color);padding:var(--space-M);gap:var(--space-XS);outline-width:var(--border-M-width) 0;flex-direction:column;display:flex}.list:hover{background-color:var(--secondary-color-hover)}.list-img-container{border-radius:6%;width:100px;height:100px}.CompetencesContainer{gap:var(--space-XS);padding:var(--space-0);flex-flow:wrap;display:flex}.Preview-container--side{flex-direction:row;width:100%;height:100vh;display:flex;position:fixed;top:0}.ProjectPreview-container--side{gap:var(--space-XL);padding:var(--space-0) var(--space-0) var(--space-0) var(--space-0);outline-color:var(--tertiary-color);outline-style:solid;outline-width:var(--border-M-width) 0 0 0;scrollbar-width:none;background-color:#000;flex-direction:column;flex:0 0 70%;min-width:0;height:100%;min-height:0;display:flex;overflow-y:auto}.ProjectPreview-container--fullscreen{background-color:var(--primary-color);width:100%;height:100vh;position:fixed;top:0;overflow-y:auto}.ProjectPreviewHero{padding:var(--space-M) var(--space-L);gap:var(--space-S);flex-direction:column;max-width:800px;display:flex}.ProjectPreviewHero span{gap:var(--space-M);flex-direction:row;display:flex}.ProjectPreviewHero-chapo,.ProjectPreviewHero-context{gap:var(--space-M);flex-direction:column;width:100%;display:flex}.steps-container{gap:var(--space-L);padding:var(--space-L) 8% 20% var(--space-L);flex-direction:column;height:fit-content;display:flex}.step-item{gap:var(--space-M);width:100%;padding:0;display:flex}.step-side{flex-direction:column}.step-fullsrceen{flex-direction:row}.stepItem-text-container{gap:var(--space-M);flex-direction:column;max-width:550px;display:flex}.stepItem-text-container-Fullscreen{justify-content:flex-end;gap:var(--space-S);flex-direction:column;max-width:400px;display:flex}.navPreview{flex-flow:column wrap;display:flex;position:fixed;bottom:40px;right:40px}.navPreview span{justify-content:right;width:100%;display:flex}.ImgWrapper{background-color:#000;width:100%}.ImgWrapper img{object-fit:cover;object-position:center;width:100%;height:100%}.ImgWrapper-card{height:24rem}.ImgWrapper-list{width:80px;height:80px}.ImgWrapper-stepSide{width:100%;height:auto}.ImgWrapper-stepFullscreen{width:68%}.banner-side{height:40rem}.bannerFullscreen img{width:100%}.Footer{background-color:var(--tertiary-color);width:100%;height:400px}@media screen and (width<=950px){.index-hero-fullscreen h1{text-align:left;width:300px}.ProjectItem-container--index{gap:var(--space-0);width:100%;padding:var(--space-0);grid-template-columns:repeat(auto-fit,minmax(310px,1fr));display:grid}.Preview-container--side{flex-direction:column-reverse;width:100%;height:100vh;display:flex;position:fixed;top:0}.ProjectItem-container--preview{flex-direction:row;height:280px;display:flex;overflow-x:scroll}.list{width:500px;height:100%}.Index-hero-container,.step-fullscreen,.ProjectPreviewHero span{flex-direction:column}.ImgWrapper-stepFullscreen{width:100%}}