.pretitle{color:var(--color-secondary);grid-area:pretitle;margin:0 0 .75rem;font-family:vortice-concept,sans-serif;font-size:1rem;font-weight:400}.title{-webkit-text-stroke:1px var(--color-primary);text-stroke:1px var(--color-primary);-webkit-text-fill-color:#0000;text-fill-color:#0000;color:#0000;pointer-events:none;grid-area:title;margin:0;padding:.5em 0;font-family:vortice-concept,sans-serif;font-size:x-large;font-weight:400}@media (min-width:1024px){.title{font-size:60px}}.circular-text-component{--color-text:#a5a5a5;--color-bg:#000;--color-link:var(--color-secondary);--color-link-hover:#fff;--color-font-circle:#7b7772;--color-button:#ea34a6;--color-text-button:#000;--color-text-circle-1:#34d0ea;--color-text-circle-2:#08d1c7;--color-text-circle-3:#aa1f6b;--color-text-circle-4:#34d0ea;--font-circle-1:niagara,serif;--font-weight-circle-1:300;--font-circle-2:ambroise-firmin-std,serif;--font-weight-circle-2:300;--font-circle-3:modesto-condensed,serif;--font-weight-circle-3:400;--font-circle-4:niagara,serif;--font-weight-circle-4:300}.circular-text-component .enter{width:var(--dim-button);height:var(--dim-button);left:calc(50% - var(--dim-button)/2);top:calc(50% - var(--dim-button)/2);font:inherit;cursor:pointer;color:var(--color-text-button);background:0 0;border:0;padding:0;font-weight:500;display:block;position:absolute;position:fixed!important}.circular-text-component .enter:focus,.circular-text-component .enter:hover,.circular-text-component .enter:active{outline:none}.circular-text-component .enter__bg{-webkit-border:1px solid var(--color-button);border:1px solid var(--color-button);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.circular-text-component .enter__text{color:#fff;background-color:#0000;font-family:vortice-concept,sans-serif;position:relative}.circular-text-component .content{text-align:center;z-index:1;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100%;padding:2rem;display:flex;position:relative}.circular-text-component .overlay{background-color:#00000059;background-image:linear-gradient(#f000,#0a0a0a);width:100vw;overflow:hidden}.circular-text-component .content p{pointer-events:none;will-change:transform;text-align:center;max-width:100%;margin:0 auto;font-size:2rem;line-height:1.25}.circular-text-component .circles{pointer-events:none;--dim:186vmin;width:var(--dim);height:var(--dim);top:calc(50% - var(--dim)/2);left:calc(50% - var(--dim)/2);position:fixed}.circular-text-component .circles__text{text-transform:uppercase;transform-origin:700px 700px;will-change:transform,opacity}.circular-text-component .circles__text--1{font-size:clamp(170px,25vmin,180px);font-family:var(--font-circle-1);font-weight:var(--font-weight-circle-1);fill:var(--color-text-circle-1)}.circular-text-component .circles__text--2{font-size:clamp(136px,17vmin,153px);font-family:var(--font-circle-2);font-weight:var(--font-weight-circle-2);fill:var(--color-text-circle-2)}.circular-text-component .circles__text--3{font-size:clamp(110px,13.5vmin,120px);font-family:var(--font-circle-3);font-weight:var(--font-weight-circle-3);fill:var(--color-text-circle-3)}.circular-text-component .circles__text--4{font-size:clamp(85px,9.5vmin,94px);font-family:var(--font-circle-4);font-weight:var(--font-weight-circle-4);fill:var(--color-text-circle-4)}.planes-component .message{background:var(--color-text);color:var(--color-bg);text-align:center;padding:1rem}.planes-component .slideshow{grid-template-rows:auto auto;grid-template-columns:90% 10%;width:100%;height:100vh;display:grid}.planes-component .slideshow__intro{grid-area:1/1/3/3;place-self:center;position:relative}.planes-component .slideshow__intro-title{-webkit-text-stroke:2px var(--color-primary);text-stroke:2px var(--color-primary);-webkit-text-fill-color:#0000;text-fill-color:#0000;color:#0000;margin:5vw 0 0;font-family:vortice-concept,sans-serif;font-size:9vw;font-weight:400;line-height:.5}.planes-component .slideshow__intro-subline{text-align:center;width:100%;color:var(--color-primary);font-size:1.25rem;display:block}.planes-component .slideshow__intro-description{max-width:300px;margin:2rem 0 0 1rem}.planes-component .slideshow__img-wrap{grid-area:1/1/3/2;grid-template-rows:auto;grid-template-columns:auto;justify-self:end;width:47%;display:grid;position:relative;overflow:hidden}.planes-component .slideshow__img{object-fit:cover;max-width:100%;height:100%;display:none;position:absolute;top:0;left:0}.planes-component .slideshow__img--current{opacity:1}.planes-component .slideshow__nav{z-index:100;flex-direction:column;grid-area:2/1/3/3;justify-content:space-between;align-self:flex-end;align-items:flex-end;padding:2rem 3rem;display:flex}.planes-component .slideshow__nav-item{color:var(--color-secondary);cursor:pointer;font-family:vortice-concept,sans-serif;font-size:1rem;font-weight:400}.planes-component .slideshow__nav-item--current{color:var(--color-link-hover)}.planes-component .content{background:#000000bf;justify-content:center;width:100%;margin:0 auto;display:grid}@media (min-width:767px){.planes-component .content{background:0 0}}@media (min-width:1024px){.planes-component .content{flex-direction:row;align-items:center;margin:-50px 0 -175px;display:flex}}.planes-component .item{align-self:flex-start;margin:0;padding:2rem}.planes-component .item .fig{max-width:100%;margin:0;position:relative}.planes-component .item .aspect{padding-top:var(--aspect)}.planes-component .item .img{max-width:100%;display:none;position:absolute;top:0;left:0}.planes-component .item .counter{color:var(--color-primary);grid-area:counter;place-self:end;font-family:vortice-concept,sans-serif;font-size:3rem;font-weight:400;line-height:1}.planes-component .item .description{color:#fff;grid-area:description;font-size:.85rem}.planes-component .pretitle{color:color;outline:1.5px solid var(--color-secondary);-webkit-text-stroke:1.5px var(--color-primary);text-stroke:1.5px var(--color-primary);-webkit-text-fill-color:#00000040;text-fill-color:#00000040;padding:10px 15px;font-size:x-large;transition:all 1s}.planes-component .pretitle:hover{background:var(--color-secondary);transition:all .5s}.planes-component .item:nth-of-type(2n) .pretitle{-khtml-border-radius:25px 0 25px 0;border-radius:25px 0}.planes-component .item:nth-of-type(odd) .pretitle{-khtml-border-radius:0 25px 0 25px;border-radius:0 25px}.hero{justify-content:center;align-items:center;width:100%;height:90vh;display:flex}@media (min-width:767px){.hero{height:100vh}}.hero{background-image:-webkit-gradient(linear,0 0,0 100%,from(#0000000d),to(#000))}.hero .intro{grid-area:intro;place-self:center;position:relative}.hero .title{-webkit-text-stroke:3px var(--color-primary);text-stroke:3px var(--color-primary);-webkit-text-fill-color:#0000;text-fill-color:#0000;color:#0000;text-align:center;margin:3vw 0 0;font-family:vortice-concept,sans-serif;font-size:3em;font-weight:400;line-height:1;transition:all .75s ease-in-out}@media (min-width:767px){.hero .title{font-size:5em;line-height:.8}}@media (min-width:1024px){.hero .title{font-size:8em;line-height:1}}.hero .title .letter-8{display:block}.hero .description{max-width:300px;margin:2rem 0 0 1rem}.icon{fill:currentColor;width:2em;height:2em;margin:0 25px;transition:all .5s ease-in-out;display:block}.icon:hover{color:#88e7c4;transform:scale(1.2)}@media (min-width:767px){.icon{width:2.5em;height:2.5em}}.subline{-webkit-text-stroke:.75px var(--color-button);text-stroke:.75px var(--color-button);-webkit-text-fill-color:#0000;text-fill-color:#0000;color:#0000;text-align:center;font-family:vortice-concept,sans-serif;font-size:1em;font-weight:400;line-height:1;transition:all 1s ease-in-out}@media (min-width:1024px){.subline{-webkit-text-stroke:1px var(--color-button);text-stroke:1px var(--color-button);font-size:3em}}.about{background:#000;position:relative}.about .media{min-height:200px;transform:translateY(-75px)}.about .media.left{min-height:290px}@media (min-width:1024px){.about .media{text-align:center;background:0 0;padding:0;display:inline-block;position:absolute;top:15%;transform:none}.about .media.left{width:35%;top:5%;left:4%}.about .media.left .description,.about .media.left .pretitle{text-align:left}.about .media.right{top:17%;right:9%}.about .media.right p{text-align:right}}@media (min-width:767px){.about .media .transparent:hover{-webkit-text-stroke:.9px #fff;text-stroke:.9px #fff;-webkit-text-fill-color:#0000;text-fill-color:#0000;color:#0000}}.about .media .description{color:#fff;pointer-events:none;margin:0 auto;padding:0;font-family:vortice-concept,sans-serif;font-weight:400;line-height:35px;max-width:425px!important;font-size:1em!important}@media (min-width:767px){.about .media .description{padding:0;line-height:50px;max-width:425px!important;font-size:1.2em!important}}.about .skills{grid-template-columns:repeat(5,55px);justify-content:center;align-items:center;gap:10px;margin:2em 0;display:grid}.about .skills .skill{cursor:pointer;width:100%}.about .skills .skill:hover{transition:all .1s;transform:scale(1.2)}#projects{z-index:1;max-height:400px;position:relative}@media (min-width:767px){#projects{max-height:550px}}@media (min-width:1024px){#projects{max-height:425px}}@media (min-width:1440px){#projects{max-height:75vh}}.slider-component{padding:0;position:relative;transform:translateY(-50px)}@media (min-width:1024px){.slider-component{padding:2em 0 0;transform:translateY(-100px)}}.slider-component .swiper{width:100%;padding-top:50px;padding-bottom:50px}.slider-component .swiper-slide{background-position:50%;background-size:cover;max-width:768px!important;max-height:768px!important}.slider-component .swiper-slide img{width:100%;display:block}.slider-component .slide{cursor:pointer;background:0 0;border:none;width:100%;padding:0}.slider-component .slide:disabled{cursor:default;opacity:0}.slider-component .tools{flex-direction:horizontal;padding:2em 0;display:none}.slider-component .swiper-slide:hover .tools,.slider-component .swiper-slide:focus-within .tools{display:inline-flex}.slider-component .tool{max-width:55px;max-height:50px;padding:7px}@media (min-width:1024px){.slider-component .tool{max-width:100px}}.slider-component .swiper-pagination-bullet{opacity:1;background-color:#757575}.slider-component .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color-primary)}.slider-component .swiper-button-next,.slider-component .swiper-button-prev{color:var(--color-primary)!important}.swiper-container{min-height:335px}.portfolio-modal{z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;display:flex;position:absolute;top:0%;left:0}@media (min-width:767px){.portfolio-modal{top:15%}}.portfolio-modal__backdrop{background:#000000e6;width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-modal__card{color:#f5f5f5;width:100%;max-width:100%;box-shadow:none;z-index:1000;background:#0a0a0a;border:none;border-radius:18px;flex:0 auto;margin:auto;padding:2rem;position:relative;overflow:auto}.portfolio-modal__scroll{grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:2rem;padding:.5rem 1rem 1rem 0;display:grid}.portfolio-modal__sidebar{align-self:start;position:sticky;top:1rem}.portfolio-modal__main{min-width:0}.portfolio-modal__close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;font-size:22px;position:absolute;top:1rem;right:1rem}.portfolio-modal__media img{object-fit:cover;border-radius:12px;width:100%}.portfolio-modal__link-wrap{justify-content:center;margin-top:1rem;display:flex}.portfolio-modal__gallery{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-top:1rem;display:grid}.portfolio-modal__gallery img{border-radius:10px;width:100%}.portfolio-modal__title{margin:0 0 .5rem;font-size:2rem}.portfolio-modal__role{color:#ffffffbf;font-size:.95rem}.portfolio-modal__role span{color:#ffffff80}.portfolio-modal__summary{color:#ffffffbf}.portfolio-modal__section{margin-top:1.5rem}.portfolio-modal__section h4{margin-bottom:.5rem}.portfolio-modal__section ul{padding-left:1.2rem}.portfolio-modal__skills{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.portfolio-modal__skills li{background:#ffffff14;border-radius:999px;padding:.35rem .75rem;font-size:.85rem}.portfolio-modal__stack{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.portfolio-modal__stack img{width:46px;height:46px}.portfolio-modal__link{background:var(--color-primary);color:#0a0a0a;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-weight:600;display:inline-flex}@media (max-width:768px){.portfolio-modal__card{max-height:calc(100vh - 2rem);padding:1.25rem}.portfolio-modal{padding:1rem}.portfolio-modal__title{font-size:1.6rem}.portfolio-modal__scroll{grid-template-columns:1fr}.portfolio-modal__sidebar{position:static}}.timeline-component .timeline{z-index:0;max-width:100%;margin:0 auto;position:relative}.timeline-component .timeline:after{content:"";border:1px solid var(--color-secondary);background-color:#0000;border-top:none;border-bottom:none;width:6px;margin-left:-3px;position:absolute;top:0;bottom:0;left:50%}.timeline-component .position{background-color:inherit;padding:10px 40px;position:relative}.timeline-component .position:hover:after{background-color:#fff;border:1px solid #fff}.timeline-component .position:hover .copy-content{border:1.5px solid #fff}.timeline-component .position.left .copy-content{border-radius:20px 0}@media (min-width:767px){.timeline-component .position.left .copy-content{border-radius:0 20px}}.timeline-component .position.right .copy-content{border-radius:20px 0}@media (min-width:767px){.timeline-component .position.right .copy-content{border-radius:20px 0}.timeline-component .position{max-width:50%}}.timeline-component .position .pretitle{color:var(--color-primary);margin:0;font-size:1.2em}.timeline-component .position .date,.timeline-component .position .pos,.timeline-component .position .type{font-family:vortice-concept,sans-serif;color:#fff!important}.timeline-component .position .pos{padding:5px 0;font-size:1em}@media (min-width:767px){.timeline-component .position .pos{font-size:1em}}.timeline-component .position .date{padding:5px 0;font-size:12px;color:#979797!important}.timeline-component .position .type{font-size:14px;color:#2baabf!important}.timeline-component .position:after{content:"";background-color:var(--color-secondary);border:4px solid var(--color-secondary);z-index:1;border-radius:50%;width:25px;height:25px;position:absolute;top:20px;right:-13px}.timeline-component .left{left:0}.timeline-component .right{left:50%}.timeline-component .left:before{content:" ";z-index:1;border:10px solid #0000;border-left-color:#fff;border-right-width:0;width:0;height:0;position:absolute;top:22px;right:28px}.timeline-component .right:before{content:" ";z-index:1;border:10px solid #0000;border-left-width:0;border-right-color:#fff;width:0;height:0;position:absolute;top:25px;left:28px}.timeline-component .right:after{left:-12px}.timeline-component .copy-content{border:1.5px solid var(--color-secondary);background:0 0;border-radius:6px;padding:20px 30px;position:relative}@media screen and (max-width:767px){.timeline-component .timeline:after{left:31px}.timeline-component .position{width:100%;padding-left:70px;padding-right:25px}.timeline-component .position:before{border:10px solid #0000;border-left-width:0;border-right-color:#fff;left:60px}.timeline-component .left:after,.timeline-component .right:after{left:19px}.timeline-component .right{left:0%}}.timeline-component .slider-bullets{background:#fff!important}#contact{text-align:center;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.contact-component{width:300px;position:absolute}@media (min-width:1024px){.contact-component{width:500px}}.contact-component .fields{text-align:center;flex-direction:column;width:100%;margin:1em auto;display:flex}@media (min-width:1024px){.contact-component .fields{max-width:400px}}.contact-component .fields form *{border:1px dashed var(--color-primary);background:0 0;width:100%;margin:10px 0 0;padding:1em 0;color:#fff!important}.contact-component .fields .button{font-family:vortice-concept,sans-serif;font-size:small}.contact-component .fields .button:hover{cursor:pointer}.contact-component .links{flex-direction:row;justify-content:center;display:flex}.contact-component .links .icon{fill:#fff}:root{font-size:16px}section{background-color:#000;padding:1em 0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-text:#a5a5a5;--dim-button:90px;--color-bg:#000;--color-primary:#88e7c4;--color-secondary:#c5517d;--color-description:#3b343a;min-height:100vh;color:var(--color-text);background-color:var(--color-bg);margin:0;font-family:Source Sans Pro,Avenir,Helvetica Neue,Helvetica,Arial,sans-serif}body.app-loading{overflow:hidden}body.app-loading .app-shell{opacity:0;visibility:hidden;pointer-events:none}body.app-ready .app-shell{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s}.dom-gl{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.nav{z-index:100;flex-direction:row;justify-content:space-between;padding:2rem 3rem;display:flex;position:sticky}@media (min-width:767px){.nav{flex-direction:row;width:100%;display:flex;position:absolute}}.nav .item{color:var(--color-secondary);cursor:pointer;font-family:vortice-concept,sans-serif;font-size:1rem;font-weight:400}.nav .current{color:var(--color-link-hover)}.panel{text-align:center;width:100vw;height:100vh}.panel span{font-size:80px;display:block;position:relative;top:50%;overflow:visible}.panel.blue{background-color:#3883d8}.panel.turqoise{background-color:#38ced7}.panel.green{background-color:#22d659;margin-bottom:800px}.panel.bordeaux{background-color:#953543}.SimplePlane{position:absolute;inset:5%}.SimplePlane img{display:none}.curtains-canvas{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;background:#000}body{color:var(--color-text);min-height:100vh;background-color:#fff;background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Source Sans Pro,Avenir,Helvetica Neue,Helvetica,Arial,sans-serif}.demo-6{--color-text:#120047;--color-bg:#333;--color-link:#110046;--color-link-hover:#e83779;--color-info:#fff;--color-main-bg:#7115d8;--path-fill-1:url(#gradient1);--path-fill-2:url(#gradient2);--path-fill-3:url(#gradient3);--color-title:inherit;--font-family-title:"Rozha One",serif;--font-size-title:8vmax;--font-weight-title:400;--color-menu:#fff;--color-menu-hover:#c14343;--font-family-menu:var(--font-family-title);--font-size-menu:3.5vmax;--font-weight-menu:400;--button-bg:#120047;--button-circle:#9236f7;--button-line:#fff}.js body{opacity:0;transition:opacity .3s}.js body.rflex-ender{opacity:1}a{color:var(--color-link);outline:none;text-decoration:none}a:hover,a:focus{color:var(--color-link-hover);outline:none}.hidden{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.icon--keyboard{display:none}main{background-color:var(--color-main-bg);width:100%;min-height:100vh;position:relative}.content{background:#000;justify-content:center;align-items:center;min-height:100vh;margin:0 auto;display:none;position:relative}.content--fixed{grid-template:"header."". .""github demos"4em/50% 50%;align-content:space-between;width:100%;max-width:none;height:100vh;min-height:0;padding:1.5em;display:grid;position:fixed;top:0;left:0}.content--fixed a{pointer-events:auto}.codrops-header{z-index:100;flex-direction:row;grid-area:header;place-self:start;align-items:center;display:flex;position:relative}.codrops-header__title{margin:0;padding:.75em 0;font-size:1em;font-weight:700}.info{color:var(--color-info);margin:0 0 0 1.25em;font-style:italic;font-weight:700}.demos{text-align:center;grid-area:demos;align-self:flex-end;margin-bottom:.5em;display:block;position:relative}.demo{margin:0 .15em}.demo:hover,.demo:focus{opacity:.5}.demo span{white-space:nowrap;text-transform:lowercase;pointer-events:none}.demo span:before{content:"#"}a.demo--current{pointer-events:none}.codrops-links{text-align:center;white-space:nowrap;justify-content:center;margin:0 1em 0 0;display:flex;position:relative}.codrops-icon{margin:.15em;padding:.25em;display:inline-block}.demo-title{color:var(--color-title);font-family:var(--font-family-title);font-size:var(--font-size-title);font-weight:var(--font-weight-title)}.global-menu{pointer-events:none;z-index:100;justify-content:center;align-items:center;width:100vw;height:90vh;display:flex;position:fixed;top:0;left:0}.demo-5 .global-menu{text-align:center}.global-menu__item{color:var(--color-menu);font-family:var(--font-family-menu);font-size:var(--font-size-menu);font-weight:var(--font-weight-menu);opacity:0;pointer-events:none;margin:.25em 0;transition:transform .3s ease-in,opacity .3s ease-in;display:block;transform:translateY(-100%)}