.pretitle{color:var(--color-secondary);font-size:1rem;margin:0 0 .75rem;grid-area:pretitle}.pretitle,.title{font-family:vortice-concept,sans-serif;font-weight:400}.title{margin:0;-webkit-text-stroke:1px var(--color-primary);text-stroke:1px var(--color-primary);-webkit-text-fill-color:transparent;text-fill-color:transparent;color:transparent;font-size:x-large;grid-area:title;pointer-events:none;padding:.5em 0}@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{position:fixed!important;display:block;border:0;width:var(--dim-button);height:var(--dim-button);position:absolute;left:calc(50% - var(--dim-button)/2);top:calc(50% - var(--dim-button)/2);font:inherit;font-weight:500;cursor:pointer;background:none;color:var(--color-text-button);padding:0}.circular-text-component .enter:active,.circular-text-component .enter:focus,.circular-text-component .enter:hover{outline:none}.circular-text-component .enter__bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;-webkit-border:1px solid var(--color-button);border:1px solid var(--color-button)}.circular-text-component .enter__text{position:relative;color:#fff;background-color:transparent;font-family:vortice-concept,sans-serif}.circular-text-component .content{display:flex;flex-direction:column;width:100vw;padding:2rem;height:calc(100vh - 5rem);position:relative;justify-content:flex-start;align-items:center;text-align:center;height:100%;z-index:1}.circular-text-component .overlay{background-color:rgba(0,0,0,.35);width:100vw;background-image:linear-gradient(180deg,rgba(255,0,0,0),#0a0a0a);overflow:hidden}.circular-text-component .content p{font-size:2rem;line-height:1.25;margin:0 auto;pointer-events:none;will-change:transform;text-align:center;max-width:100%}.circular-text-component .circles{pointer-events:none;position:fixed;--dim:186vmin;width:var(--dim);height:var(--dim);top:calc(50% - var(--dim)/2);left:calc(50% - var(--dim)/2)}.circular-text-component .circles__text{text-transform:uppercase;transform-origin:700px 700px;will-change:transform,opacity}.circular-text-component .circles__text--1{font-size:25vmin;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:17vmin;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:13.5vmin;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:9.5vmin;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);padding:1rem;text-align:center}.planes-component .slideshow{display:grid;width:100%;height:100vh;grid-template-columns:90% 10%;grid-template-rows:auto auto}.planes-component .slideshow__intro{grid-area:1/1/3/3;align-self:center;justify-self:center;position:relative}.planes-component .slideshow__intro-title{font-family:vortice-concept,sans-serif;font-weight:400;font-size:9vw;line-height:.5;margin:5vw 0 0;-webkit-text-stroke:2px var(--color-primary);text-stroke:2px var(--color-primary);-webkit-text-fill-color:transparent;text-fill-color:transparent;color:transparent}.planes-component .slideshow__intro-subline{text-align:center;width:100%;display:block;color:var(--color-primary);font-size:1.25rem}.planes-component .slideshow__intro-description{margin:2rem 0 0 1rem;max-width:300px}.planes-component .slideshow__img-wrap{position:relative;grid-area:1/1/3/2;justify-self:end;display:grid;grid-template-columns:auto;grid-template-rows:auto;overflow:hidden;width:47%}.planes-component .slideshow__img{display:none;position:absolute;top:0;left:0;max-width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.planes-component .slideshow__img--current{opacity:1}.planes-component .slideshow__nav{grid-area:2/1/3/3;display:flex;flex-direction:column;align-self:end;align-items:end;justify-content:space-between;padding:2rem 3rem;z-index:100}.planes-component .slideshow__nav-item{font-family:vortice-concept,sans-serif;font-weight:400;color:var(--color-secondary);font-size:1rem;cursor:pointer}.planes-component .slideshow__nav-item--current{color:var(--color-link-hover)}.planes-component .content{display:grid;background:rgba(0,0,0,.75);width:100%;margin:0 auto;justify-content:center}@media(min-width:767px){.planes-component .content{background:none}}@media(min-width:1024px){.planes-component .content{margin:-50px 0 -175px;display:flex;flex-direction:row;align-items:center}}.planes-component .item{margin:0;padding:2rem;align-self:flex-start}.planes-component .item .fig{position:relative;max-width:100%;margin:0}.planes-component .item .aspect{padding-top:var(--aspect)}.planes-component .item .img{display:none;position:absolute;top:0;left:0;max-width:100%}.planes-component .item .counter{font-family:vortice-concept,sans-serif;font-weight:400;color:var(--color-primary);font-size:3rem;grid-area:counter;align-self:end;justify-self:end;line-height:1}.planes-component .item .description{grid-area:description;font-size:.85rem;color:#fff}.planes-component .pretitle{color:color;outline:1.5px solid var(--color-secondary);padding:10px 15px;-webkit-text-stroke:1.5px var(--color-primary);text-stroke:1.5px var(--color-primary);-webkit-text-fill-color:rgba(0,0,0,.25);text-fill-color:rgba(0,0,0,.25);transition:all 1s;font-size:x-large}.planes-component .pretitle:hover{background:var(--color-secondary);transition:all .5s}.planes-component .item:nth-of-type(2n) .pretitle{border-radius:25px 0 25px 0}.planes-component .item:nth-of-type(odd) .pretitle{border-radius:0 25px 0 25px;-webkit-border-radius:0 25px 0 25px;-khtml-border-radius:0 25px 0 25px;-moz-border-radius:0 25px 0 25px}.hero{display:flex;width:100%;height:90vh;justify-content:center;align-items:center;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.05)),to(#000))}@media(min-width:767px){.hero{height:100vh}}.hero .intro{grid-area:intro;align-self:center;justify-self:center;position:relative}.hero .title{font-family:vortice-concept,sans-serif;font-weight:400;font-size:3em;line-height:1;margin:3vw 0 0;-webkit-text-stroke:3px var(--color-primary);text-stroke:3px var(--color-primary);-webkit-text-fill-color:transparent;text-fill-color:transparent;color:transparent;text-align:center;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{margin:2rem 0 0 1rem;max-width:300px}.icon{display:block;width:2em;height:2em;margin:0 25px;fill:currentColor;transition:all .5s ease-in-out}.icon:hover{transform:scale(1.2);color:#88e7c4}@media(min-width:767px){.icon{width:2.5em;height:2.5em}}.subline{font-family:vortice-concept,sans-serif;font-weight:400;font-size:1em;line-height:1;-webkit-text-stroke:.75px var(--color-button);text-stroke:.75px var(--color-button);-webkit-text-fill-color:transparent;text-fill-color:transparent;color:transparent;text-align:center;transition:all 1s ease-in-out}@media(min-width:1024px){.subline{font-size:3em;-webkit-text-stroke:1px var(--color-button);text-stroke:1px var(--color-button)}}.about{position:relative;background:#000}.about .media{transform:translateY(-75px);min-height:200px}.about .media.left{min-height:290px}@media(min-width:1024px){.about .media{transform:none;padding:0;position:absolute;top:15%;background:none;display:inline-block;text-align:center}.about .media.left{left:4%;top:5%;width:35%}.about .media.left .description,.about .media.left .pretitle{text-align:left}.about .media.right{right:9%;top:17%}.about .media.right p{text-align:right}}@media(min-width:767px){.about .media .transparent:hover{-webkit-text-stroke:.9px #fff;text-stroke:.9px var(#fff);-webkit-text-fill-color:transparent;text-fill-color:transparent;color:transparent}}.about .media .description{font-size:1em!important;max-width:425px!important;line-height:35px;font-family:vortice-concept,sans-serif;font-weight:400;margin:0 auto;color:#fff;pointer-events:none;padding:0}@media(min-width:767px){.about .media .description{padding:0;font-size:1.2em!important;max-width:425px!important;line-height:50px}}.about .skills{display:grid;grid-template-columns:repeat(5,55px);grid-gap:10px;gap:10px;align-items:center;justify-content:center;margin:2em 0}.about .skills .skill{width:100%;cursor:pointer}.about .skills .skill:hover{transform:scale(1.2);transition:all .1s}#projects{max-height:400px}@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;transform:translateY(-50px);position:relative}@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{display:block;width:100%}.slider-component .swiper-slide-active .tools{display:inline-flex}@media(min-width:1024px){.slider-component .swiper-slide-active .tools{display:none}.slider-component .swiper-slide-next .tools{display:inline-flex}}.slider-component .tools{flex-direction:horizontal;padding:2em 0;display:none}.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{background-color:#757575;opacity:1}.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}.timeline-component .timeline{position:relative;max-width:100%;margin:0 auto}.timeline-component .timeline:after{content:"";position:absolute;width:6px;background-color:transparent;top:0;bottom:0;left:50%;margin-left:-3px;border:1px solid var(--color-secondary);border-top:none;border-bottom:none}.timeline-component .position{padding:10px 40px;position:relative;background-color:inherit}.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{font-size:1em;padding:5px 0}@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:"";position:absolute;width:25px;height:25px;right:-13px;background-color:var(--color-secondary);border:4px solid var(--color-secondary);top:20px;border-radius:50%;z-index:1}.timeline-component .left{left:0}.timeline-component .right{left:50%}.timeline-component .left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:28px;border:solid transparent;border-left:solid #fff;border-width:10px 0 10px 10px}.timeline-component .right:before{content:" ";height:0;position:absolute;top:25px;width:0;z-index:1;left:28px;border:solid transparent;border-right:solid #fff;border-width:10px 10px 10px 0}.timeline-component .right:after{left:-12px}.timeline-component .copy-content{padding:20px 30px;position:relative;border-radius:6px;background:transparent;border:1.5px solid var(--color-secondary)}@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{left:60px;border:solid transparent;border-right:solid #fff;border-width:10px 10px 10px 0}.timeline-component .left:after,.timeline-component .right:after{left:19px}.timeline-component .right{left:0}}.timeline-component .slider-bullets{background:#fff!important}#contact{position:relative;text-align:center;margin:0 auto;display:flex;justify-content:center;align-items:center}.contact-component{position:absolute;width:300px}@media(min-width:1024px){.contact-component{width:500px}}.contact-component .fields{display:flex;flex-direction:column;text-align:center;margin:1em auto;width:100%}@media(min-width:1024px){.contact-component .fields{max-width:400px}}.contact-component .fields form *{width:100%;padding:1em 0;margin:10px 0 0;background:transparent;color:#fff!important;border:1px dashed var(--color-primary)}.contact-component .fields .button{font-family:vortice-concept,sans-serif;font-size:small}.contact-component .fields .button:hover{cursor:pointer}.contact-component .links{display:flex;flex-direction:row;justify-content:center}.contact-component .links .icon{fill:#fff}:root{font-size:16px}section{background-color:#000;padding:1em 0}body{--color-text:#a5a5a5;--dim-button:90px;--color-bg:#1a0a0a;--color-primary:#88e7c4;--color-secondary:#c5517d;--color-description:#3b343a;margin:0;font-family:tenon,sans-serif}.dom-gl{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%}.nav{display:flex;flex-direction:row;justify-content:space-between;padding:2rem 3rem;z-index:100;position:sticky}@media(min-width:767px){.nav{position:absolute;display:flex;flex-direction:row;width:100%}}.nav .item{font-family:vortice-concept,sans-serif;font-weight:400;color:var(--color-secondary);font-size:1rem;cursor:pointer}.nav .current{color:var(--color-link-hover)}.panel{height:100vh;width:100vw;text-align:center}.panel span{position:relative;display:block;overflow:visible;top:50%;font-size:80px}.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;top:5%;right:5%;bottom:5%;left:5%}.SimplePlane img{display:none}.curtains-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}*,:after,:before{box-sizing:border-box}html{background:#000;scroll-behavior:smooth}body{font-family:Source Sans Pro,Avenir,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh;color:#57585c;color:var(--color-text);background-color:#fff;background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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{text-decoration:none;color:#5d93d8;color:var(--color-link);outline:none}a:focus,a:hover{color:#423c2b;color:var(--color-link-hover);outline:none}.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}.icon--keyboard{display:none}main{width:100%;background-color:var(--color-main-bg)}.content,main{position:relative;min-height:100vh}.content{display:none;justify-content:center;align-items:center;margin:0 auto;background:#000}.content--fixed{position:fixed;top:0;left:0;display:grid;align-content:space-between;width:100%;max-width:none;min-height:0;height:100vh;padding:1.5em;grid-template-columns:50% 50%;grid-template-rows:auto auto 4em;grid-template-areas:"header ..." "... ..." "github demos"}.content--fixed a{pointer-events:auto}.codrops-header{position:relative;z-index:100;display:flex;flex-direction:row;align-items:flex-start;align-items:center;align-self:start;grid-area:header;justify-self:start}.codrops-header__title{font-size:1em;font-weight:700;margin:0;padding:.75em 0}.info{margin:0 0 0 1.25em;font-style:italic;color:var(--color-info);font-weight:700}.demos{position:relative;display:block;align-self:flex-end;text-align:center;grid-area:demos;margin-bottom:.5em}.demo{margin:0 .15em}.demo:focus,.demo:hover{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{position:relative;display:flex;justify-content:center;margin:0 1em 0 0;text-align:center;white-space:nowrap}.codrops-icon{display:inline-block;margin:.15em;padding:.25em}.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{width:100vw;height:90vh;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;pointer-events:none;z-index:100}.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;transform:translateY(-100%);pointer-events:none;display:block;margin:.25em 0;transition:transform .3s,opacity .3s;transition-timing-function:ease-in}