.hero__wrapper{width:100%;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--white);z-index:3}.hero__wrapper .model__wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:all .2s ease-in}.hero__wrapper .model__wrapper div *{pointer-events:none!important}.hero__wrapper .hero-content__wrapper{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.hero__wrapper .hero-content__wrapper h2{font-size:220px;font-weight:700;color:#e5e5e5;position:relative;font-family:var(--secondary-font)!important;height:175px;line-height:.5;transition:transform .6s cubic-bezier(.215,.61,.355,1)}.hero__wrapper .hero-content__wrapper span{font-size:24px;color:var(--secondary);font-weight:400;position:relative;z-index:2;transition:all .6s cubic-bezier(.215,.61,.355,1)}.hero__wrapper .hero-content__wrapper .title-1{transform:translateX(-100%)}.hero__wrapper .hero-content__wrapper .title-2{transform:translateY(100%);display:block}.hero__wrapper .hero-content__wrapper .title-3{transform:translateX(100%)}.hero__wrapper .hero-bottom__wrapper{position:absolute;bottom:-100%;left:0;width:100%;pointer-events:none;transition:bottom .6s cubic-bezier(.215,.61,.355,1)}.hero__wrapper .hero-bottom__wrapper .hero-bottom-inner__wrapper{height:80px;padding-bottom:32px;display:flex;align-items:flex-end;justify-content:space-between}.hero__wrapper .hero-bottom__wrapper .hero-bottom-inner__wrapper .freelance__wrapper{display:flex;flex-direction:column;gap:10px}.hero__wrapper .hero-bottom__wrapper .hero-bottom-inner__wrapper .freelance__wrapper .dot__wrapper{display:flex;align-items:center;gap:8px}.hero__wrapper .hero-bottom__wrapper .hero-bottom-inner__wrapper .freelance__wrapper .dot__wrapper span{color:var(--primary)}.hero__wrapper .hero-bottom__wrapper .hero-bottom-inner__wrapper .freelance__wrapper .dot__wrapper .online-dot{width:12px;height:12px;background-color:green;border-radius:50%;box-shadow:0 0 10px rgba(0,128,0,.7);animation:flash 3s infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:.4}}.hero__wrapper .hero-bottom__wrapper .hero-bottom-inner__wrapper span{font-size:14px;color:var(--primary)}@media screen and (max-width:1080px){.hero__wrapper .hero-content__wrapper h2{font-size:150px;height:120px}}@media screen and (max-width:750px){.hero__wrapper .hero-content__wrapper h2{font-size:100px;height:80px;z-index:2;mix-blend-mode:difference}.hero__wrapper .hero-content__wrapper span{font-size:22px}}@media screen and (max-width:500px){.hero__wrapper .hero-content__wrapper h2{font-size:70px;height:55px}.hero__wrapper .hero-content__wrapper span{font-size:18px}.hero__wrapper .hero-bottom__wrapper .hero-bottom-inner__wrapper .freelance__wrapper .dot__wrapper .online-dot{width:10px;height:10px}.hero__wrapper .hero-bottom__wrapper .hero-bottom-inner__wrapper .freelance__wrapper .dot__wrapper span{display:block!important}.hero__wrapper .hero-bottom__wrapper .hero-bottom-inner__wrapper span{font-size:12px}}.about__wrapper{width:100%;position:relative}.about__wrapper .tunnel__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.about__wrapper .tunnel__wrapper img{width:100%;height:100%;object-fit:cover}.about__wrapper .about-wrapper__inner{width:100%;display:flex;flex-direction:column;gap:300px}.about__wrapper .about-wrapper__inner .single-about__section{width:100%;height:150vh;position:relative}.about__wrapper .about-wrapper__inner .single-about__section .inner-single__section{max-width:1280px;width:100%;margin:0 auto;height:100vh;position:-webkit-sticky;position:sticky;top:0;display:flex;flex-wrap:wrap;align-items:center}.about__wrapper .about-wrapper__inner .single-about__section .inner-single__section .split-text__container{max-width:600px;width:100%;display:flex;flex-wrap:wrap}.about__wrapper .about-wrapper__inner .single-about__section .inner-single__section .split-text__container span{font-family:var(--secondary-font)!important;font-size:28px;line-height:1.2;color:var(--primary);opacity:.2}.about__wrapper .about-wrapper__inner .single-about__section .inner-single__section.flex-start{justify-content:flex-start}.about__wrapper .about-wrapper__inner .single-about__section .inner-single__section.flex-end{justify-content:flex-end}.about__wrapper .about-avatar__wrapper{width:50%;height:100vh;position:fixed;top:0;right:0;z-index:2}@media screen and (max-width:1200px){.about__wrapper .about-wrapper__inner{gap:200px}.about__wrapper .about-wrapper__inner .single-about__section .inner-single__section .split-text__container span{font-size:24px}}@media screen and (max-width:1000px){.about__wrapper .about-wrapper__inner{gap:0;position:relative;z-index:3}.about__wrapper .about-wrapper__inner .single-about__section .inner-single__section .split-text__container span{font-size:24px}.about__wrapper .about-avatar__wrapper{width:100%;opacity:.7}}@media screen and (max-width:578px){.about__wrapper .about-wrapper__inner .single-about__section .inner-single__section .split-text__container span{font-size:20px}}.skills__wrapper{width:100%;position:relative;z-index:3;background:var(--white)}.skills__wrapper .sticky__container{width:100%;height:160vh;position:relative}.skills__wrapper .sticky__container .sticky-container__inner{width:100%;height:100vh;position:-webkit-sticky;position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;flex-direction:column;background:var(--primary)}.skills__wrapper .sticky__container .sticky-container__inner .content__wrapper{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.skills__wrapper .sticky__container .sticky-container__inner .content__wrapper h2{font-family:var(--secondary-font)!important;font-size:200px;font-weight:700;color:var(--white);opacity:0;z-index:2;position:absolute;height:165px;line-height:.5}.skills__wrapper .sticky__container .sticky-container__inner .content__wrapper .model__wrapper{position:absolute;bottom:0;left:0;transform:translateY(150%);width:100%;height:100%;z-index:3}.skills__wrapper .sticky__container .sticky-container__inner .content__wrapper h2.outline{z-index:4;pointer-events:none;color:transparent;font-weight:500;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:var(--white);opacity:0}@media screen and (max-width:1100px){.skills__wrapper .sticky__container .sticky-container__inner .content__wrapper h2{font-size:150px;height:125px}}@media screen and (max-width:850px){.skills__wrapper .sticky__container .sticky-container__inner .content__wrapper h2{font-size:100px;height:80px}.skills__wrapper .sticky__container .sticky-container__inner .content__wrapper h2.outline{-webkit-text-stroke-width:1px}}@media screen and (max-width:580px){.skills__wrapper .sticky__container .sticky-container__inner .content__wrapper h2{font-size:60px;height:45px}}.skills__wrapper .matter__wrapper{position:absolute;bottom:0;left:0;width:100%;z-index:1}.skills__wrapper .matter__wrapper div canvas{height:100%;border:none}@media screen and (max-width:1023px){.skills__wrapper .marquee-on-scroll__wrapper,.skills__wrapper .matter__wrapper{display:none}}.works__wrapper{width:100%;background:var(--primary);overflow-x:hidden;overflow-y:visible}.works__wrapper .works-inner__wrapper{position:relative}.works__wrapper .works-inner__wrapper .works-scroller__wrapper{width:100%;height:100vh;display:flex}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-content__wrapper{max-width:40%;width:100%;background:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-content__wrapper .content{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5vw 40px}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-content__wrapper .content .text__layer{overflow:hidden;height:45px}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-content__wrapper .content .text__layer .scroller__text{font-family:var(--secondary-font)!important;font-size:38px;color:var(--white);font-weight:600;transition:all .5s ease;transform:translateY(0);line-height:1.2}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-images__wrapper{max-width:60%;width:100%;display:flex;align-items:center;overflow:hidden}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-images__wrapper .single-image__wrapper{min-width:100%;width:100%;height:100%;overflow:hidden;position:relative}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-images__wrapper .single-image__wrapper a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-images__wrapper .single-image__wrapper img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:1099px){.works__wrapper .works-inner__wrapper .works-scroller__wrapper{flex-direction:column}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-content__wrapper{max-width:100%;min-height:30vh}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-content__wrapper .content{padding:0 5% 32px}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-images__wrapper{max-width:100%;height:70vh;display:block}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-images__wrapper .single-image__wrapper{min-height:100%}}@media screen and (max-width:768px){.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-content__wrapper{height:40vh}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-content__wrapper .content .text__layer{height:40px}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-content__wrapper .content .text__layer .scroller__text{font-size:32px}.works__wrapper .works-inner__wrapper .works-scroller__wrapper .scroller-images__wrapper{height:60vh}}.works-new__wrapper{width:100%;height:750vh;background:var(--black);position:relative;z-index:2}.works-new__wrapper .slider{width:100vw;height:100dvh;transform-style:preserve-3d;perspective:500px;overflow:hidden;z-index:2}.works-new__wrapper .slider .overlay{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.works-new__wrapper .slider .overlay .tunnel{width:100%;height:100%;object-fit:cover}.works-new__wrapper .slider .overlay .work-name__wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;justify-content:center;mix-blend-mode:exclusion}.works-new__wrapper .slider .overlay .work-name__wrapper .work-name__title{font-family:var(--primary-font)!important;font-size:48px;color:var(--white);font-weight:600;text-transform:uppercase;white-space:nowrap}.works-new__wrapper .slider .slide{position:absolute;width:400px;height:500px;opacity:0;will-change:transform,opacity}.works-new__wrapper .slider .slide-0{width:600px;height:700px}.works-new__wrapper .slider .slide-img{width:100%;height:100%}.works-new__wrapper .slider .slide-img a{display:block;width:100%;height:100%}.works-new__wrapper .slider .slide-img img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:768px){.works-new__wrapper .slider .overlay .work-name__wrapper .work-name__title{font-size:32px}.works-new__wrapper .slider .slide{width:300px;height:400px}}.experiences__wrapper{width:100%;height:auto;background:var(--white);position:relative;z-index:3}.experiences__wrapper .content__wrapper{width:100%;display:flex;align-items:flex-start;gap:5vw;padding-top:200px;padding-bottom:96px}.experiences__wrapper .content__wrapper .image__wrapper{width:50%;padding-left:5vw;display:flex;justify-content:center;position:relative}.experiences__wrapper .content__wrapper .image__wrapper .pixels__wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(10,1fr)}.experiences__wrapper .content__wrapper .image__wrapper .pixels__wrapper .pixel__item{background:var(--white);transition:all .2s ease-in-out}.experiences__wrapper .content__wrapper .image__wrapper .image__block{max-width:500px;position:relative;display:flex}.experiences__wrapper .content__wrapper .image__wrapper .image__block img{width:100%;height:auto}.experiences__wrapper .content__wrapper .inner__wrapper{width:50%;padding-right:5vw;display:flex;justify-content:flex-start}.experiences__wrapper .content__wrapper .inner__wrapper .content__block{display:flex;flex-direction:column;width:100%;gap:32px;max-width:500px}.experiences__wrapper .content__wrapper .inner__wrapper .content__block .block__item{display:flex;flex-direction:column;gap:24px}.experiences__wrapper .content__wrapper .inner__wrapper .content__block .block__item .text__layer{display:inline-flex;overflow:hidden}.experiences__wrapper .content__wrapper .inner__wrapper .content__block .block__item .title{font-family:var(--secondary-font)!important;font-size:22px}.experiences__wrapper .content__wrapper .inner__wrapper .content__block .block__item .block__list{display:flex;flex-direction:column;gap:20px}.experiences__wrapper .content__wrapper .inner__wrapper .content__block .block__item .block__list .list__item{font-size:16px}.experiences__wrapper .content__wrapper .inner__wrapper .content__block .block__item .block__list .experience__wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:990px){.experiences__wrapper .content__wrapper{flex-direction:column;gap:48px;padding-top:64px;padding-bottom:64px}.experiences__wrapper .content__wrapper .image__wrapper{width:100%;justify-content:flex-start;padding-right:5vw}.experiences__wrapper .content__wrapper .inner__wrapper{width:100%;justify-content:flex-end;padding-left:5vw}}