@import"https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300;0,5..1200,400;0,5..1200,500;0,5..1200,600;0,5..1200,700;0,5..1200,800;0,5..1200,900;1,5..1200,300;1,5..1200,400;1,5..1200,500;1,5..1200,600;1,5..1200,700;1,5..1200,800;1,5..1200,900&family=Roboto+Serif:ital,opsz,wght@0,8..144,100;0,8..144,200;0,8..144,300;0,8..144,400;0,8..144,500;0,8..144,600;0,8..144,700;0,8..144,800;0,8..144,900;1,8..144,100;1,8..144,200;1,8..144,300;1,8..144,400;1,8..144,500;1,8..144,600;1,8..144,700;1,8..144,800;1,8..144,900&display=swap";:root{--background: #000000;--text: #000000;--accent: #000000}::-moz-selection,::selection{color:var(--background);background:var(--accent)}*{font-family:"Roboto Serif",serif;text-transform:uppercase;color:var(--text);scroll-behavior:smooth;transition:all .5s ease-in-out}body{margin:0 auto;height:100svh;width:100svw;overflow-x:hidden;background:var(--background)}main{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0;height:100%;width:calc(100svw - 2rem);padding:1rem}@media screen and (width >= 55rem){main{align-items:center;justify-content:center;gap:2.5rem;height:100%;width:calc(100svw - 4rem);padding:0 2rem}}#app{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100svh;width:100svw}.v-enter-active,.v-leave-active{transition:all .2s ease-out}.v-enter-from{opacity:0;transform:translateY(50%)}.v-leave-to{opacity:0;transform:translateY(-50%)}.color-text{color:var(--text)}.color-accent{color:var(--accent)}.bg-text{background-color:var(--text)}.fs-xs{font-size:.7rem}@media screen and (width >= 65rem){.fs-xs{font-size:.85rem}}.fs-sm{font-size:.8rem}@media screen and (width >= 65rem){.fs-sm{font-size:1rem}}.fs-md{font-size:1rem}@media screen and (width >= 65rem){.fs-md{font-size:1.25rem}}.fs-lg{font-size:1.3rem;font-weight:400}@media screen and (width >= 65rem){.fs-lg{font-size:1.6rem}}.fs-xl{font-size:1.6rem;font-weight:500}@media screen and (width >= 65rem){.fs-xl{font-size:2.5rem}}.fs-xxl{font-size:2rem;font-weight:500}@media screen and (width >= 65rem){.fs-xxl{font-size:3rem}}.flex-row-reverse{display:flex;flex-direction:row-reverse}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.text-start{text-align:start}.text-center{text-align:center}.text-end{text-align:end}.m-0{margin:0}.ml-8p{margin-left:8%}.ml-16p{margin-left:16%}.ml-24p{margin-left:24%}.ml-10p{margin-left:10%}.mb-2{margin-bottom:2rem}.mb-4{margin-bottom:4rem}.mr-8p{margin-right:8svw}.mr-16p{margin-right:16svw}.mr-24p{margin-right:24%}.gap-1{gap:1rem}@keyframes noise{0%,to{background-position:0 0}10%{background-position:-5% -10%}20%{background-position:-15% 5%}30%{background-position:7% -25%}40%{background-position:20% 25%}50%{background-position:-25% 10%}60%{background-position:15% 5%}70%{background-position:0 15%}80%{background-position:25% 35%}90%{background-position:-10% 10%}}@keyframes opacity{0%{opacity:.3}20%{opacity:.15}35%{opacity:.25}50%{opacity:.4}60%{opacity:.2}80%{opacity:.35}to{opacity:.3}}@keyframes rgbText{0%{text-shadow:-1px 1px 4px var(--background),1px -1px 4px var(--background),0px 0 1px var(--accent),0 0px 2px var(--text),0px 0 2px var(--text),0 0px 2px var(--accent),0px 0 2px var(--text)}25%{text-shadow:-1px 1px 4px var(--background),1px -1px 4px var(--background),0px 0 1px var(--accent),0 0px 2px var(--text),0px 0 2px var(--text),0 0px 2px var(--accent),0px 0 2px var(--text)}45%{text-shadow:-1px 1px 4px var(--background),1px -1px 4px var(--background),3px 0 1px var(--accent),0 3px 1px var(--text),-3px 0 1px var(--text),0 -3px 1px var(--accent),3px 0 1px var(--text)}50%{text-shadow:-1px 1px 4px var(--background),1px -1px 4px var(--background),-3px 0 1px var(--accent),0 -3px 1px var(--text),3px 0 1px var(--text),0 3px 1px var(--accent),-3px 0 1px var(--text)}55%{text-shadow:-1px 1px 4px var(--background),1px -1px 4px var(--background),0px 0 2px var(--accent),0 0px 2px var(--text),0px 0 2px var(--text),0 0px 2px var(--accent),0px 0 2px var(--text)}90%{text-shadow:-1px 1px 4px var(--background),1px -1px 4px var(--background),-3px 0 1px var(--accent),0 3px 1px var(--text),3px 0 1px var(--text),0 -3px 1px var(--accent),3px 0 1px var(--text)}to{text-shadow:-1px 1px 4px var(--background),1px -1px 4px var(--background),3px 0 1px var(--accent),0 -3px 1px var(--text),-3px 0 1px var(--text),0 3px 1px var(--accent),-3px 0 1px var(--text)}}@keyframes type{0%,19%{opacity:0}20%,to{opacity:1}}.size-sm .line[data-v-fe3cf883]:nth-child(4){width:.5rem}.size-sm .line[data-v-fe3cf883]:nth-child(3){width:calc(2rem / (3 * 3) * 3)}.size-sm .line[data-v-fe3cf883]:nth-child(2){width:1rem}.size-sm .line[data-v-fe3cf883]:nth-child(1){width:2rem}.size-sm .line[data-v-fe3cf883]:nth-child(8){width:.0125rem}.size-sm .line[data-v-fe3cf883]:nth-child(7){width:calc(.2rem / (3 * 3))}.size-sm .line[data-v-fe3cf883]:nth-child(6){width:.05rem}.size-sm .line[data-v-fe3cf883]:nth-child(5){width:.2rem}.size-sm .line[data-v-fe3cf883]{height:1.5px}.size-md .line[data-v-fe3cf883]:nth-child(4),.size-lg .line[data-v-fe3cf883]:nth-child(4){width:1.25rem}.size-md .line[data-v-fe3cf883]:nth-child(3),.size-lg .line[data-v-fe3cf883]:nth-child(3){width:calc(5rem / (3 * 3) * 3)}.size-md .line[data-v-fe3cf883]:nth-child(2),.size-lg .line[data-v-fe3cf883]:nth-child(2){width:2.5rem}.size-md .line[data-v-fe3cf883]:nth-child(1),.size-lg .line[data-v-fe3cf883]:nth-child(1){width:5rem}.size-md .line[data-v-fe3cf883]:nth-child(8),.size-lg .line[data-v-fe3cf883]:nth-child(8){width:.03125rem}.size-md .line[data-v-fe3cf883]:nth-child(7),.size-lg .line[data-v-fe3cf883]:nth-child(7){width:calc(.5rem / (3 * 3))}.size-md .line[data-v-fe3cf883]:nth-child(6),.size-lg .line[data-v-fe3cf883]:nth-child(6){width:.125rem}.size-md .line[data-v-fe3cf883]:nth-child(5),.size-lg .line[data-v-fe3cf883]:nth-child(5){width:.5rem}.size-md .line[data-v-fe3cf883],.size-lg .line[data-v-fe3cf883]{height:1.5px}@media screen and (width >= 55rem){.size-sm .line[data-v-fe3cf883]:nth-child(4){width:1rem}.size-sm .line[data-v-fe3cf883]:nth-child(3){width:calc(4rem / (3 * 3) * 3)}.size-sm .line[data-v-fe3cf883]:nth-child(2){width:2rem}.size-sm .line[data-v-fe3cf883]:nth-child(1){width:4rem}.size-sm .line[data-v-fe3cf883]:nth-child(8){width:.025rem}.size-sm .line[data-v-fe3cf883]:nth-child(7){width:calc(.4rem / (3 * 3))}.size-sm .line[data-v-fe3cf883]:nth-child(6){width:.1rem}.size-sm .line[data-v-fe3cf883]:nth-child(5){width:.4rem}.size-sm .line[data-v-fe3cf883]{height:2px}.size-md .line[data-v-fe3cf883]:nth-child(4),.size-lg .line[data-v-fe3cf883]:nth-child(4){width:2.5rem}.size-md .line[data-v-fe3cf883]:nth-child(3),.size-lg .line[data-v-fe3cf883]:nth-child(3){width:calc(10rem / (3 * 3) * 3)}.size-md .line[data-v-fe3cf883]:nth-child(2),.size-lg .line[data-v-fe3cf883]:nth-child(2){width:5rem}.size-md .line[data-v-fe3cf883]:nth-child(1),.size-lg .line[data-v-fe3cf883]:nth-child(1){width:10rem}.size-md .line[data-v-fe3cf883]:nth-child(8),.size-lg .line[data-v-fe3cf883]:nth-child(8){width:.0625rem}.size-md .line[data-v-fe3cf883]:nth-child(7),.size-lg .line[data-v-fe3cf883]:nth-child(7){width:calc(1rem / (3 * 3))}.size-md .line[data-v-fe3cf883]:nth-child(6),.size-lg .line[data-v-fe3cf883]:nth-child(6){width:.25rem}.size-md .line[data-v-fe3cf883]:nth-child(5),.size-lg .line[data-v-fe3cf883]:nth-child(5){width:1rem}.size-md .line[data-v-fe3cf883],.size-lg .line[data-v-fe3cf883]{height:2px}}p[data-v-e90691b8]{margin:0}.visuals[data-v-e90691b8]{position:relative;width:100%}.visuals .line-segments[data-v-e90691b8]{position:absolute;top:-.5rem}.visuals .line-segments.reverse[data-v-e90691b8]{right:0;transform:scaleX(-1)}.visuals-wrapper[data-v-e90691b8]{position:relative;border:solid 2px var(--text);overflow:hidden}.visuals-wrapper-sm[data-v-e90691b8]{height:20svh;border-bottom-right-radius:2rem}.visuals-wrapper-md[data-v-e90691b8]{aspect-ratio:2.5/1;border-bottom-left-radius:2rem}.visuals-wrapper-lg[data-v-e90691b8]{aspect-ratio:2/1;border-bottom-right-radius:2rem}.visuals-wrapper img[data-v-e90691b8]{width:100%;height:100%;object-fit:cover;opacity:.6;z-index:-1;background:url(/img/CLO_01.jpg)}.scanlines[data-v-e90691b8]{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:300;opacity:.3}.intro-wrap[data-v-e90691b8]{position:absolute;top:0;left:0;width:100%;height:100%}.city[data-v-e90691b8],.date[data-v-e90691b8],.time[data-v-e90691b8]{position:absolute;text-shadow:-1px 1px 4px var(--background),1px -1px 4px var(--background),0px 0 1px var(--accent),0 0px 2px var(--text),0px 0 2px var(--text),0 0px 2px var(--accent),0px 0 2px var(--text)}.city[data-v-e90691b8]{left:1rem;top:1rem}.date[data-v-e90691b8],.time[data-v-e90691b8]{right:1rem;animation-duration:1.5s}.date[data-v-e90691b8]{top:1rem}.time[data-v-e90691b8]{bottom:1rem}@media screen and (width >= 55rem){.visuals-wrapper-sm[data-v-e90691b8]{height:30svh;border-bottom-right-radius:2.875rem}.visuals-wrapper-md[data-v-e90691b8]{border-bottom-left-radius:2.875rem;aspect-ratio:3/1;width:55svw}.visuals-wrapper-lg[data-v-e90691b8]{border-bottom-right-radius:2.875rem;aspect-ratio:2/1;width:85svw;max-height:45vh}}.info-container[data-v-db203f8e],.description-container[data-v-db203f8e]{display:flex;width:100%;height:100%}.info-container[data-v-db203f8e]{flex-direction:column-reverse;justify-content:space-evenly;gap:1rem}.info-container .info[data-v-db203f8e]{width:80%;max-width:20.5rem}.description-container[data-v-db203f8e]{flex-direction:column-reverse;justify-content:space-evenly}@media screen and (width >= 55rem){.info-container[data-v-db203f8e],.description-container[data-v-db203f8e]{height:fit-content;justify-content:space-between;align-items:flex-end}.info-container[data-v-db203f8e]{flex-direction:row-reverse}.info-container .info[data-v-db203f8e]{width:60%;max-width:25rem;margin-bottom:4rem;margin-left:16svw}.description-container[data-v-db203f8e]{flex-direction:row}.description-container .occupation[data-v-db203f8e]{margin-left:4svw}.description-container .quote[data-v-db203f8e]{margin-right:12svw}}.link-wrapper[data-v-023ad1ec]{position:relative;display:flex;justify-content:center;width:100%}.link-wrapper .link[data-v-023ad1ec]{position:relative;text-decoration:none;width:100%}.link-wrapper .link[data-v-023ad1ec]:before,.link-wrapper .link[data-v-023ad1ec]:after{position:absolute;pointer-events:none;transition:all ease-in-out .1s}.link-wrapper .link[data-v-023ad1ec]:before{content:"[";left:0}.link-wrapper .link[data-v-023ad1ec]:after{content:"]";right:0}.link-wrapper .link[data-v-023ad1ec]:hover:before{left:2rem}.link-wrapper .link[data-v-023ad1ec]:hover:after{right:2rem}@media screen and (width >= 55rem){.link-wrapper[data-v-023ad1ec]{width:20rem}}.logo-wrapper[data-v-05a9d6ce]{text-decoration:none;display:flex;flex-direction:column;width:fit-content;height:fit-content}.logo-wrapper .logo[data-v-05a9d6ce]{position:relative;width:fit-content;font-size:var(--logo-size);font-weight:400;font-style:italic;line-height:.8;margin:0;padding:0 calc(var(--logo-size) / 2);transition:all 0s linear}.logo-wrapper .logo[data-v-05a9d6ce]:before,.logo-wrapper .logo[data-v-05a9d6ce]:after{content:"Rousseau";position:absolute;text-transform:uppercase;transition:left 1s ease-in-out}.logo-wrapper .logo[data-v-05a9d6ce]:before{left:calc(var(--logo-size) * .4);clip:rect(auto auto calc(var(--logo-size) * .4) auto)}.logo-wrapper .logo[data-v-05a9d6ce]:after{top:calc(var(--logo-size) * .03);left:calc(var(--logo-size) * .6);clip:rect(calc(var(--logo-size) * .35) auto auto auto)}.logo-wrapper .logo span[data-v-05a9d6ce]{visibility:hidden;transition:all 0s linear}.logo-wrapper .logo span[data-v-05a9d6ce]:after{content:"";visibility:visible;position:absolute;display:block;top:calc(50% - var(--logo-size) * .03);left:50%;width:100%;height:calc(var(--logo-size) * .06);background-color:var(--accent);transform:translate(-50%);z-index:1}.logo-wrapper .name[data-v-05a9d6ce]{font-style:italic;text-transform:uppercase;font-size:calc(var(--logo-size) * .4)}.logo-wrapper .name[data-v-05a9d6ce]:after{display:inline-block;content:"----------";white-space:pre;animation:1s glitchDisappear-05a9d6ce reverse}@media screen and (width >= 40rem){.logo-wrapper:hover .logo[data-v-05a9d6ce]:before{left:calc(var(--logo-size) * .5)}.logo-wrapper:hover .logo[data-v-05a9d6ce]:after{left:calc(var(--logo-size) * .5)}.logo-wrapper:hover .name[data-v-05a9d6ce]:after{content:"";animation:1s linearDisappear-05a9d6ce}}@keyframes linearDisappear-05a9d6ce{0%{content:"----------";opacity:1}10%{content:"---------";opacity:.8}20%{content:"--------";opacity:1}30%{content:"-------";opacity:.8}40%{content:"------";opacity:.6}50%{content:"-----";opacity:.8}60%{content:"----";opacity:1}70%{content:"---";opacity:.8}80%{content:"--";opacity:.6}90%{content:"-";opacity:.4}to{content:"";opacity:.2}}@keyframes glitchDisappear-05a9d6ce{0%{content:"----------";opacity:1}5%{opacity:.8}10%{content:"-  ---  ----";opacity:1}15%{opacity:.6}20%{content:"-  -----  --";opacity:1}25%{opacity:.8}30%{content:"-  --  ----";opacity:.8}35%{opacity:.6}40%{content:"--  ---  -  -";opacity:.8}45%{opacity:.6}50%{content:"  -   --  --";opacity:.6}55%{opacity:.4}60%{content:"  -   --  --";opacity:.6}65%{opacity:.2}70%{content:"-    --  -  ";opacity:.4}75%{opacity:.2}80%{content:"-    --  -  ";opacity:.4}85%{opacity:.2}90%{content:"  -           -";opacity:.2}to{content:"";opacity:0}}h1[data-v-4d134aef],h2[data-v-4d134aef],p[data-v-4d134aef]{margin:0}.visual-container[data-v-4d134aef]{display:flex;flex-direction:column;justify-content:space-evenly;gap:1rem;width:100%;height:100%}.visual-container .picture-box[data-v-4d134aef]{align-self:end;width:80%}.center-logo-container[data-v-4d134aef]{display:flex;align-items:center;justify-content:center;height:25%}.info-container[data-v-4d134aef]{display:flex;flex-direction:column;justify-content:space-evenly;gap:1rem;width:100%;height:100%}.info-container p[data-v-4d134aef]{text-align:justify}.info-container .contact-container[data-v-4d134aef]{display:flex;flex-direction:column;gap:.5rem}@media screen and (width >= 55rem){.visual-container[data-v-4d134aef]{flex-direction:row;align-items:end;justify-content:space-between}.visual-container .picture-box[data-v-4d134aef]{align-self:unset;width:fit-content;margin-top:2rem;margin-right:16svw}.info-container[data-v-4d134aef]{gap:1rem}.info-container p[data-v-4d134aef]{width:100%;max-width:60svw;text-align:start;margin:0 8svw}.info-container .contact-container[data-v-4d134aef]{flex-direction:row;gap:1rem;margin-left:20svw}}main#work-view[data-v-c3af277e]{overflow:hidden}h1[data-v-c3af277e],h2[data-v-c3af277e],p[data-v-c3af277e]{margin:0}.project-header[data-v-c3af277e]{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%}.project-header .project-hero[data-v-c3af277e]{display:flex;flex-direction:column-reverse;gap:1rem;margin-top:1rem}.project-header .project-hero .project-roles[data-v-c3af277e]{display:flex;flex-direction:column;gap:.5rem;width:100%}.project-header .project-hero .project-image[data-v-c3af277e]{position:relative;width:fit-content;display:flex}.project-details[data-v-c3af277e]{display:flex;flex-direction:column;gap:.5rem;width:100%;height:100%}.project-details .project-content[data-v-c3af277e]{display:flex;flex-direction:column;justify-content:end;gap:.5rem;height:100%;margin:1rem 0}.project-details .project-content .tech-skills[data-v-c3af277e]{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;height:100%}.project-details .navigation-area[data-v-c3af277e]{display:flex;flex-direction:column;gap:.3rem;width:100%}.project-details .navigation-area .progress-indicator[data-v-c3af277e]{display:flex;flex-direction:row;gap:1rem;width:100%}.project-details .navigation-area .progress-indicator .progress-bars[data-v-c3af277e]{display:flex;flex-direction:row;gap:1rem;justify-content:space-between;align-items:center;width:100%;padding-top:.5rem}.project-details .navigation-area .progress-indicator .progress-bars .progress-bar[data-v-c3af277e]{height:2px;width:2px;background-color:var(--text);transition:width 1s ease-in-out}.project-details .navigation-area .progress-indicator .progress-bars .progress-bar.active[data-v-c3af277e]{width:5rem}.project-details .navigation-area .navigation-buttons[data-v-c3af277e]{display:flex;flex-direction:row;justify-content:space-between}.project-details .navigation-area .navigation-buttons button[data-v-c3af277e]{background:none;border:none;padding:0;cursor:pointer}.project-details .navigation-area h1[data-v-c3af277e]{margin-top:.3rem}.forwards-enter-active[data-v-c3af277e],.forwards-leave-active[data-v-c3af277e],.backwards-enter-active[data-v-c3af277e],.backwards-leave-active[data-v-c3af277e]{transition:transform 1s ease-in-out,opacity .1s ease-in-out}.forwards-enter-from[data-v-c3af277e]{transform:translate(100vw)}.forwards-leave-to[data-v-c3af277e]{transform:translate(-100vw);position:absolute;top:0}.backwards-enter-from[data-v-c3af277e]{transform:translate(-100vw);opacity:0}.backwards-leave-to[data-v-c3af277e]{transform:translate(100vw);position:absolute;top:0}@media screen and (width >= 55rem){main#work-view[data-v-c3af277e]{gap:1rem}.project-header[data-v-c3af277e]{height:70%;flex-direction:row;justify-content:start;align-items:end}.project-header h2[data-v-c3af277e]{margin-left:16svw}.project-header .project-hero[data-v-c3af277e]{flex-direction:column;margin-top:0}.project-header .project-hero .project-roles[data-v-c3af277e]{flex-direction:row;gap:1rem;width:unset;margin-bottom:2rem;margin-left:16svw}.project-header .project-hero .project-image[data-v-c3af277e]{position:relative;width:fit-content;display:flex}.project-details[data-v-c3af277e]{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;height:30%}.project-details .project-content[data-v-c3af277e]{flex-direction:row-reverse;justify-content:space-between;gap:2rem;height:unset;width:100%;padding:0}.project-details .project-content .tech-skills[data-v-c3af277e]{flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:0;height:fit-content;margin-right:8svw}.project-details .project-content .project-link[data-v-c3af277e]{height:fit-content;margin-bottom:2rem}.project-details .navigation-area[data-v-c3af277e]{gap:.5rem;max-width:30rem;justify-content:start;margin-bottom:2rem;height:unset}.project-details .navigation-area h1[data-v-c3af277e]{margin-top:.5rem}.forwards-enter-from[data-v-c3af277e]{transform:translate(100vw)}.forwards-leave-to[data-v-c3af277e]{transform:translate(-100vw);position:absolute;top:unset;bottom:0}.backwards-enter-from[data-v-c3af277e]{transform:translate(-100vw);opacity:0}.backwards-leave-to[data-v-c3af277e]{transform:translate(100vw);position:absolute;top:unset;bottom:0}}.nav-link[data-v-89518afc]{position:relative;text-decoration:none;text-transform:uppercase;font-style:italic}svg{cursor:pointer}.icon[data-v-1a8bf1cb]{transition:transform .5s ease}nav[data-v-4a2606b5]{width:100%}nav ul[data-v-4a2606b5]{list-style-type:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin:0;padding:0}nav ul li[data-v-4a2606b5]:last-child{position:absolute;top:1rem;right:1rem;display:flex;align-items:baseline}@media screen and (width >= 40rem){nav ul[data-v-4a2606b5]{list-style-type:none;display:flex;flex-direction:row;justify-content:end;align-items:center;gap:2.5rem;margin:0;padding:0}nav ul li[data-v-4a2606b5]:last-child{position:static;display:flex;align-items:baseline}}header[data-v-9320aee9]{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:calc(100% - 2rem);padding:.5rem 1rem 0}header .logo[data-v-9320aee9]{padding-top:.5rem}@media screen and (width >= 40rem){header[data-v-9320aee9]{flex-direction:row;justify-content:space-between;padding:1rem 2rem 0;width:calc(100% - 4rem)}}