.intro-sr-only,.skills__title-sr-only,.showcase__description-sr-only,.my-overlay__sr-only,.my-story__sr-only,.sr-class-process,.features__fun-facts-heading,.footer__form-label{clip-path:inset(50%);white-space:nowrap;border:0;width:.1rem;height:.1rem;margin:-.1rem;padding:0;position:absolute;overflow:hidden}.header__button,.projects__button,.services__button,.features__button,.evolution__button,.projects__box-button,.future__button,.milestones__button,.faq__button,.activity__button,.game__button,.showcase__button,.footer__form-btn{color:inherit;cursor:pointer;z-index:50;letter-spacing:.229rem;padding-bottom:1rem;font-size:1.6rem;font-weight:700;line-height:2.6rem;transition:color .35s linear .4s;position:relative}.header__button span,.projects__button span,.services__button span,.features__button span,.evolution__button span,.projects__box-button span,.future__button span,.milestones__button span,.faq__button span,.activity__button span,.game__button span,.showcase__button span,.footer__form-btn span{background-color:#fff;width:100%;height:.2rem;position:absolute;bottom:0;left:0}.header__button span:before,.projects__button span:before,.services__button span:before,.features__button span:before,.evolution__button span:before,.projects__box-button span:before,.future__button span:before,.milestones__button span:before,.faq__button span:before,.activity__button span:before,.game__button span:before,.showcase__button span:before,.footer__form-btn span:before{content:"";transform-origin:0;z-index:100;background-color:#4ee1a0;width:100%;height:100%;transition:transform .35s linear;position:absolute;bottom:0;left:0;transform:scale(0)}.header__button:hover,.projects__button:hover,.services__button:hover,.features__button:hover,.evolution__button:hover,.projects__box-button:hover,.future__button:hover,.milestones__button:hover,.faq__button:hover,.activity__button:hover,.game__button:hover,.showcase__button:hover,.footer__form-btn:hover,.header__button:active,.projects__button:active,.services__button:active,.features__button:active,.evolution__button:active,.projects__box-button:active,.future__button:active,.milestones__button:active,.faq__button:active,.activity__button:active,.game__button:active,.showcase__button:active,.footer__form-btn:active{color:#4ee1a0}.header__button:hover span:before,.projects__button:hover span:before,.services__button:hover span:before,.features__button:hover span:before,.evolution__button:hover span:before,.projects__box-button:hover span:before,.future__button:hover span:before,.milestones__button:hover span:before,.faq__button:hover span:before,.activity__button:hover span:before,.game__button:hover span:before,.showcase__button:hover span:before,.footer__form-btn:hover span:before,.header__button:active span:before,.projects__button:active span:before,.services__button:active span:before,.features__button:active span:before,.evolution__button:active span:before,.projects__box-button:active span:before,.future__button:active span:before,.milestones__button:active span:before,.faq__button:active span:before,.activity__button:active span:before,.game__button:active span:before,.showcase__button:active span:before,.footer__form-btn:active span:before{transform:scale(1)}.features__fun-facts-button,.my-overlay__button,.showcase__switcher-btn,.game__container-button{color:#4ee1a0;cursor:pointer;text-transform:uppercase;letter-spacing:.1rem;z-index:50;background-color:#0000;border:.16rem solid #4ee1a0;padding:1.6rem 2.8rem;font-size:2.4rem;font-weight:700;transition:all .3s;position:relative}@media (width<=560px){.features__fun-facts-button,.my-overlay__button,.showcase__switcher-btn,.game__container-button{letter-spacing:.1rem;padding:1.3rem 2.5rem;font-size:1.8rem;font-weight:700}}.features__fun-facts-button:hover,.my-overlay__button:hover,.showcase__switcher-btn:hover,.game__container-button:hover,.features__fun-facts-button:active,.my-overlay__button:active,.showcase__switcher-btn:active,.game__container-button:active{color:#fff;background-color:#3ec086;border-color:#0000;box-shadow:0 0 .8rem #4ee1a0,0 0 2.4rem #4ee1a0,0 0 4.8rem #4ee1a0}.features__fun-facts-button:focus,.my-overlay__button:focus,.showcase__switcher-btn:focus,.game__container-button:focus{border-color:#4ee1a0;outline:0}@keyframes lineX{to{transform:scaleX(1)}}@keyframes lineY{to{transform:scaleY(1)}}@keyframes fadeOut{to{opacity:0;pointer-events:none;z-index:-1;position:absolute}}@keyframes fadeIn{to{opacity:1}}@keyframes intro{to{transform:translateY(-100%)}}@keyframes before-mouth{50%{transform:rotate(44deg)}}@keyframes after-mouth{50%{transform:rotate(-44deg)}}@keyframes eye-animation{0%,to{transform:translate(0)}50%{transform:translate(8px)}}@keyframes move{to{transform:translate(125rem)}}@keyframes fade-in-ghost-01{to{transform:translate(-50%)translateY(5%)}}@keyframes fade-in-ghost-02{0%{transform:translate(-50%)translateY(5%)}50%,90%{transform:translate(-50%)translateY(-18%)}to{transform:translate(-50%)translateY(100%)}}@keyframes fade-in-ghost-03{to{transform:translate(-50%)translateY(-60%)}}@keyframes fade-in-ghost-04{to{transform:translate(-50%)translateY(100%)}}@keyframes ghost-smile{to{transform:translateY(-73%)translate(-40%)scale(1)}}@keyframes author-animate{to{clip-path:inset(0)}}@keyframes author-image{0%{filter:blur(20px)grayscale(.5)contrast(1.5)opacity(.6)saturate(2.5)}to{filter:blur()grayscale(.5)contrast(1.5)opacity(.6)saturate(2.5)}}@keyframes circle{to{stroke-dashoffset:0}}@keyframes span-animate-01{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(-41rem,-5rem)}}@keyframes span-animate-02{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(-5rem,-5rem)}}@keyframes span-animate-03{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(30rem,-5rem)}}@keyframes span-animate-04{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(-42rem,10rem)}}@keyframes span-animate-05{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(-15rem,10rem)}}@keyframes span-animate-06{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(20rem,10rem)}}@media (width<=1150px){@keyframes span-animate-01{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(-35rem,-5rem)}}}@media (width<=950px){@keyframes span-animate-01{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(-25.4rem,-10rem)}}@keyframes span-animate-02{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(13rem,-11.4rem)}}@keyframes span-animate-03{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(-23.6rem,3.9rem)}}@keyframes span-animate-04{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(8rem,3.6rem)}}@keyframes span-animate-05{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(-27.8rem,17.2rem)}}@keyframes span-animate-06{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(4rem,18.6rem)}}}@media (width<=775px){@keyframes span-animate-01{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(6.7rem,-27.5rem)}}@keyframes span-animate-02{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(2.6rem,-15.8rem)}}@keyframes span-animate-03{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(-.1rem,-4.9rem)}}@keyframes span-animate-04{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(-1.4rem,7rem)}}@keyframes span-animate-05{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(-1.4rem,18.2rem)}}@keyframes span-animate-06{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(-6.9rem,30.3rem)}}}@keyframes skills-box{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shakeBox{0%,to{transform:translate(.4rem)}25%{transform:translate(-.4rem)}50%{transform:translate(.4rem)}75%{transform:translate(-.4rem)}}@keyframes scaleBox{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes dragon-flight{0%{transform:translate(100%)}to{transform:translate(-280%)}}@keyframes my-process-slider{0%,to{opacity:0}10%,90%{opacity:1}}@keyframes flap-open{0%{transform:rotateX(180deg)}to{z-index:3;transform:rotateX(0)}}@keyframes envelope-letter{0%{z-index:3;top:0;transform:translate(-50%)scale(1)scaleY(1)}50%{z-index:3;top:-150%;transform:translate(-50%)scale(1)scaleY(1)}60%{z-index:999;top:-150%;transform:translate(-50%)scale(1)scaleY(1.15)}to{z-index:999;top:50%;transform:translate(-50%)translateY(-50%)scale(1.25)scaleY(1.5)}}@keyframes show-heart{to{transform:translate(-50%)scale(1)}}@keyframes envelope-heart{to{opacity:0;transform:translate(-50%)scale(2)}}*{vertical-align:baseline;-webkit-font-smoothing:antialiased;box-sizing:border-box;border:0;margin:0;padding:0}:before,:after{box-sizing:inherit}html{font-size:62.5%}input,button,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}img{vertical-align:middle;max-width:100%;height:auto;display:block}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}html{scroll-behavior:smooth;scrollbar-color:#4ee1a0 #242424}body{color:#fff;background-color:#f2f2f2;padding:2rem;font-family:Space Grotesk,sans-serif;overflow:hidden}body.active{overflow:hidden scroll}body{letter-spacing:0;justify-content:center;width:100vw;height:auto;font-size:1.8rem;font-weight:500;line-height:2.8rem;display:flex;position:relative}@media (width<=500px){body{padding:0}}.container{background-color:#151515;border-top:.5rem solid #32b379;width:100%;max-width:144rem;position:relative;overflow:hidden}.main{width:100%;margin-top:10.4rem;overflow:hidden}@media (width<=380px){.main{margin-top:0}}section{margin-top:14rem;padding-inline:2rem}@media (width<=950px){section{margin-top:10rem}}@media (width<=500px){section{margin-top:8rem}}@media (width<=380px){section{padding-inline:1.25rem}}.header__navigation,.footer__navigation{justify-content:space-between;gap:4rem;display:flex}.header__navigation{z-index:20;width:100%;height:8rem;padding:4rem 2rem 0 0;position:relative}@media (width<=775px){.header__navigation{padding-left:2rem}}@media (width<=500px){.header__navigation{height:unset;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}}.footer__navigation{width:100%;max-width:110rem;height:8rem;padding-top:4.7rem;position:relative}@media (width<=500px){.footer__navigation{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:8rem;display:flex}}.footer__navigation-line{transform-origin:0;background-color:#fff;width:100%;height:.1rem;transition:transform .5s linear;position:absolute;top:0;transform:scaleX(0)}.footer__navigation-line.active{transform:scaleX(1)}.header__menu,.footer__menu{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:20rem;display:flex}.header__link:link,.header__link:visited,.footer__link:link,.footer__link:visited{color:inherit;font-size:2.4rem;transition:color .3s}.header__link:hover,.header__link:active,.footer__link:hover,.footer__link:active{color:#4ee1a0}.header__logo:link,.header__logo:visited,.footer__logo:link,.footer__logo:visited{color:inherit;clip-path:inset(0 100% 0 0);letter-spacing:-.044rem;font-size:3.2rem;font-weight:700;line-height:3.2rem}@media (width<=560px){.header__logo:link,.header__logo:visited,.footer__logo:link,.footer__logo:visited{clip-path:none;animation:none}}.header__logo.active:link,.header__logo.active:visited{animation:1s 2.3s forwards author-animate}.footer__logo.active:link,.footer__logo.active:visited{animation:1s 1s forwards author-animate}.header__lightbox{cursor:pointer;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);opacity:0;z-index:-1;background-color:#000c;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0;overflow:hidden}.header__lightbox.show,.header__lightbox.hidden{transition:opacity .25s linear}.header__lightbox.show{opacity:1;z-index:999;position:fixed}.header__lightbox-author{border:.5rem solid #fff;height:auto;max-height:80vh}@media (width<=775px){.header__lightbox{display:none}}.features__fun-facts{text-align:center;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);opacity:0;visibility:hidden;z-index:100;background:#151515;border-radius:.5rem;width:100%;max-width:50rem;padding:4rem;transition:all .3s ease-out;position:absolute;top:50%;left:50%;transform:translateY(-50%)translate(-150%);box-shadow:.1rem .2rem .5rem #000000b3,inset .2rem .2rem .5rem #4ee1a0}.features__fun-facts.active{opacity:1;visibility:visible;transform:translateY(-50%)translate(-50%)}.features__fun-facts-menu{flex-direction:column;justify-content:space-around;align-items:center;gap:3rem;display:flex}.features__fun-facts-item{flex-direction:column;justify-content:space-around;align-items:center;gap:1rem;display:flex}.game__memory{perspective:70rem;transform-style:preserve-3d;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:43rem;height:100%;max-height:44rem;display:flex}@media (width<=560px){.game__memory{width:100%;max-width:31.5rem;height:100%}}.game__memory-win{opacity:0;z-index:-100;background-color:#32b379;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-out;display:flex;position:absolute;top:0;left:0}.game__memory-win.active{opacity:1;z-index:100;position:absolute;top:0;left:0}.game__memory-win-text{flex-direction:column;justify-content:center;align-items:center;display:flex}.game__memory-win-strong{font-size:4rem;line-height:1.4}@media (width<=380px){.game__memory-win-strong{font-size:3rem;line-height:1.1}}.game__memory-box{cursor:pointer;z-index:50;background-color:#242424;justify-content:center;align-items:center;width:100%;max-width:10rem;height:10rem;transition:all .35s ease-out;display:flex;position:static;overflow:hidden;transform:rotateY(180deg)}@media (width<=560px){.game__memory-box{width:100%;max-width:7rem;height:7rem}}.game__memory-box:after{content:"";backface-visibility:hidden;background-color:#32b379;transition:all .35s ease-out;position:absolute;inset:0;transform:rotateY(0)}.game__memory-box.boxOpen{transform:rotateY(0)}.game__memory-box-img{object-fit:cover;width:100%;transform:scale(2)}.game__memory-box-img--ca,.game__memory-box-img--pe{transform:scale(2.5)}.game__memory-box-img--spider{transform:translateY(1.4rem)scale(2.5)}.game__memory-box-img--ig,.game__memory-box-img--sm,.game__memory-box-img--tree{transform:scale(4)}.game__memory .boxOpen:after{transform:rotateY(180deg)}.game__memory .boxMisMatch{animation:.325s linear .5s shakeBox}.game__memory .boxMatch{animation:.2s ease-out .5s 3 scaleBox}.game__memory .boxLock{pointer-events:none}.showcase__tv{width:100%;max-width:50rem;height:65rem;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.showcase__lightning{z-index:50;width:100%;height:100%;position:absolute;top:-6.8rem;left:-1.4rem;transform:rotate(15deg)}.showcase__lightning path{opacity:0;fill:none;stroke:#8fb6ff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #6e91ca)drop-shadow(0 0 8px #6e91ca)drop-shadow(0 0 14px #6e91cab3)drop-shadow(0 0 24px #6e91ca66);stroke-dasharray:300;stroke-dashoffset:300px}.showcase__antennas{width:100%;max-width:24rem;height:17rem;position:absolute;top:1%;left:66.5%;transform:translate(-66.5%)translateY(-1%)}.showcase__antennas-base{background-color:#6a3e2a;border:.4rem solid #442918;border-radius:50%;width:100%;max-width:6rem;height:6rem;position:absolute;bottom:-3rem;left:40%;transform:translate(-40%)}.showcase__antennas-left,.showcase__antennas-right{background-color:#442918;width:100%;max-width:.4rem}.showcase__antennas-left:before,.showcase__antennas-right:before{content:"";background-color:#442918;border-radius:50%;width:1.1rem;height:1.1rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.showcase__antennas-left{height:17rem;position:absolute;top:0;left:5rem;transform:rotate(-32deg)}.showcase__antennas-right{height:13rem;position:absolute;bottom:-1rem;right:6.5rem;transform:rotate(50deg)}.showcase__body{z-index:100;background-color:#32b379;border:.4rem solid #1f7a5666;border-radius:.8rem;justify-content:center;align-items:center;width:100%;max-width:48rem;height:32rem;display:flex;position:absolute;top:52%;left:50%;transform:translate(-50%)translateY(-52%)}.showcase__body-inner{background-color:#0000;border:.5rem solid #1f7a56;border-radius:.8rem;justify-content:center;align-items:center;gap:1.2rem;width:90%;height:90%;padding:1.2rem;display:flex}.showcase__body-inner-screen{background-color:#434040;border-radius:.8rem;justify-content:center;align-items:center;width:70%;height:100%;padding:2rem;display:flex;position:relative;overflow:hidden}.showcase__body-inner-screen-overlay{z-index:999;border:.4rem solid #242424;border-radius:1.5rem;width:85%;height:82%;padding:2rem;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.showcase__body-inner-screen-gradient{filter:url(#displacement);background:linear-gradient(90deg,#cc3d3d 0% 16.66%,#c90 16.66% 33.33%,#4dcc4d 33.33% 50%,#2aa3cc 50% 66.66%,#7a52cc 66.66% 83.33%,#cc4da3 83.33% 100%);width:120%;height:120%;position:absolute;top:-1.7rem;left:-2.8rem;overflow:hidden}.showcase__body-inner-screen-video{object-fit:cover;border:.4rem solid #242424;border-radius:1.5rem;width:100%;height:100%}.showcase__body-inner-controls{background-color:#434040;border-radius:.8rem;flex-direction:column;justify-content:start;align-items:center;width:30%;height:100%;padding:1rem;display:flex}.showcase__body-inner-wrapper{background-color:#4ee1a0;border:.4rem solid #1f7a56;border-radius:50%;justify-content:center;align-items:center;width:100%;max-width:7rem;height:7rem;margin-bottom:.5rem;display:flex;position:relative}.showcase__body-inner-wrapper-01:before{content:"";background:repeating-conic-gradient(#1f7a56cc 0deg 2deg,#0000 7deg 28deg);border-radius:50%;position:absolute;inset:0}.showcase__body-inner-wrapper-02{margin-bottom:1rem}.showcase__body-inner-btn{cursor:pointer;border-radius:50%;width:100%;max-width:4rem;height:4rem;overflow:hidden}.showcase__body-inner-btn-span{background-color:#1f7a56;width:100%;max-width:.5rem;height:120%;display:inline-block}.showcase__body-inner-btn-01{background-color:#32b379;border:.4rem solid #1f7a56;transition:transform .35s ease-out;transform:rotate(0)}.showcase__body-inner-btn-01.active{transform:rotate(40deg)}.showcase__body-inner-btn-02{-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);background-color:#32b379;box-shadow:0 .2rem .5rem #00000040,inset 0 .1rem #ffffff40,inset 0 -.2rem #0003,inset 0 -.2rem #00000040}.showcase__body-inner-btn-02:active{transform:translateY(.25rem)scale(.98);box-shadow:0 .2rem .6rem #0000004d,inset 0 .3rem .6rem #00000059}.showcase__body-inner-speaker{background-color:#151515;border-radius:.25rem;width:100%;height:.7rem;box-shadow:0 1rem #151515,0 2rem #151515,0 3rem #151515,0 4rem #151515,0 5rem #151515,0 6rem #151515}.showcase__body-bottom{z-index:2;background-color:#32b379;border:.4rem solid #1f7a5666;border-bottom-right-radius:2rem;border-bottom-left-radius:2rem;width:90%;height:2rem;position:absolute;top:76.5%;left:50%;transform:translate(-50%,-76.5%)}.showcase__table{z-index:50;width:100%;max-width:48rem;height:14rem;position:absolute;bottom:.9rem;left:50%;transform:translate(-50%)}.showcase__table-body{background-color:#6a3e2a;border-top:.4rem solid #442918;border-bottom:.4rem solid #442918;width:100%;max-width:40rem;height:3rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.showcase__table-body-helper{z-index:100;background-color:#6a3e2a;width:100%;max-width:40rem;height:2.2rem;position:absolute;top:.44rem;left:50%;transform:translate(-50%)}.showcase__table-leg>div:first-child{z-index:50;background-color:#6a3e2a;border-top:.4rem solid #442918;border-bottom:.4rem solid #442918;border-left:.4rem solid #442918;width:45%;height:100%;position:absolute;top:0;left:0}.showcase__table-leg>div:nth-child(2){background-color:#6a3e2a;border-right:.4rem solid #442918;width:40%;height:90%;position:absolute;bottom:0;right:1.3rem;transform:rotate(5deg)}.showcase__table-leg-left{width:100%;max-width:4rem;height:14rem;position:absolute;top:-.3rem;left:1.4rem;transform:rotate(20deg)skewY(-18deg)}.showcase__table-leg-right{width:100%;max-width:4rem;height:14rem;top:-.3rem;left:unset;position:absolute;right:1.4rem;transform:scaleX(-1)rotate(20deg)skewY(-18deg)}.my-process__book{perspective:100rem;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;width:100%;max-width:25rem;height:30rem;transition:transform 1s;position:relative}.my-process__book.hide{display:none}@media (width<=500px){.my-process__book{transform:scale(.6)}}.my-process__book.active{transform:translate(60%)scale(1.2)}@media (width<=1150px){.my-process__book.active{transform:translate(60%)scale(1.25)}}@media (width<=775px){.my-process__book.active{transform:translate(50%)scale(1)}}@media (width<=560px){.my-process__book.active{transform:translate(42%)scale(.8)}}@media (width<=500px){.my-process__book.active{transform:translate(36%)scale(.7)}}.my-process__book-cover{transform-style:preserve-3d;transform-origin:0;text-align:center;cursor:pointer;background-image:linear-gradient(#32b379,#3ec086);width:100%;height:100%;position:absolute;top:0;left:0}.my-process__book-cover--front{z-index:100;position:absolute}.my-process__book-cover{transform-origin:0;transition:all 1s ease-out}.my-process__book-cover--front.active{transform:rotateY(-180deg)}.my-process__book-cover-front,.my-process__book-cover-back{backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;transition:trasnform 1s;display:flex;position:absolute;top:0;left:0;box-shadow:inset .2rem 0 2rem #0003,0 0 1rem #0000001a}.my-process__book-cover-back{backface-visibility:hidden;background-image:linear-gradient(#32b379,#3ec086);transform:rotateY(180deg);box-shadow:inset .2rem 0 2rem #0003,0 0 1rem #0000001a}.my-process__book-cover--back{z-index:2}.my-process__book-cover--back.active{z-index:130;transform:rotateY(-180deg)}.my-process__book-page{cursor:pointer;transform-style:preserve-3d;transform-origin:0;color:#000;background-color:#f2f2f2;width:97%;height:97%;transition:all 1s ease-out;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:inset .2rem 0 2rem #0003,0 0 1rem #0000001a}.my-process__book-page-front,.my-process__book-page-back{backface-visibility:hidden;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.my-process__book-page-back{transform:rotateY(180deg)}.my-process__book-page--01{z-index:10}.my-process__book-page--01.active{z-index:105;transform:translateY(-50%)rotateY(-180deg)}.my-process__book-page--02{z-index:9}.my-process__book-page--02.active{z-index:110;transform:translateY(-50%)rotateY(-180deg)}.my-process__book-page--03{z-index:8}.my-process__book-page--03.active{z-index:115;transform:translateY(-50%)rotateY(-180deg)}.my-process__book-page--04{z-index:7}.my-process__book-page--04.active{z-index:120;transform:translateY(-50%)rotateY(-180deg)}.my-process__book-page--05{z-index:6}.my-process__book-page--05.active{z-index:125;transform:translateY(-50%)rotateY(-180deg)}.footer__form{color:#fff;flex-direction:column;gap:1rem;width:100%;max-width:44.5rem;display:flex}.footer__form-wrapper{width:100%;position:relative}.footer__form-wrapper--textarea{width:100%;height:100%;max-height:10rem}.footer__form-wrapper--btn{text-align:right}.footer__form-input{padding-block:1rem;background-color:#0000;border:0;border-bottom:.2rem solid #d9d9d9;outline:0;width:100%;padding-left:1rem;font-size:1.8rem;font-weight:700;transition:border-color .3s}.footer__form-input:focus{border-color:#6e91ca}.footer__form-textarea{padding-block:1rem;resize:none;background-color:#0000;border:0;border-bottom:.2rem solid #d9d9d9;outline:0;width:100%;max-width:100%;height:9rem;margin-bottom:0;padding-left:1rem;font-size:1.8rem;font-weight:700;transition:border-color .3s}.footer__form-textarea:focus{border-color:#6e91ca}.footer__form-message-line{transform-origin:0;width:100%;height:.2rem;transition:transform .35s linear;display:inline-block;position:absolute;bottom:calc(100% - 5rem);left:0;transform:scaleX(0)}.footer__form-message-line--textarea{background-color:#ff6f5b;position:absolute;bottom:calc(100% - 9rem);left:0}.footer__form-message-line--textarea.active{transform:scaleX(1)}.footer__form-message-line--error{background-color:#ff6f5b}.footer__form-message-line--error.active{transform:scaleX(1)}.footer__form-message-line--success{background-color:#4ee1a0;transition-delay:.35s}.footer__form-message-line--success.active{transform:scaleX(1)}.footer__envelope{filter:drop-shadow(0 0 .2rem #4ee1a0);background-color:#4ee1a0;width:30rem;height:20rem;position:relative}.footer__envelope-top-side{transform-origin:bottom;filter:drop-shadow(0 0 .2rem #4ee1a0);z-index:10;border-bottom:15rem solid #4ee1a0;border-left:15rem solid #0000;border-right:15rem solid #0000;transition:transform .8s .6s;position:relative;top:-15rem;transform:rotateX(180deg)}.footer__envelope-bottom-side{filter:drop-shadow(0 0 .2rem #32b379);z-index:5;border-bottom:15rem solid #32b379;border-left:15rem solid #0000;border-right:15rem solid #0000;position:absolute;bottom:0}.footer__envelope-left-side{filter:drop-shadow(0 0 .2rem #3ec086);z-index:5;border-top:10rem solid #0000;border-bottom:10rem solid #0000;border-left:12.5rem solid #3ec086;position:absolute;top:0;left:0}.footer__envelope-right-side{filter:drop-shadow(0 0 .2rem #3ec086);z-index:5;border-top:10rem solid #0000;border-bottom:10rem solid #0000;border-right:12.5rem solid #3ec086;position:absolute;top:0;right:0}.footer__envelope-heart{z-index:50;width:5rem;height:5rem;position:absolute;bottom:4rem;left:50%;transform:translate(-50%)}.footer__envelope-heart.initial-state{transform:translate(-50%)scale(0)}.footer__envelope-heart.active{animation:.7s ease-out 1s forwards show-heart}.footer__envelope-heart:before{content:"";background-color:#db3a24;border-radius:50% 50% 0 0;width:80%;height:100%;transition:all .5s;position:absolute;top:0;left:1.2rem;transform:rotate(55deg)}.footer__envelope-heart:after{content:"";background-color:#db3a24;border-radius:50% 50% 0 0;width:80%;height:100%;transition:all .5s;position:absolute;top:0;right:1.5rem;transform:rotate(-55deg)}.footer__envelope-heart:hover:before,.footer__envelope-heart:active:before,.footer__envelope-heart:hover:after,.footer__envelope-heart:active:after{box-shadow:0 0 .2rem #db3a24,0 0 .4rem #db3a24,0 0 .6rem #db3a24}.footer__envelope-letter{color:#000000b3;z-index:3;background-color:#fff;width:90%;height:90%;padding:1rem;transition:all .8s;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 .1rem #151515}.footer__envelope-letter-lines{margin-top:1rem}.footer__envelope-letter-line-01,.footer__envelope-letter-line-02,.footer__envelope-letter-line-03{border-bottom:.2rem solid #d9d9d9;position:relative;top:0}.footer__envelope-letter-line-01{width:80%}.footer__envelope-letter-line-02{width:60%}.footer__envelope-letter-line-03{width:40%}.footer__envelope .footer__envelope-top-side.is-open{animation:.8s .6s forwards flap-open}.footer__envelope .footer__envelope-letter.is-open{animation:3s 1.6s forwards envelope-letter}.footer__envelope .footer__envelope-heart.is-open{animation:1s forwards envelope-heart}.header__title,.projects__title,.services__title,.features__title,.evolution__title,.future__title,.milestones__title,.faq__title,.activity__title,.game__title,.showcase__title,.footer__title,.my-process__title,.showcase__container-title{letter-spacing:-.25rem;font-size:8.8rem;font-weight:700;line-height:8.8rem}@media (width<=675px){.header__title,.projects__title,.services__title,.features__title,.evolution__title,.future__title,.milestones__title,.faq__title,.activity__title,.game__title,.showcase__title,.footer__title,.my-process__title,.showcase__container-title{letter-spacing:-.25rem;font-size:7.2rem;font-weight:700;line-height:7.2rem}}@media (width<=560px){.header__title,.projects__title,.services__title,.features__title,.evolution__title,.future__title,.milestones__title,.faq__title,.activity__title,.game__title,.showcase__title,.footer__title,.my-process__title,.showcase__container-title{letter-spacing:-.25rem;font-size:3.8rem;font-weight:700;line-height:4rem}}.projects__title,.services__title,.features__title,.evolution__title,.future__title,.milestones__title,.faq__title,.activity__title,.game__title,.showcase__title,.my-process__title,.footer__title{color:#777;position:relative}.projects__title-span,.services__title-span,.features__title-span,.evolution__title-span,.future__title-span,.milestones__title-span,.faq__title-span,.activity__title-span,.game__title-span,.showcase__title-span,.my-process__title-span,.footer__title-span{color:#fff;will-change:width;width:0%;transition:width .5s;position:absolute;top:0;left:0;overflow:hidden}.projects__title-span.active,.services__title-span.active,.features__title-span.active,.evolution__title-span.active,.future__title-span.active,.milestones__title-span.active,.faq__title-span.active,.activity__title-span.active,.game__title-span.active,.showcase__title-span.active,.my-process__title-span.active,.footer__title-span.active{width:100%}.projects__item-heading,.services__item-heading{margin-top:2rem;font-size:2.4rem;font-weight:700;line-height:3.2rem}@media (width<=850px){.projects__item-heading,.services__item-heading{text-align:center;font-size:2rem;font-weight:700;line-height:3.2rem}}.header__title{margin-bottom:4.6rem}@media (width<=1150px){.header__title{font-size:7rem;line-height:7rem}}@media (width<=950px){.header__title{font-size:6rem;line-height:6rem}}@media (width<=380px){.header__title{font-size:4.5rem;line-height:5.5rem}}.header__title-author{position:relative}.header__title-author.active:before{animation:.6s linear 2.6s forwards lineX}@media (width<=560px){.header__title-author.active:before{animation:none}}.header__title-author:before{content:"";transform-origin:0;z-index:-1;background-color:#4ee1a0;width:100%;height:.6rem;position:absolute;bottom:.5rem;left:0;transform:scaleX(0)}@media (width<=560px){.header__title-author:before{transform:scale(1)}}.skills__title{letter-spacing:.25rem;font-size:6.8rem;font-weight:700;line-height:8.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skills__title span{display:inline-block;position:relative}.skills__title.is-active span:first-child{opacity:1;animation:.35s 1s forwards span-animate-01;transform:translate(0)}.skills__title.is-active span:nth-child(2){opacity:1;animation:.35s 1.5s forwards span-animate-02;transform:translate(0)}.skills__title.is-active span:nth-child(3){opacity:1;animation:.35s 2s forwards span-animate-03;transform:translate(0)}.skills__title.is-active span:nth-child(4){opacity:1;animation:.35s 2.5s forwards span-animate-04;transform:translate(0)}.skills__title.is-active span:nth-child(5){opacity:1;animation:.35s 3s forwards span-animate-05;transform:translate(0)}.skills__title.is-active span:nth-child(6){opacity:1;animation:.35s 3.5s forwards span-animate-06;transform:translate(0)}.skills__menu-heading{letter-spacing:-.15rem;font-size:4.8rem;font-weight:700;line-height:5.6rem}@media (width<=775px){.skills__menu-heading{letter-spacing:-.15rem;font-size:3.6rem;font-weight:700;line-height:5.6rem}}@media (width<=380px){.skills__menu-heading{letter-spacing:-.15rem;font-size:3.2rem;font-weight:700;line-height:5.2rem}}.features__fun-facts-title{color:#4ee1a0;text-transform:uppercase;font-size:2rem}.evolution__phase-heading{z-index:15;font-size:4rem;line-height:1;position:relative;left:-14.5rem}@media (width<=775px){.evolution__phase-mobile-heading{letter-spacing:-.15rem;font-size:3.6rem;font-weight:700;line-height:5.6rem}}@media (width<=380px){.evolution__phase-mobile-heading{letter-spacing:-.15rem;font-size:3.2rem;font-weight:700;line-height:5.2rem}}.future__box-heading{font-size:6rem;font-weight:700;line-height:1.5}@media (width<=850px){.future__box-heading{font-size:4rem;font-weight:700;line-height:1.5}}@media (width<=500px){.future__box-heading{font-size:3rem;font-weight:700;line-height:1.5}}.milestones__item-heading{letter-spacing:-.25rem;font-size:7.2rem;font-weight:700;line-height:7.2rem}@media (width<=850px){.milestones__item-heading{letter-spacing:-.25rem;font-size:5.5rem;font-weight:700;line-height:5.5rem}}@media (width<=675px){.milestones__item-heading{letter-spacing:-.25rem;font-size:4.5rem;font-weight:700;line-height:4.5rem}}@media (width<=500px){.milestones__item-heading{letter-spacing:-.25rem;font-size:3.6rem;font-weight:700;line-height:3.8rem}}@media (width<=380px){.milestones__item-heading{letter-spacing:-.25rem;font-size:3.2rem;font-weight:700;line-height:3.8rem}}@media (width<=500px){.faq__item-question{font-size:1.5rem}}.my-story__character-title{text-transform:uppercase;font-size:1.6rem;font-weight:700}@media (width<=775px){.my-story__character-title{font-size:1.4rem}}.my-process__slider-title{color:#fff;font-size:4rem;font-weight:700;line-height:1.2}@media (width<=675px){.my-process__slider-title{font-size:2.4rem;font-weight:700}}@media (width<=850px){.footer__title{text-align:center}}.footer__envelope-letter-title{margin-bottom:.4rem;font-size:1.6rem;font-weight:400;line-height:2rem}.footer__envelope-letter-nickname{color:#151515;margin-top:.4rem;font-size:1.4rem;font-weight:900;line-height:2rem;display:inline-block;position:relative}.footer__envelope-letter-nickname:before{content:"";background-color:#4ee1a0;width:100%;height:.2rem;position:absolute;bottom:0;left:0;transform:scaleX(1)}@media (width<=380px){p{letter-spacing:0;font-weight:500;line-height:2.8rem;font-size:1.4rem!important}}p:not(li p,.header__lightbox-description,.footer__form-message,.my-story__character-bubble-message,.my-process__book-description,.my-process__slider-description,.my-process__slider-helper){color:#d9d9d9}.projects__description,.footer__description,.services__description,.features__description,.evolution__description,.future__description,.milestones__description,.milestones__item-description,.faq__description,.activity__description,.game__description,.showcase__description,.my-process__description{text-align:center;width:100%;max-width:76rem}@media (width<=500px){.projects__description,.footer__description,.services__description,.features__description,.evolution__description,.future__description,.milestones__description,.milestones__item-description,.faq__description,.activity__description,.game__description,.showcase__description,.my-process__description{font-size:1.6rem;font-weight:500}}.projects__item-description,.services__item-description,.milestones__item-description{gap:1.2rem;display:flex}@media (width<=850px){.projects__item-description,.services__item-description,.milestones__item-description{letter-spacing:0;justify-content:center;align-items:center;font-size:1.6rem;font-weight:500;line-height:2.8rem;display:flex}}@media (width<=500px){.projects__item-description,.services__item-description,.features__item-description,.faq__item-answer{letter-spacing:0;font-weight:500;line-height:2.8rem;font-size:1.4rem!important}}.header__description{width:100%;max-width:44.5rem;margin-bottom:6.6rem}@media (width<=1150px){.header__description{margin-bottom:5rem}}.skills__menu-description{color:#d9d9d9}.features__item-description{text-align:left;font-size:1.5rem;font-weight:500;line-height:2.8rem}.features__fun-facts-description{font-size:1.6rem;font-weight:400;line-height:1.4}.features__fun-facts-description--strong{margin-bottom:1rem;display:inline-block}.evolution__phase-mobile-sentence{margin-bottom:.5rem}.evolution__phase-mobile-sentence:last-child{margin-bottom:0}.future__box-description{color:#fff;line-height:2}@media (width<=850px){.future__box-description{font-size:1.6rem;line-height:2}}.milestones__item-description{width:100%;max-width:76rem}.faq__item-answer{margin-top:2rem;font-size:1.6rem}@media (width<=500px){.faq__item-answer{margin-top:1.5rem}}.game__fallback-message{text-align:center;width:100%;max-width:76rem}.game__fallback-message.hide{display:none}.game__fallback-message-strong{font-size:clamp(1.5rem,3vw,4rem);line-height:1.5}.my-process__book-description{opacity:.85;text-align:center;letter-spacing:.03rem;width:95%;font-size:1.4rem;font-weight:500;line-height:1.5}.my-process__slider-description{font-size:2rem;line-height:1.7}@media (width<=675px){.my-process__slider-description{font-size:1.6rem;font-weight:700}}.my-process__slider-helper{text-transform:uppercase;font-size:1.5rem;font-weight:700;position:relative}@media (width<=675px){.my-process__slider-helper{font-size:1.4rem;font-weight:700}}.my-process__slider-helper:after{content:"";background-color:#fff;width:100%;height:.2rem;position:absolute;bottom:0;left:0}@media (width<=675px){.my-process__slider-helper:after{content:none}}.footer__description{text-align:left;height:unset}@media (width<=850px){.footer__description{text-align:center}}@media (width<=500px){.footer__description{letter-spacing:0;font-size:1.6rem;font-weight:500;line-height:2.8rem}}.footer__form-message{color:#ff6f5b;margin-top:.4rem;padding-left:1rem;position:relative}.footer__form-message--textarea{margin-top:0;position:relative;top:-.4rem}.footer__form-message-span{opacity:0;transition:transform .3s,opacity .3s;transition-delay:calc(60ms * var(--i));font-size:1.2rem;display:inline-block;position:relative;transform:translate(-20rem,-5rem)rotate(-180deg)scale(3)}.footer__form-message.active .footer__form-message-span{opacity:1;transform:translate(0)rotate(0)scale(1)}.footer__envelope .footer__envelope-letter-message{color:#000000b3;font-weight:500;line-height:1.7rem;font-size:1rem!important}.footer__envelope .footer__envelope-description{color:#000000b3;font-weight:500;line-height:1.7rem;font-size:1.2rem!important}.footer__envelope-letter-strong{color:#000;font-weight:700}.header__author-button{z-index:10;min-width:44.5rem;min-height:72rem;position:absolute;top:0;right:0}@media (width<=775px){.header__author-button{pointer-events:none;min-width:34rem;min-height:55rem;position:relative;top:0}}.projects__button,.services__button,.features__button,.evolution__button,.future__button,.milestones__button,.faq__button,.activity__button,.game__button,.showcase__button{align-self:center}.footer__form-btn{text-transform:uppercase}.features__fun-facts-closebtn,.header__lightbox-closebtn,.footer__overlay-closebtn{cursor:pointer;padding:.5rem;transition:color .35s;position:absolute;top:.5rem;right:.5rem}.features__fun-facts-closebtn:hover,.features__fun-facts-closebtn:active,.header__lightbox-closebtn:hover,.header__lightbox-closebtn:active,.footer__overlay-closebtn:hover,.footer__overlay-closebtn:active{color:#4ee1a0}.features__fun-facts-closebtn:focus,.header__lightbox-closebtn:focus,.footer__overlay-closebtn:focus{outline:0}.features__fun-facts-closebtn:focus-visible,.header__lightbox-closebtn:focus-visible,.footer__overlay-closebtn:focus-visible{color:#4ee1a0}.faq__item-question{text-align:left;color:#fff;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;width:100%;transition:color .35s;display:flex}.faq__item-question[aria-expanded=true] .faq__item-question-icon{transform:rotate(180deg)}.faq__item-question:hover,.faq__item-question:active{color:#4ee1a0}.showcase__controls-btn{cursor:pointer;justify-content:center;align-items:center;width:3.6rem;height:3.9rem;display:flex}.showcase__controls-btn-pause{position:absolute;top:2rem;left:5rem}.showcase__controls-btn-play:hover .showcase__controls-icon-play,.showcase__controls-btn-play:active .showcase__controls-icon-play{color:#32b379}.showcase__controls-btn-play:hover .showcase__controls-icon-pause,.showcase__controls-btn-play:active .showcase__controls-icon-pause{color:#db3a24}.showcase__controls-btn-reset:hover .showcase__controls-icon-reset,.showcase__controls-btn-reset:active .showcase__controls-icon-reset{color:#f4d35e}.showcase__switcher-btn.active-video-button{color:#fff;background-color:#1f7a56;border-color:#0000;box-shadow:0 0 .8rem #1f7a56,0 0 2.4rem #1f7a56,0 0 4.8rem #1f7a56}@media (width<=675px){.showcase__switcher-btn:nth-child(2){order:1}}.footer__envelope-button{cursor:pointer}.back-to-top{color:inherit;opacity:0;transform-origin:50%;will-change:transform, opacity, color, border-color;z-index:50;border:.1rem solid #fff;border-radius:50%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;font-size:1.6rem;transition:all .5s;display:flex;position:absolute;bottom:2rem;right:2rem;transform:scale(0)}.back-to-top:hover,.back-to-top:active{color:#4ee1a0;border-color:#4ee1a0}@media (width<=500px){.back-to-top{opacity:1;position:absolute;left:50%;right:0;transform:scale(1)translate(-50%)}}.back-to-top.active{opacity:1;transform:scale(1)}.intro-scene-pacman{width:6rem;height:6rem;position:absolute;bottom:1rem;transform:translate(-20rem)}.intro-scene-pacman.pacman-active{animation:5.5s linear forwards move}.intro-scene-pacman-eye{background-color:#000;border-radius:50%;width:1rem;height:1rem;position:absolute;top:1rem;left:2rem}.intro-scene-pacman:before,.intro-scene-pacman:after{content:"";border:3rem solid #0000;border-color:#f4d35e #0000 #0000 #f4d35e;border-radius:50%;width:0;height:0;display:block;position:absolute}.intro-scene-pacman:before{animation:.5s infinite before-mouth}.intro-scene-pacman:after{border-color:#0000 #0000 #f4d35e #f4d35e;animation:.5s infinite after-mouth}.intro-scene-ghost{background-color:#4ee1a0;border-top-left-radius:7rem;border-top-right-radius:7rem;width:6rem;height:7rem;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(100%)}.intro-scene-ghost.ghost-active{animation:1s ease-out forwards fade-in-ghost-01,1.5s linear 2s forwards fade-in-ghost-02}.intro-scene-ghost.ghost-active-02{animation:1s ease-out forwards fade-in-ghost-03,.45s ease-in 3.5s forwards fade-in-ghost-04}.intro-scene-ghost:before,.intro-scene-ghost:after{content:"";background-color:#fff;border-radius:100%;width:2rem;height:2.5rem;position:absolute;top:1.5rem;left:.4rem}.intro-scene-ghost:after{position:absolute;left:2.8rem}.intro-scene-ghost-eyes:before,.intro-scene-ghost-eyes:after{content:"";z-index:99;background-color:#000000b3;border-radius:50%;width:1rem;height:1rem;position:absolute;top:2.5rem;left:.5rem}.intro-scene-ghost-eyes:after{left:30px}.intro-scene-ghost-eyes.active-eye:before,.intro-scene-ghost-eyes.active-eye:after{animation:.7s linear 1s forwards eye-animation}.intro-scene-ghost-body{border:1rem solid #000;border-top-color:#0000;width:0;height:0;position:absolute;bottom:-1rem}.intro-scene-ghost-body:before,.intro-scene-ghost-body:after{content:"";border:1rem solid #000;border-top-color:#0000;width:0;height:0;position:absolute;bottom:-1rem;left:1rem}.intro-scene-ghost-body:after{border-color:#0000 #000 #000;position:absolute;bottom:-1rem;left:3rem}.intro-scene-ghost-smile{transform-origin:bottom;border:.5rem solid #000000b3;border-top-color:#0000;border-radius:50%;width:1.5rem;height:1rem;transition:all .35s;position:absolute;top:73%;left:40%;transform:translateY(-73%)translate(-40%)scale(0)}.intro-scene-ghost-smile.active-smile{animation:.45s linear 1.8s forwards ghost-smile}.my-process__slider{background-image:linear-gradient(90deg,#1f7a56,#32b379,#4ee1a0);width:100%;max-width:60rem;height:30rem;padding:2rem 3rem;position:relative;overflow:hidden}.my-process__slider.hide{display:none}.my-process__slider-slide{opacity:0;text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;height:100%;padding:2rem 3rem;animation:5s linear forwards my-process-slider;display:flex;position:absolute;inset:0}@media (width<=500px){.my-process__slider-slide{padding:2rem 1.2rem}}.my-process__slider:hover .my-process__slider-slide,.my-process__slider:active .my-process__slider-slide,.my-process__slider.active .my-process__slider-slide{animation-play-state:paused}.my-process__slider-slide--01{animation-delay:0s}.my-process__slider-slide--02{animation-delay:5s}.my-process__slider-slide--03{animation-delay:10s}.my-process__slider-slide--04{animation-delay:15s}.my-process__slider-slide--05{animation-delay:20s}.my-process__slider-slide--06{animation:.5s linear 25s forwards fadeIn}.intro{pointer-events:none;z-index:5000;background-color:#000;width:100vw;height:100dvh;margin-top:0;padding-inline:2rem;position:fixed;inset:0}.intro.hide{display:none}.intro-imgbox{opacity:0;visibility:hidden;width:100%;max-width:105rem;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.intro-scene{width:100%;max-width:102.4rem;min-height:9rem;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%)translateY(-50%)}.intro-scene-line-01,.intro-scene-line-02{transform-origin:0;z-index:5;width:100%;height:.2rem;position:absolute;bottom:0;left:0}.intro-scene-line-01.active-line,.intro-scene-line-02.active-line{transform:scaleX(0)}.intro-scene-line-01{background-color:#fff;transform:scaleX(0)}.intro-scene-line-02{background-color:#3ec086;transform:scaleX(0)}.intro-scene-placeholder{will-change:transform;z-index:-1;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(-105%)}.intro-scene-placeholder.placeholder-active{animation:6s linear forwards move-scene}.intro-scene-placeholder>.intro-scene-pacman{transform:translate(0)}.intro-scene-placeholder>.intro-scene-ghost{position:absolute;top:1rem;left:20rem;transform:translate(0)translateY(0)}@keyframes move-scene{to{transform:translate(105%)}}.header{justify-content:center;width:100%;padding-inline:2rem;display:flex;position:relative}@media (width<=1150px){.header{padding-right:0}}@media (width<=775px){.header{padding-left:0}}.header__wrapper{width:100%;max-width:110rem;height:72rem;position:relative}@media (width<=775px){.header__wrapper{height:unset;flex-direction:column;justify-content:center;align-items:center;gap:4rem;display:flex}}.header__content{z-index:20;width:100%;max-width:70.6rem;height:100%;min-height:40.7rem;position:relative;top:16rem;left:0}@media (width<=1150px){.header__content{width:100%;max-width:56rem;height:100%;min-height:40.7rem}}@media (width<=950px){.header__content{width:100%;max-width:36.6rem;height:100%;min-height:40.7rem}}@media (width<=775px){.header__content{text-align:center;order:2;position:static}}.header__ring{position:absolute;top:18rem;left:-27.2rem}@media (width<=950px){.header__ring{position:absolute;top:16.6rem;left:-34.5rem}}@media (width<=500px){.header__ring{position:absolute;top:12.6rem;left:-33rem}}@media (width<=380px){.header__ring{position:absolute;top:18.1rem;left:-24.4rem}}.header__svg{z-index:20;position:absolute;top:52.1rem;right:38.25rem}@media (width<=1150px){.header__svg{position:absolute;right:-6.4rem}}.header__svg-circle{stroke-dasharray:500;stroke-dashoffset:500px;transition:stroke .3s}.header__svg-circle.active{animation:1s linear 3.25s forwards circle}@media (width<=560px){.header__svg-circle{stroke-dasharray:0;stroke-dashoffset:0}.header__svg-circle.active{animation:none}}.header__author{cursor:pointer;object-fit:cover;filter:blur(2rem)grayscale(.5)contrast(1.5)opacity(.6)saturate(2.5);z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.header__author.active{animation:.4s linear 2s forwards author-image}@media (width<=560px){.header__author.active{animation:none}.header__author{filter:blur()grayscale(.5)contrast(1.5)opacity(.6)saturate(2.5)}}.skills{justify-content:center;width:100%;margin-top:0;display:flex;position:relative}.skills__menu{grid-template-columns:repeat(3,1fr);gap:5.8rem 3rem;width:100%;max-width:110rem;padding-top:7.2rem;display:grid;position:relative}@media (width<=950px){.skills__menu{grid-template-columns:repeat(2,1fr)}}@media (width<=775px){.skills__menu{text-align:center;grid-template-columns:1fr;place-items:center;row-gap:2.9rem}}@media (width<=560px){.skills__menu{border-top:.1rem solid #fff;border-bottom:.1rem solid #fff;padding-top:3.6rem;padding-bottom:3.6rem}}.skills__menu.active:before{animation:.4s linear 3.75s forwards lineX}.skills__menu:before{content:"";transform-origin:0;background-color:#fff;width:100%;height:.1rem;position:absolute;top:0;left:0;transform:scaleX(0)}@media (width<=500px){.skills__menu:before{content:none}}.skills__menu.is-active .skills__menu-item{animation:.35s forwards skills-box;animation-delay:calc(var(--i) * .6s + 1s)}.skills__menu-item{opacity:0;will-change:transform, opacity;transform:scale(0)}.skills__ring{position:absolute;bottom:-6rem;right:-24.4rem}@media (width<=380px){.skills__ring{position:absolute;bottom:-5rem;right:-24.4rem}}.projects,.showcase,.game,.milestones,.faq,.future,.evolution,.features,.services{flex-direction:column;justify-content:center;align-items:center;gap:8rem;width:100%;display:flex}@media (width<=380px){.projects,.showcase,.game,.milestones,.faq,.future,.evolution,.features,.services{flex-direction:column;justify-content:center;align-items:center;gap:6rem;display:flex}}.projects__wrapper,.my-process__wrapper,.showcase__wrapper,.game__wrapper,.milestones__wrapper,.faq__wrapper,.future__wrapper,.evolution__wrapper,.features__wrapper,.services__wrapper{justify-content:space-between;gap:3rem;width:100%;max-width:110rem;display:flex}.projects__menu,.services__menu{grid-template-columns:repeat(2,1fr);gap:6.9rem 4rem;width:100%;max-width:110rem;display:grid}@media (width<=1150px){.projects__menu,.services__menu{grid-template-columns:1fr;place-items:center}}.projects__item{text-transform:uppercase}.projects__box{cursor:pointer;position:relative;overflow:hidden}@media (width<=850px){.projects__box{cursor:unset}}.projects__box-wrapper{width:100%;max-width:53.5rem;height:39.6rem;max-height:100%;position:relative}@media (width<=1150px){.projects__box-wrapper{width:100%;max-width:66rem;height:39.6rem}}.projects__box-img{object-fit:cover;width:100%;height:100%}.projects__box-overlay{opacity:0;z-index:100;background-color:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:4.8rem;width:100%;height:100%;transition:transform .3s linear,opacity .3s linear;display:flex;position:absolute;top:0;left:0;transform:translateY(-100%)}@media (width<=850px){.projects__box-overlay{display:none}}.projects__box:hover .projects__box-overlay,.projects__box:active .projects__box-overlay{opacity:1;transform:translateY(0)}.projects__box-links{margin-top:2rem;display:none}@media (width<=850px){.projects__box-links{justify-content:center;align-items:center;gap:3rem;display:flex}}.services__menu{gap:4rem}.services__item{width:100%;max-width:53rem}.services__item-box{text-align:center;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;min-height:34.1rem;padding:4rem 2.5rem;transition:all .3s ease-out;display:flex;transform:scale(1);box-shadow:.1rem .2rem .5rem #000000b3,inset -.2rem -.2rem .5rem #4ee1a0}.services__item-icon{color:#fff;background-color:#4ee1a0;border-radius:.5rem;justify-content:center;align-items:center;width:8.5rem;height:8.5rem;padding:2rem;font-size:4rem;display:flex;box-shadow:.2rem .4rem .1rem #f2f2f2}@media (width<=500px){.services__item-icon{width:6.5rem;height:6.5rem;padding:1rem}}.features__container{position:relative}.features__menu{flex-wrap:wrap;justify-content:center;align-items:center;gap:4rem;width:100%;max-width:110rem;transition:filter .3s ease-out;display:flex}.features__menu.active{filter:blur(1rem)}.features__item-box{text-align:center;border-radius:.5rem;align-items:center;gap:1rem;width:100%;max-width:48rem;padding:2.5rem;transition:all .3s ease-out;display:flex;box-shadow:.1rem .2rem .5rem #000000b3,inset .2rem .2rem .5rem #4ee1a0}@media (width<=380px){.features__item-box{padding:1.8rem}}.features__item-icon{color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:100%;max-width:7rem;padding:2rem;font-size:3rem;transition:background-color .5s;display:flex;box-shadow:inset .1rem .1rem .5rem #4ee1a0}.features__item-icon.random-active{background-color:#4ee1a0}.evolution__timeline{flex-direction:column;justify-content:center;align-items:center;gap:4rem;width:100%;max-width:110rem;padding-block:6rem;display:flex;position:relative;overflow:hidden}@media (width<=850px){.evolution__timeline{display:none}}.evolution__timeline:before{content:"";z-index:10;background-color:#151515;width:50%;height:100%;position:absolute;top:0;left:0}.evolution__line{transform-origin:top;z-index:15;width:.4rem;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)scaleY(1)}.evolution__line-01{background-color:#fff}.evolution__line-02{background-color:#4ee1a0;transform:translate(-50%)scaleY(0)}.evolution__phase{flex-direction:column;justify-content:center;align-items:center;gap:4rem;width:100%;max-width:60rem;display:flex;position:relative}.evolution__phase-sentence{margin-bottom:.5rem;transform:translate(60%)}.evolution__phase-sentence:last-child{margin-bottom:0}.evolution__phase-wrapper{width:100%}.evolution__timeline-mobile{width:100%;max-width:85rem;display:none}.evolution__timeline-mobile:before{content:none}@media (width<=850px){.evolution__timeline-mobile{flex-direction:column;justify-content:center;align-items:center;gap:6rem;display:flex}}.evolution__phase-mobile{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4rem;width:100%;max-width:40rem;padding-bottom:4rem;display:flex;position:relative}@media (width<=380px){.evolution__phase-mobile{flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}}.evolution__phase-mobile-line{transform-origin:0;background-color:#4ee1a0;width:100%;height:.3rem;position:absolute;bottom:0;left:0;transform:scaleX(1)}.evolution__phase-mobile-wrapper{width:100%}.future__box{background-color:#222;width:100%;max-width:80rem;height:50rem;max-height:100%;margin-top:4rem;position:relative}@media (width<=560px){.future__box{width:100%;max-width:80rem;height:40rem}}.future__box-project{width:100%;height:100%;position:absolute;overflow:hidden}.future__box-project-01{background:url(/portfolio/assets/CSS%20Art%20Anime%2002-CnsphVKA.jpg) 50%/cover no-repeat;transition:clip-path .5s}.future__box-project-01:hover .future__box-content-01{opacity:1;transition-delay:.6s;transform:translate(0)}.future__box-project-02{clip-path:polygon(70% 0,100% 0,100% 100%,30% 100%);background:url(/portfolio/assets/Designo%20Frontend%20Mentor%20Challenge-C20HAxHB.jpg) 50%/cover no-repeat;transition:clip-path .5s}.future__box-project-02:hover{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.future__box-project-02:hover .future__box-content-02{opacity:1;transition-delay:.6s;transform:translate(0)}.future__box .future__box-project-01:hover~.future__box-project{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.future__box-content{text-align:center;opacity:0;background-color:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;padding-block:4rem;padding-inline:10rem;transition:all .5s ease-out;display:flex;position:absolute;top:0;left:0}@media (width<=850px){.future__box-content{padding-inline:7rem}}@media (width<=675px){.future__box-content{padding-inline:4rem}}@media (width<=500px){.future__box-content{padding-inline:2rem}}.future__box-content-01{pointer-events:none;transform:translate(-100%)}.future__box-content-02{transform:translate(100%)}.faq__menu{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:.5rem;flex-direction:column;gap:2rem;width:100%;max-width:62rem;transition:all .3s ease-out;display:flex}@media (width<=675px){.faq__menu{padding-inline:0}}.faq__item{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:#222;border-radius:.8rem;max-height:7rem;padding:2.2rem;transition:box-shadow .35s linear,max-height .35s linear;overflow:hidden;box-shadow:0 0 .2rem .1rem #151515}.faq__item:hover,.faq__item:active{box-shadow:0 0 .2rem .1rem #4ee1a0}.faq__item.active{max-height:17rem}@media (width<=380px){.faq__item{padding:2rem}}.faq__item-question-icon{transition:transform .35s}.milestones__container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.milestones__item{z-index:1;background-color:#434040;flex-direction:column;justify-content:center;align-items:center;gap:5rem;width:100%;max-width:90rem;height:auto;min-height:50vh;padding:2rem 5rem;display:flex;position:relative;overflow:hidden}@media (width<=775px){.milestones__item{flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;padding-inline:3rem;display:flex}}.milestones__item:before,.milestones__item:after{content:"";background-color:#4ee1a0}.milestones__item:before{width:100%;height:.3rem;position:absolute;top:0;left:0}.milestones__item:after{width:.3rem;height:100%;position:absolute;top:0;right:0}.game__container{perspective:100rem;transform-style:preserve-3d;flex-direction:column;justify-content:center;align-items:center;gap:4rem;width:100%;max-width:110rem;display:flex}.game__container.hide{display:none}@media (width<=1300px){.showcase{margin-bottom:14rem}}@media (width<=950px){.showcase{margin-bottom:10rem}}@media (width<=500px){.showcase{margin-bottom:8rem}}.showcase__container{border-radius:.6rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:110rem;display:flex;position:relative;overflow:hidden}.showcase__container-01{background-color:#ffffffb3;min-height:69rem}@media (width<=850px){.showcase__container-01{display:none}}.showcase__wrapper-video{aspect-ratio:16/9;background-color:#222;border:5rem solid #222;width:100%;position:relative;overflow:hidden}@media (width<=775px){.showcase__wrapper-video{border-width:4rem}}@media (width<=500px){.showcase__wrapper-video{border-width:3rem}}.showcase__video{cursor:pointer;object-fit:cover;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .35s linear;position:absolute;top:0;left:0}.showcase__video.active{opacity:1;pointer-events:auto}.showcase__controls{color:#fff;background-color:#000;justify-content:center;align-items:center;gap:1rem;width:100%;padding:2rem 5rem;display:flex;position:relative}@media (width<=775px){.showcase__controls{padding:2rem 4rem}}@media (width<=500px){.showcase__controls{padding:2rem 3rem}}@media (width<=380px){.showcase__controls{padding:1rem 3rem}}.showcase__controls-icon{color:#fff;font-size:3.6rem;transition:color .35s ease-out}@media (width<=500px){.showcase__controls-icon{font-size:2.6rem}}@media (width<=380px){.showcase__controls-icon{font-size:2rem}}.showcase__controls-progress{cursor:pointer;width:100%}.showcase__controls-progress::-webkit-slider-thumb{transition:transform .15s ease-out}.showcase__controls-progress:hover::-webkit-slider-thumb{transform:scale(1.4)}.showcase__controls-time{width:5.2rem}.showcase__video-switcher{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:60rem;display:flex}.my-experience{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}@media (width<=1300px){.my-experience{display:none}}.my-overlay{z-index:2000;background-color:#0000;justify-content:center;align-items:center;width:100%;height:100%;margin-top:0;transition:transform 1s;display:flex;position:absolute;top:0;left:0}.my-overlay.active{transform:translateY(-150%)}.my-overlay__canvas{position:absolute;top:0;left:0}.my-overlay__wrapper{background-color:#0000;justify-content:center;align-items:end;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.my-overlay__box{text-align:center;flex-direction:column;justify-content:space-around;align-items:center;width:100%;max-width:55rem;height:18rem;margin-bottom:2rem;display:flex}.my-story{z-index:200;justify-content:center;align-items:center;width:100%;height:100%;margin-top:0;transition:transform 1s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.my-story.active{transform:translateY(-150%)}.my-story__container{backface-visibility:hidden;will-change:transform;z-index:1;background-color:#0000;background-image:linear-gradient(#151515d2,#151515),url(/portfolio/assets/my%20story%20bg-CJkp0xUe.jpg);background-position:0 0,0 0;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:center;align-items:center;gap:4rem;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:translateZ(0)}.my-story__dragon{backface-visibility:hidden;filter:drop-shadow(0 0 .2rem #000);will-change:transform;z-index:2;background-image:url(/portfolio/assets/red-dragon-D3c4OTDC.png);background-repeat:no-repeat;background-size:cover;width:100%;max-width:70rem;min-height:60rem;position:absolute;top:0;right:0;transform:translate(100%)}.my-story__dragon.active{animation:9s ease-in forwards dragon-flight}@media (width<=1150px){.my-story__dragon.active{animation:10.5s ease-in forwards dragon-flight}}@media (width<=850px){.my-story__dragon.active{z-index:2;width:100%;max-width:63rem;height:55rem;animation:12s ease-in forwards dragon-flight;position:absolute;top:-3rem;right:0}}@media (width<=775px){.my-story__dragon.active{width:63rem;animation:13s ease-in forwards dragon-flight}}.my-story__characters{z-index:5;flex-direction:column;justify-content:center;align-items:center;width:80vw;display:flex;position:relative}@media (width<=1150px){.my-story__characters{position:relative;left:5rem}}@media (width<=850px){.my-story__characters{justify-content:center;align-items:center;gap:4rem;display:flex;position:relative;left:0}}.my-story__character{justify-content:center;align-items:center;display:flex;position:relative}@media (width<=850px){.my-story__character{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}}.my-story__character-img-box{width:100%;max-width:26rem;position:relative}@media (width<=775px){.my-story__character-img-box{width:100%;max-width:22rem}}.my-story__character-img{object-fit:cover;transition:transform .3s linear,opacity .3s linear;position:static}.my-story__character-img-man,.my-story__character-img-woman{opacity:.75}.my-story__character-img-man.hide,.my-story__character-img-woman.hide{transform:scale(0)}.my-story__character-img-man.active,.my-story__character-img-woman.active{opacity:1}.my-story__character-img-woman{transition-delay:.3s}.my-story__character-img-rock-man,.my-story__character-img-rock-woman{position:absolute;top:0;left:-1.5rem;transform:scale(0)}.my-story__character-img-rock-man.active,.my-story__character-img-rock-woman.active{transform:scale(1)}.my-story__character-img-rock-woman{transition-delay:.3s}.my-story__character-title-box{position:absolute;bottom:.4rem;left:6.2rem}@media (width<=775px){.my-story__character-title-box{position:absolute;bottom:.4rem;left:5.2rem}}.my-story__character-description-box{width:100%;max-width:65rem;margin-top:4rem;margin-left:-4rem}@media (width<=850px){.my-story__character-description-box{margin-top:0;margin-left:0}}@media (width<=775px){.my-story__character-description-box{margin-left:-3.2rem}}.my-story__character-description{color:#d9d9d9;letter-spacing:0;font-size:1.8rem;font-weight:500;line-height:2.8rem}@media (width<=850px){.my-story__character-description{font-size:1.6rem}}@media (width<=775px){.my-story__character-description{line-height:2.4rem;font-size:1.4rem!important}}@media (width<=560px){.my-story__character-description{font-size:1.2rem;line-height:2rem}}.my-story__character-bubble-box{z-index:999;background-color:#fff;border-radius:1rem;justify-content:center;align-items:center;width:100%;max-width:18rem;height:5rem;padding-inline:1rem;transition:opacity .325s ease-in;display:flex;position:absolute;top:68%;left:-10.8rem;transform:translateY(-68%);box-shadow:0 0 0 .2rem #999}@media (width<=850px){.my-story__character-bubble-box{z-index:999;position:absolute;top:68%;left:-12rem}}@media (width<=560px){.my-story__character-bubble-box{width:100%;max-width:15rem;padding-inline:0;position:absolute;left:-9rem}}@media (width<=500px){.my-story__character-bubble-box{width:100%;max-width:13rem;position:absolute;left:-6.8rem}}.my-story__character-bubble-box:before{content:"";z-index:1;border-top:2rem solid #0000;border-bottom:2rem solid #0000;border-left:4rem solid #fff;position:absolute;top:3rem;right:.06rem;transform:rotate(65deg)}.my-story__character-bubble-message{color:#999;z-index:5;font-size:1.4rem;font-weight:700;position:static}@media (width<=560px){.my-story__character-bubble-message{font-size:1.2rem}}.my-story__character-bubble-woman,.my-story__character-bubble-man{opacity:0;transition:opacity .3s linear}.my-story__character-bubble-woman.active,.my-story__character-bubble-man.active{opacity:1}.my-process{flex-direction:column;justify-content:start;align-items:center;gap:8rem;width:100%;height:100%;margin-top:0;transition:transform 1s;display:flex}@media (width<=380px){.my-process{flex-direction:column;justify-content:center;align-items:center;gap:6rem;display:flex}}@media (width<=850px){.my-process__wrapper{justify-content:center;align-items:center;display:flex}}.my-process__container{justify-content:center;align-items:center;width:100%;max-width:110rem;height:40rem;display:flex}@media (width<=560px){.my-process__container{width:100%;max-width:110rem;height:32rem}}.footer{background-color:#242424;flex-direction:column;justify-content:center;align-items:center;gap:9.2rem;width:100%;padding:8.75rem 2rem;display:flex}.footer__contact{justify-content:space-between;gap:4rem;width:100%;max-width:110rem;min-height:32.7rem;margin-top:0;display:flex;position:relative}@media (width<=850px){.footer__contact{flex-direction:column;justify-content:space-between;align-items:center;display:flex}}.footer__container{flex-direction:column;gap:3.7rem;width:100%;max-width:41.2rem;display:flex}@media (width<=850px){.footer__container{flex-direction:column;justify-content:center;align-items:center;gap:3.7rem;display:flex}}.footer__ring{position:absolute;bottom:-6rem;left:-38.4rem}@media (width<=500px){.footer__ring{position:absolute;bottom:-6.4rem;left:-24rem}}.footer__overlay{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);cursor:pointer;z-index:5000;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .5s ease-out;display:flex;position:fixed;top:0;left:0;transform:scale(0)}.footer__overlay-description{text-align:center;position:absolute;top:85%;left:50%;transform:translate(-50%,-75%)}.footer__overlay.active{transform:scale(1)}