@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rethink+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes vanish{0%{opacity:1}to{opacity:0}}@keyframes drop{0%{height:0%}to{height:100%}}@keyframes fromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fromBottomA{0%{transform:translateY(100%)}50%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes toTop{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}@keyframes fromTop{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes border-circle{0%{-webkit-clip-path:polygon(50% -20.71%,50% 50%,50% 0,50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% -20.71%,50% 50%,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{-webkit-clip-path:polygon(50% -20.71%,50% 50%,100% 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% -20.71%,50% 50%,100% 0,100% 0,100% 0,100% 0,100% 0)}25%{-webkit-clip-path:polygon(50% -20.71%,50% 50%,120.71% 50%,120.71% 50%,120.71% 50%,120.71% 50%,100% 0);clip-path:polygon(50% -20.71%,50% 50%,120.71% 50%,120.71% 50%,120.71% 50%,120.71% 50%,100% 0)}37.5%{-webkit-clip-path:polygon(50% -20.71%,50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,100% 0);clip-path:polygon(50% -20.71%,50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,100% 0)}50%{-webkit-clip-path:polygon(50% -20.71%,50% 50%,50% 120.71%,50% 120.71%,50% 120.71%,100% 100%,100% 0);clip-path:polygon(50% -20.71%,50% 50%,50% 120.71%,50% 120.71%,50% 120.71%,100% 100%,100% 0)}62.5%{-webkit-clip-path:polygon(50% -20.71%,50% 50%,0 100%,0 100%,0 100%,100% 100%,100% 0);clip-path:polygon(50% -20.71%,50% 50%,0 100%,0 100%,0 100%,100% 100%,100% 0)}75%{-webkit-clip-path:polygon(50% -20.71%,50% 50%,-20.71% 50%,-20.71% 50%,0 100%,100% 100%,100% 0);clip-path:polygon(50% -20.71%,50% 50%,-20.71% 50%,-20.71% 50%,0 100%,100% 100%,100% 0)}87.5%{-webkit-clip-path:polygon(50% -20.71%,50% 50%,0 0,0 0,0 100%,100% 100%,100% 0);clip-path:polygon(50% -20.71%,50% 50%,0 0,0 0,0 100%,100% 100%,100% 0)}to{-webkit-clip-path:polygon(50% -20.71%,50% 50%,50% -20.71%,0 0,0 100%,100% 100%,100% 0);clip-path:polygon(50% -20.71%,50% 50%,50% -20.71%,0 0,0 100%,100% 100%,100% 0)}}@keyframes carousel{0%{transform:translateX(0)}to{transform:translateX(-2000px)}}@keyframes curtain{0%{height:100%;-webkit-clip-path:polygon(0 0,10% 0,20% 0,30% 0,40% 0,50% 0,60% 0,70% 0,80% 0,90% 0,100% 0,100% 100%,80% 100%,80% 100%,60% 100%,60% 100%,40% 100%,40% 100%,20% 100%,20% 100%,0 100%);clip-path:polygon(0 0,10% 0,20% 0,30% 0,40% 0,50% 0,60% 0,70% 0,80% 0,90% 0,100% 0,100% 100%,80% 100%,80% 100%,60% 100%,60% 100%,40% 100%,40% 100%,20% 100%,20% 100%,0 100%)}40%{-webkit-clip-path:polygon(0 0,10% 0,20% 0,30% 0,40% 0,50% 0,60% 0,70% 0,80% 0,90% 0,100% 0,100% 80%,80% 80%,80% 70%,60% 70%,60% 60%,40% 60%,40% 40%,20% 40%,20% 20%,0 20%);clip-path:polygon(0 0,10% 0,20% 0,30% 0,40% 0,50% 0,60% 0,70% 0,80% 0,90% 0,100% 0,100% 80%,80% 80%,80% 70%,60% 70%,60% 60%,40% 60%,40% 40%,20% 40%,20% 20%,0 20%)}70%{-webkit-clip-path:polygon(0 0,10% 0,20% 0,30% 0,40% 0,50% 0,60% 0,70% 0,80% 0,90% 0,100% 0,100% 40%,80% 40%,80% 30%,60% 30%,60% 20%,40% 20%,40% 10%,20% 10%,20% 0,0 0);clip-path:polygon(0 0,10% 0,20% 0,30% 0,40% 0,50% 0,60% 0,70% 0,80% 0,90% 0,100% 0,100% 40%,80% 40%,80% 30%,60% 30%,60% 20%,40% 20%,40% 10%,20% 10%,20% 0,0 0)}to{-webkit-clip-path:polygon(0 0,10% 0,20% 0,30% 0,40% 0,50% 0,60% 0,70% 0,80% 0,90% 0,100% 0,100% 0,80% 0,80% 0,60% 0,60% 0,40% 0,40% 0,20% 0,20% 0,0 0);clip-path:polygon(0 0,10% 0,20% 0,30% 0,40% 0,50% 0,60% 0,70% 0,80% 0,90% 0,100% 0,100% 0,80% 0,80% 0,60% 0,60% 0,40% 0,40% 0,20% 0,20% 0,0 0)}}@keyframes shrink{0%{transform:scale(1)}to{transform:scale(.9)}}@keyframes shrink-center{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes shrink-center-hori{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@font-face{font-family:Helvetica Now Display;font-style:normal;font-weight:700;src:local("Helvetica Now Display"),url(/_next/static/media/HelveticaNowDisplay-ExtBlkIta.3b33a5ec.woff) format("woff");font-display:swap}.text_link{position:relative}.text_link:before{content:"";width:100%;height:1px;position:absolute;right:0;bottom:0;background-color:red}.text_link:hover{font-style:italic}.nav__curtain{width:100vw;position:absolute;pointer-events:none;bottom:-7vh;z-index:999999;background:rgba(0,0,0,.4)}.nav__curtain--active{animation:curtainV2 1.3s linear reverse forwards}.nav{position:fixed;display:flex;width:100vw;bottom:7vh;height:74px;opacity:0;z-index:9999}@media only screen and (max-width:95em){.nav{justify-content:space-between}}@media only screen and (max-width:56.25em){.nav{padding:0 24px;height:140px;bottom:0;top:calc(90vh - 140px);flex-direction:column;justify-content:flex-end;gap:20px;pointer-events:none;width:100%}}.nav__container{height:100%;position:relative;display:flex;justify-content:flex-start;align-items:center;max-width:500px;width:500px;border-top-left-radius:50px;border-bottom-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;overflow:hidden}@media only screen and (max-width:95em){.nav__container.carousel{margin:0!important}}@media only screen and (max-width:56.25em){.nav__container,.nav__container.carousel{margin:0 auto!important}.nav__container{height:50px;max-width:350px;justify-content:center}}.nav__container a{text-decoration:none;color:#fff}.nav__container__menu{padding:0 2rem;height:74px;background:rgba(41,41,41,.4);backdrop-filter:blur(14.5px);-webkit-backdrop-filter:blur(14.5px);border-top-left-radius:50px;border-bottom-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;width:330px;transition:all .5s ease-in .3s;overflow:hidden}@media only screen and (max-width:56.25em){.nav__container__menu{width:250px;height:64px;padding:0;pointer-events:all}}.nav__container__menu__contents{display:flex;justify-content:center;align-items:center;font-size:24px;height:100%;position:relative}@media only screen and (max-width:56.25em){.nav__container__menu__contents{font-size:20px}}.nav__container__menu__contents p{width:100px;height:100%;position:relative;font-size:24px;transition:font-size .3s ease-in .3s}@media only screen and (max-width:56.25em){.nav__container__menu__contents p{font-size:20px}}.nav__container__menu__contents p:nth-child(1n){margin-top:0;transition:margin-top .5s ease-out;transition-delay:.9s}.nav__container__menu__contents p:nth-child(2n){margin-top:0;transition:margin-top .5s ease-out;transition-delay:1s}.nav__container__menu__contents p:nth-child(3n){margin-top:0;transition:margin-top .5s ease-out;transition-delay:1.1s}.nav__container__menu__contents p.carousel{margin-top:100px;transition:margin-top .3s ease-out}.nav__container__menu__contents p.carousel:nth-child(2n){transition-delay:.3s}.nav__container__menu__contents p.carousel:nth-child(3n){transition-delay:.24s}.nav__container__menu__contents p.carousel:nth-child(4n){transition-delay:.18s}.nav__container__menu__contents p span{display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;font-weight:400;cursor:pointer;font-size:16px}.nav__container__menu__contents .nav-link-active{position:absolute;width:5px;height:5px;bottom:20%;left:44px;border-radius:50%;background:#fff;pointer-events:none;transition:left .5s ease-out;opacity:1;transition:opacity .5s ease-out 1.1s!important}@media only screen and (max-width:56.25em){.nav__container__menu__contents .nav-link-active{left:40px}}.nav__container__menu__contents .nav-link-active.carousel-dot{opacity:0;transition:opacity .25s ease-in!important}.nav__container__menu__contents .nav-link-active.work--nav{left:130px;transition:all .5s ease-in 1.1s}@media only screen and (max-width:56.25em){.nav__container__menu__contents .nav-link-active.work--nav{left:126px}}.nav__container__menu__contents .nav-link-active.journal--nav{left:220px;transition:left .5s ease-in 1.1s}@media only screen and (max-width:56.25em){.nav__container__menu__contents .nav-link-active.journal--nav{left:206px}}.nav__container__menu__contents__hamburger{position:absolute;left:0;cursor:pointer;width:74px;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease-out}@media only screen and (max-width:56.25em){.nav__container__menu__contents__hamburger{height:44px;margin-left:calc(60px - 100%)}}.nav__container__menu__contents__hamburger.carousel{opacity:1;pointer-events:all;transition:opacity .5s ease-in 1.4s}.nav__container__menu.carousel{padding:0;width:75px;transition:all .8s ease-in-out .6s}@media only screen and (max-width:56.25em){.nav__container__menu.carousel{width:64px;height:100%;margin-left:calc(60px - 100%)}}.nav__container__info{position:absolute;left:110%;transition:left .5s ease-in-out;padding:0 1rem;height:100%;background:rgba(41,41,41,.4);backdrop-filter:blur(14.5px);-webkit-backdrop-filter:blur(14.5px);border-top-left-radius:50px;border-bottom-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;width:440px}@media only screen and (max-width:95em){.nav__container__info{width:380px}}@media only screen and (max-width:56.25em){.nav__container__info{padding:0 .35rem;pointer-events:all}}.nav__container__info.carousel{display:flex;left:95px;transition:left .5s ease-in-out 1s}@media only screen and (max-width:56.25em){.nav__container__info.carousel{left:75px;pointer-events:all}}.nav__container__info__container{display:flex;justify-content:flex-start;align-items:center;height:100%;width:100%;gap:20px}@media only screen and (max-width:56.25em){.nav__container__info__container{gap:15px}}.nav__container__info__container__avatar{display:flex;align-items:center;animation:appear .5s ease-in}.nav__container__info__container__avatar img{object-fit:cover;border-radius:180px}@media only screen and (max-width:56.25em){.nav__container__info__container__avatar img{width:40px;height:40px}}.nav__container__info__container__texts{display:flex;align-items:flex-start;flex-direction:column;gap:10px}@media only screen and (max-width:56.25em){.nav__container__info__container__texts{gap:5px}}@media only screen and (max-width:95em){.nav__container.carousel+.nav__carousel{position:relative}}.nav__links{position:absolute;height:100%;margin-left:100px}@media only screen and (max-width:95em){.nav__links.carousel{position:relative}}@media only screen and (max-width:56.25em){.nav__links{display:none}}.nav__links__container{display:flex;align-items:center;height:100%;overflow:hidden;animation:vanish .6s linear 9.5s}.nav__links__container a{padding:1rem 2rem;background:rgba(41,41,41,.4);backdrop-filter:blur(14.5px);-webkit-backdrop-filter:blur(14.5px);border-radius:50px;color:#fff;animation:fromBottom .5s linear}.nav__carousel{position:absolute;height:100%;display:flex;align-content:center;justify-content:flex-end;right:0;top:0;margin-right:32px}@media only screen and (max-width:56.25em){.nav__carousel{width:100%;position:relative;justify-content:center;height:auto;pointer-events:all;top:0}}.nav__carousel .nav-carousel{width:400px;overflow:hidden}@media only screen and (max-width:56.25em){.nav__carousel .nav-carousel{width:-moz-fit-content;width:fit-content}}.nav__carousel .nav-carousel__container{display:flex;justify-content:flex-start;align-items:center;gap:24px;overflow-x:scroll;height:74px;-ms-overflow-style:none;scrollbar-width:none;animation:fromRight 1s ease-in}.nav__carousel .nav-carousel__container::-webkit-scrollbar{display:none}@media only screen and (max-width:56.25em){.nav__carousel .nav-carousel__container{height:64px}}.nav__carousel .nav-carousel__container__image{position:relative;width:100px;height:100%;cursor:pointer}@media only screen and (max-width:56.25em){.nav__carousel .nav-carousel__container__image{width:auto}}.nav__carousel .nav-carousel__container__image img{object-fit:cover;border-radius:180px;position:relative;margin:2px 2px 0}@media only screen and (max-width:56.25em){.nav__carousel .nav-carousel__container__image img{width:50px;height:50px}}.nav__carousel .nav-carousel__container__image.nav-carousel-active{position:relative;width:100px;height:100%}@media only screen and (max-width:56.25em){.nav__carousel .nav-carousel__container__image.nav-carousel-active{width:auto}}.nav__carousel .nav-carousel__container__image.nav-carousel-active:before{content:"";position:absolute;top:0;left:0;width:74px;height:74px;border:4px solid #000;border-radius:180px;animation:border-circle 15s linear;z-index:1}@media only screen and (max-width:56.25em){.nav__carousel .nav-carousel__container__image.nav-carousel-active:before{width:54px;height:54px}}.page-loader{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:9999;background-color:#000;pointer-events:none;transform:translateY(0);animation:curtain 1s linear;display:none}.text-loader{height:20px;width:auto}@media only screen and (max-width:56.25em){.text-loader{height:15px}}.text-loader__container{overflow:hidden;animation:drop .5s ease-in;color:#fff}@media only screen and (max-width:56.25em){.text-loader__container h3,.text-loader__container p{font-size:12px}}.homepage__hero__container{height:min(100vh,980px);color:#fff;gap:50px;max-width:1980px;margin:0 auto;padding:0 100px}@media only screen and (max-width:56.25em){.homepage__hero__container{padding:24px}}.homepage__hero__container h3{text-align:center;margin:24px 0}.homepage__hero__container h3:hover{font-style:italic}.homepage__hero__container__body{display:flex;flex-direction:column;font-family:Rethink Sans,sans-serif;gap:10px;padding-top:20%;width:75%;margin:0 auto}@media only screen and (max-width:56.25em){.homepage__hero__container__body{width:90%;padding-top:30%}}.homepage__hero__container__body__desc{color:#fff;font-size:24px;animation:appear 2s linear;text-align:center;max-width:100%}@media only screen and (max-width:56.25em){.homepage__hero__container__body__desc{font-size:16px}}.homepage__hero__container__body__desc br{padding-bottom:24px}.homepage__hero__layer{position:absolute;top:0;left:0;color:#000;background-color:green;-webkit-clip-path:circle(0);clip-path:circle(0)}.homepage__projects{margin-top:160px;position:relative}@media only screen and (max-width:56.25em){.homepage__projects{margin-top:0}}.homepage__projects__container{max-width:1980px;margin:0 auto;position:relative;padding:0 100px;display:grid;grid-gap:40px;gap:40px}@media only screen and (max-width:56.25em){.homepage__projects__container{padding:24px}}.homepage__projects__container__contents{position:-webkit-sticky;position:sticky;top:0;left:0}.homepage__projects__container__contents:first-child{padding-top:0}@media only screen and (max-width:56.25em){.homepage__projects__container__contents:nth-child(4) img{object-position:top left!important}}.homepage__projects__container .homepage__project{width:100%;border-radius:36px;height:min(100vh,980px);position:relative;overflow:hidden;cursor:pointer}@media only screen and (max-width:56.25em){.homepage__projects__container .homepage__project{height:90vh}}.homepage__projects__container .homepage__project__left{position:absolute;left:40px;top:40px;display:flex;gap:8px;align-items:center;justify-content:flex-start;color:#fff}.homepage__projects__container .homepage__project__left h4{text-transform:uppercase}@media only screen and (max-width:56.25em){.homepage__projects__container .homepage__project__left{flex-direction:column;top:unset;bottom:40px;align-items:flex-start;left:24px}}.homepage__projects__container .homepage__project__right{position:absolute;right:40px;top:40px;display:flex;gap:24px;align-items:center;justify-content:flex-end}@media only screen and (max-width:56.25em){.homepage__projects__container .homepage__project__right{display:none}}.homepage__projects__container .homepage__project__right>*{padding:4px 12px;border-radius:24px;background:rgba(0,0,0,.7);color:#fff}.homepage__projects__container .homepage__project img{width:100%;height:100%;object-fit:cover;object-position:top center}@media only screen and (max-width:56.25em){.homepage__projects__container .homepage__project img{object-position:center}}.typingEffect{font-size:30px}.typingEffect,.typingEffect__text{position:relative}.Carousel{width:98vw;margin:0 auto;background:#fff;overflow:hidden}.Carousel__container{height:100px;display:flex;justify-content:flex-start;align-items:center;animation:carousel 10s linear infinite alternate}@media only screen and (max-width:56.25em){.Carousel__container{height:50px;animation:carousel 10s linear infinite alternate}}.Carousel__container__item{min-width:300px;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.Carousel__container__item img{width:60px}@media only screen and (max-width:56.25em){.Carousel__container__item img{width:30px;height:30px}.Carousel__container__item{min-width:200px}}.skills-table{background:#682632;padding:50px 0 200px}@media only screen and (max-width:56.25em){.skills-table{padding-bottom:100px}}.skills{display:flex;justify-content:center}@media only screen and (max-width:56.25em){.skills{display:none}}.skills__container{width:300px;color:#fff}.skills__container:nth-child(2){position:relative}.skills__container:nth-child(2):before{content:"";position:absolute;top:15px;left:0;width:1px;height:50%;background:#fff}.skills__container:nth-child(2):after{content:"";position:absolute;top:10%;right:0;width:1px;height:75%;background:#fff}.skills__container__title{font-size:20px;text-align:center;border-bottom:1px solid #fff;padding:10px 0;font-weight:bolder}.skills__container__skills{margin-top:15px;display:flex;flex-direction:column;align-items:center;gap:20px;text-transform:uppercase}.mobile-skills__content{display:flex;justify-content:center}.mobile-skills__container{color:#fff}.mobile-skills__container:nth-child(2){position:relative}.mobile-skills__container:nth-child(2) .mobile-skills__container__title{border-left:1px solid #bea79d;border-right:1px solid #bea79d}.mobile-skills__container__title{font-size:16px;text-align:center;width:100%;border-bottom:1px solid #bea79d;cursor:pointer}.mobile-skills__container__title p{padding:5px;font-weight:bolder;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-skills__container.active-skill .mobile-skills__container__title{color:#bea79d;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15)}.mobile-skills__skills{height:320px}.mobile-skills__skills.--tool{display:flex;flex-direction:row;flex-wrap:wrap}.mobile-skills__skills.--tool .mobile-skills__container__skills__skill{flex:0 0 50%}.dispImg{width:100%;height:100%}.dispImg__container{position:relative}.dispImg__container img{width:100%;height:100%}@media only screen and (max-width:56.25em){.dispImg__container img{width:100%}}.dispImg__container__two{width:100%;position:absolute;top:0;left:0;-webkit-clip-path:polygon(0 0,10% 0,20% 0,30% 0,40% 0,50% 0,60% 0,70% 0,80% 0,90% 0,100% 0,100% 100%,90% 100%,80% 100%,70% 100%,60% 100%,50% 100%,40% 100%,30% 100%,20% 100%,10% 100%,0 100%);clip-path:polygon(0 0,10% 0,20% 0,30% 0,40% 0,50% 0,60% 0,70% 0,80% 0,90% 0,100% 0,100% 100%,90% 100%,80% 100%,70% 100%,60% 100%,50% 100%,40% 100%,30% 100%,20% 100%,10% 100%,0 100%)}.align-left{object-position:left center}.footer{padding:300px 0;background:#222}@media only screen and (max-width:56.25em){.footer{padding:120px 0}}.footer__container{color:#fff;gap:50px;max-width:1980px;margin:0 auto;padding:0 100px;display:flex;align-items:flex-start;justify-content:space-between;gap:120px;position:relative;overflow:hidden;height:-moz-fit-content;height:fit-content}@media only screen and (max-width:56.25em){.footer__container{padding:24px;flex-wrap:wrap;gap:40px}}.footer__contents{flex:50% 1;opacity:1}.footer__contents a,.footer__contents h5,.footer__contents p{font-size:clamp(1.265625rem,1.265625rem + .234375*(100vw - 20rem)/76,1.5rem);line-height:1.3;font-weight:400;opacity:1;transition:opacity .25s linear}.footer__contents h5{text-transform:uppercase;font-size:16px;font-weight:600;margin-bottom:8px}.footer__contents a:hover{opacity:.5;transition:opacity .25s linear}.footer__contents__right{flex:50% 1;display:flex;align-items:flex-start}@media only screen and (max-width:56.25em){.footer__contents__right{flex-wrap:wrap;gap:40px}}.brandname{height:350px;top:150px;overflow:hidden;position:relative;z-index:999;pointer-events:none;color:#fff;mix-blend-mode:difference}@media only screen and (max-width:56.25em){.brandname{height:170px;top:50px}}.brandname__container__contents{width:calc(100vw - 17px)}@media only screen and (max-width:56.25em){.brandname__container__contents{height:100%}}.brandname__container__header{height:350px;display:flex;justify-content:space-between;padding:0 40px}@media only screen and (max-width:56.25em){.brandname__container__header{height:120px;padding:0 15px;margin-left:15px;justify-content:center}}.brandname__container__header .brand{width:100%;font-size:9.0909090909vw;letter-spacing:-2px;display:flex;justify-content:space-between;position:relative;z-index:99;margin-left:-10px}@media only screen and (max-width:56.25em){.brandname__container__header .brand{font-size:10vw;letter-spacing:normal;justify-content:center;margin-left:-5px}}.brandname__container__header .brand .char{transform:scaleY(2) scaleX(1.1);transform-origin:0 0;line-height:180px}@media only screen and (max-width:56.25em){.brandname__container__header .brand .char{line-height:60px;transform:scaleY(2.5)}}.brandname__container__logo{width:290px;height:35px;top:20px;position:fixed;left:calc(50% - 140px);overflow:hidden;z-index:9999;pointer-events:all}.brandname__container__logo__header{height:50px;overflow:hidden;cursor:pointer}.brandname__container__logo__header .brand-logo{width:100%;position:relative;font-size:32px;display:flex;justify-content:space-between;height:100%}.brandname__container__logo__header .brand-logo .char{transform:translateY(40px)}.curtain__forwards{position:fixed;width:100vw;height:100vh;top:0;left:0;background:#262424;z-index:999999}.curtain__forwards.animate-curtain{animation:curtain 1s linear;height:0}.curtain__reverse{position:fixed;width:100vw;height:0;top:0;left:0;background:#262424;z-index:999999}.curtain__reverse.animate-curtain{animation:curtain 1s linear reverse;height:100vh}.aboutme{width:100vw;height:100vh;overflow:hidden}.aboutme__container{display:flex;transition:transform 1s ease}.aboutme__container__image{width:100vw;height:100vw;flex:0 0 25%}.aboutme__container__image img{object-fit:cover;width:100vw;height:100vh}.frameworks{height:100vh;width:100vw}.frameworks__container{height:100%;width:100%}.frameworks__container__contents{height:100%;width:100%;display:flex;gap:40px;justify-content:flex-end;align-content:center;justify-content:center;flex-wrap:wrap}.frameworks__container__contents video{width:100%;height:100%;object-fit:cover}.frameworks__container__contents.hovered-avatar .avatar{opacity:.5}.frameworks__container__contents .avatar{position:absolute;transition:opacity .3s ease,top 5s,left 5s}.codepen{height:100vh;width:100vw}.codepen__container{height:100%;width:100%}.codepen__container img{width:100%;height:100%;object-fit:cover}.codepen__container .content{min-height:60vh;margin:15vh auto;display:grid;place-items:center}.codepen__container .font-1{font-family:blackoutregular;font-weight:400}.codepen__container .size-3{font-size:30vw}.codepen__container .poster{width:100%;height:100vh;display:grid;place-items:center;--offset-x:0%;--offset-y:0%}.codepen__container .poster--half{height:28vw}.codepen__container .poster__inner{width:calc(100% + var(--offset-x)*2);height:calc(100% + var(--offset-y)*2);background-image:url(/_next/static/media/codepen.3ad56120.png);background-size:cover;background-position:50% 50%}.avatar__container img{border-radius:50%;overflow:hidden}.workPage{position:relative}.workPage .brandname{color:#000;mix-blend-mode:overlay}.workPage .work{padding:100px 100px 0}@media only screen and (max-width:56.25em){.workPage .work{padding:50px 24px 0}}.workPage .work__container{width:100%}.workPage .work__container:first-child{width:85%;margin:150px auto;text-align:center;animation:appear .5s ease-in;mix-blend-mode:screen}@media only screen and (max-width:56.25em){.workPage .work__container:first-child{width:100%;margin-top:24px}}.workPage .work__container__body{display:flex;flex-direction:column;font-family:Rethink Sans,sans-serif;gap:10px;padding-top:20%;width:70%;margin:0 auto}@media only screen and (max-width:56.25em){.workPage .work__container__body{width:90%;padding-top:20%}}.workPage .work__container__body__desc{color:#000;font-size:24px;font-weight:600;animation:appear 2s linear;text-align:center;max-width:100%}@media only screen and (max-width:56.25em){.workPage .work__container__body__desc{font-size:16px}}.workPage .work__container__body__previously{text-align:center;font-size:18px;margin:24px 0}.workPage .work__container__contents{max-width:1980px;margin:0 auto;padding:0 100px}@media only screen and (max-width:95em){.workPage .work__container__contents{padding:0 40px}}@media only screen and (max-width:56.25em){.workPage .work__container__contents{padding:0 24px}}.workPage .work__container__contents .text-loader__container{color:#000}.workPage .work__container__contents__project{display:flex;gap:100px;flex-direction:column;position:relative;padding-bottom:100px}@media only screen and (max-width:56.25em){.workPage .work__container__contents__project{padding-bottom:100px;gap:100px}.workPage .work__container__contents__project .text-loader__container h3{font-size:18px!important}.workPage .work__container__contents__project .typingEffect__text{font-size:16px!important}}.workPage .work__container__contents__project:last-child{padding-bottom:0}.workPage .work__top{position:relative;width:100%;height:800px;display:flex;flex-direction:column;gap:30px}@media only screen and (max-width:56.25em){.workPage .work__top{height:-moz-fit-content;height:fit-content}}.workPage .work__top__curtain{width:100%;height:100%;position:absolute;background:#fff;z-index:9}.workPage .work__top__curtain.animate{animation:curtain 1s ease-out;height:0%}.workPage .work__top__container{position:relative;width:100%;height:700px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-radius:10px;cursor:pointer}@media only screen and (max-width:56.25em){.workPage .work__top__container{height:300px}}.workPage .work__top__container__images{height:100%}.workPage .work__top__container__images img{height:100%;width:100%;object-fit:cover}@media only screen and (max-width:56.25em){.workPage .work__top__container__images img{height:300px}}.workPage .work__top__container__tags{position:absolute;top:20px;right:20px;z-index:2;display:flex;gap:20px;pointer-events:none}@media only screen and (max-width:56.25em){.workPage .work__top__container__tags{flex-direction:column;gap:5px;left:10px;top:10px}}.workPage .work__top__container__tags>*{background:rgba(41,41,41,.4);backdrop-filter:blur(14.5px);-webkit-backdrop-filter:blur(14.5px);padding:10px 20px;color:#fff;height:-moz-fit-content;height:fit-content;border-radius:10px;font-size:16px;width:-moz-fit-content;width:fit-content}.workPage .work__top__container__tags>* p{color:#fff}@media only screen and (max-width:56.25em){.workPage .work__top__container__tags>*{font-size:12px;padding:5px 10px}}.workPage .work__bottom{position:relative;width:100%}@media only screen and (max-width:56.25em){.workPage .work__bottom{height:-moz-fit-content;height:fit-content}}.workPage .work__bottom.reverse .work__bottom__container{flex-direction:row-reverse}@media only screen and (max-width:56.25em){.workPage .work__bottom.reverse .work__bottom__container{flex-direction:column;gap:50px}}.workPage .work__bottom__container{display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:56.25em){.workPage .work__bottom__container{flex-direction:column;gap:100px}}.workPage .work__bottom__container__left{position:relative;width:50%;display:flex;flex-direction:column;gap:50px}@media only screen and (max-width:56.25em){.workPage .work__bottom__container__left{width:100%;height:-moz-fit-content;height:fit-content;padding-bottom:100px}}.workPage .work__bottom__container__left__container{width:100%;height:650px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-radius:10px;cursor:pointer}@media only screen and (max-width:56.25em){.workPage .work__bottom__container__left__container{height:400px}}.workPage .work__bottom__container__left__container__images img{width:100%;height:650px;object-fit:cover}@media only screen and (max-width:56.25em){.workPage .work__bottom__container__left__container__images img{height:400px}}.workPage .work__bottom__container__right{position:relative;width:35%;display:flex;flex-direction:column;gap:50px}@media only screen and (max-width:56.25em){.workPage .work__bottom__container__right{width:100%}}.workPage .work__bottom__container__right__container{width:100%;height:500px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-radius:10px;cursor:pointer}@media only screen and (max-width:56.25em){.workPage .work__bottom__container__right__container{height:400px}}.workPage .work__bottom__container__right__container__images{height:100%}.workPage .work__bottom__container__right__container__images .dispImg__container__one{height:500px}@media only screen and (max-width:56.25em){.workPage .work__bottom__container__right__container__images .dispImg__container__one{height:400px}}.workPage .work__bottom__container__right__container__images img{width:100%;height:500px;object-fit:cover}@media only screen and (max-width:56.25em){.workPage .work__bottom__container__right__container__images img{height:400px}}.journal-page{height:100vh;width:100vw;overflow:hidden;position:relative}.journal-page .brandname{height:0;top:0}.journal-page .brandname .char{transform:translate(0)!important}.journal-page .brandname__container__contents{display:none}.journal-page__suspense{width:100%;height:100%;position:absolute;top:0;background:curtainBG}@media only screen and (max-width:56.25em){.journal-page__container{width:100%}}.journal-page__container__img{width:100vw;height:100vh}.journal-page__container__img img{object-fit:cover}.journal-page__container__desc{margin:0 100px;padding:10px;border-radius:10px;position:absolute;bottom:calc(10vh + 80px);max-width:600px;color:#fff;display:flex;flex-direction:column;gap:20px;background:rgba(0,0,0,.4);opacity:0;animation:appear 1s linear 3s forwards}@media only screen and (max-width:56.25em){.journal-page__container__desc{max-width:90%;left:5%;bottom:calc(10vh + 140px);gap:10px;margin:auto;align-content:center;text-align:center}}.journal-page__container__desc h3{font-size:20px}.journal-page__container__desc p{font-size:24px;white-space:nowrap;width:500px;text-overflow:ellipsis;overflow:hidden}@media only screen and (max-width:56.25em){.journal-page__container__desc p{width:auto}}.journal-page__container__desc h6{cursor:pointer}@media only screen and (max-width:56.25em){.journal-page__container__desc h3,.journal-page__container__desc p{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 1s ease-out}}.journal-page__container__desc a{padding:.5rem 1rem;background:rgba(41,41,41,.4);backdrop-filter:blur(14.5px);-webkit-backdrop-filter:blur(14.5px);border-radius:50px;width:-moz-fit-content;width:fit-content;margin:0 auto;display:none;color:#fff;animation:appear 1s linear}@media only screen and (max-width:56.25em){.journal-page__container__desc a{display:inline}}:root{--clr-neon-cyan:#0ff;--clr-neon-pink:#f0f;--clr-bg:#0d1117;--clr-bg-glass:hsla(0,0%,100%,.05)}.phtml{width:100vw;height:100dvh;background:#222;position:relative}.phtml__container{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;gap:24px}@media only screen and (max-width:56.25em){.phtml__container{flex-direction:column;gap:16px;padding:16px!important}}.phtml__container__left{width:100%;height:100%;transition:all .3s linear}.phtml__container__left.__active{transform:scale(.9)}@media only screen and (max-width:56.25em){.phtml__container__left.__active{transform:scale(.95)}}.phtml__container__left.__non_active{transform:scale(1)}.phtml__container__left__bg{position:absolute;width:100%;height:100%;z-index:2;pointer-events:none}.phtml__container__left__bg div{pointer-events:all;position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;background:#222}.phtml__container__left__bg div:first-child{left:calc(50% - 12px);width:24px;height:100%;transform-origin:center;transition:all 1s ease}@media only screen and (max-width:56.25em){.phtml__container__left__bg div:first-child{left:calc(50% - 8px);width:16px}}.phtml__container__left__bg div:last-child{top:calc(50% - 12px);width:100%;height:24px;transform-origin:center;transition:all 1s ease}@media only screen and (max-width:56.25em){.phtml__container__left__bg div:last-child{top:calc(50% - 8px);height:16px}}.phtml__container__left__bg.__active div:first-child{transform:scaleX(0)}.phtml__container__left__bg.__active div:last-child{transform:scaleY(0)}.phtml__container__left__bg.__non_active div:first-child{transform:scaleX(1)}.phtml__container__left__bg.__non_active div:last-child{transform:scaleY(1)}.phtml__container__left__container{display:grid;justify-content:flex-start;align-items:flex-start;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;overflow-y:scroll}@media only screen and (max-width:56.25em){.phtml__container__left{min-height:50%;height:50%}}.phtml__container__left__content{width:100%;height:100%;overflow:hidden;position:relative}.phtml__container__left__content img{position:relative;width:100%;height:100%;object-fit:cover;cursor:pointer}.phtml__play_images{position:relative;grid-column:span 2;grid-row:span 2;width:100%;height:100%;overflow:hidden;border-radius:16px}.phtml__play_images img{border-radius:16px;width:100%;height:100%;object-fit:cover}.phtml__play_images__close{position:absolute;outline:none;border:none;cursor:pointer;right:8px;top:8px;background:rgba(0,0,0,.5);border-radius:50%;width:40px;height:40px;background:rgba(41,41,41,.4);backdrop-filter:blur(14.5px);-webkit-backdrop-filter:blur(14.5px);display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;line-height:0px}.phtml__play_images__close:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.phtml__play_images__close:hover p{font-size:20px}.phtml__play_images__close.__active{padding:60px;transition:padding}.phtml__play_images__content{z-index:10000;position:absolute;width:100%;max-height:max(75%,400px);height:-moz-fit-content;height:fit-content;background:rgba(0,0,0,.598);bottom:0;left:0;border-radius:16px;display:flex;flex-direction:column;justify-content:start;align-content:start;color:#fff;padding:24px;gap:8px;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}@media only screen and (max-width:56.25em){.phtml__play_images__content{gap:16px}}.phtml__play_images__content.show{opacity:1;transform:translateY(0)}.phtml__play_images__content.hide{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.phtml__play_images__content__header{display:flex;align-items:center;justify-content:space-between}.phtml__play_images__content__header .hide-btn{background:none;border:none;cursor:pointer;color:#fff;padding:4px;border-radius:50%;transition:background .2s}.phtml__play_images__content__header .hide-btn:hover{background:hsla(0,0%,100%,.15)}.phtml__play_images__content .tag-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.phtml__play_images__content .tag{font-size:.75rem;font-weight:500;color:#555;background:#f3f3f3;padding:.25rem .75rem;border-radius:999px;letter-spacing:.02em;transition:background .2s ease,color .2s ease}.phtml__play_images__content .tag:hover{background:#e0e0e0;color:#111}.phtml__play_images__content .button-cluster{display:flex;gap:1rem}.phtml__play_images__content .button-cluster .btn{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:600;color:#fff;background:var(--clr-bg-glass);border:2px solid transparent;border-radius:50px;text-decoration:none;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.phtml__play_images__content .button-cluster .btn svg{fill:#fff;transition:fill .3s}.phtml__play_images__content .button-cluster .btn:before{content:"";position:absolute;inset:-2px;border-radius:50px;background:conic-gradient(from 0deg,transparent,var(--clr-neon-cyan),transparent,var(--clr-neon-pink),transparent);z-index:-2;animation:rotate 3s linear infinite}.phtml__play_images__content .button-cluster .btn:after{content:"";position:absolute;inset:2px;border-radius:48px;background:var(--clr-bg);z-index:-1}.phtml__play_images__content .button-cluster .btn:hover{transform:translateY(-3px);box-shadow:0 0 10px var(--clr-neon-cyan),0 0 20px var(--clr-neon-cyan),0 0 30px var(--clr-neon-cyan)}.phtml__play_images__content .button-cluster .btn:hover svg{fill:var(--clr-neon-cyan)}.phtml__play_images__content .button-cluster .code-btn:before{background:conic-gradient(from 0deg,transparent,#7af,transparent,#7af,transparent)}.phtml__play_images__content .button-cluster .code-btn:hover{box-shadow:0 0 10px #7af,0 0 20px #7af,0 0 30px #7af}.phtml__play_images__content .button-cluster .code-btn:hover svg{fill:#7af}@keyframes rotate{to{transform:rotate(1turn)}}.home{min-height:100vh;background:#222;position:relative}.blue{height:100vh;background:blue;width:100vw}.boxes>*{height:100px;width:100px;margin:200px 0}.boxes .green{background:green}.boxes .brown{background:brown}.boxes .black{background:#000}.boxes .yellow{background:#ff0}.loading{width:100vw;height:100vh;background:#262424}.layout-work .footer{background:#fff}.layout-work .footer a,.layout-work .footer h5,.layout-work .footer p{color:#000!important}.layout-contact{position:fixed;left:0;bottom:6vh;z-index:99999;margin:24px;color:#8e8e8e;border-radius:50%;mix-blend-mode:difference;transition:all .5s linear}@media only screen and (max-width:56.25em){.layout-contact{margin-left:8px;bottom:0;top:calc(90vh - 75px);padding:0;height:-moz-fit-content;height:fit-content}}.layout-contact:hover{background:rgba(47,47,47,.8);transition:all .5s linear}.layout-contact a{height:50px;width:50px;display:flex;justify-content:center;align-items:center}.layout-contact svg{transform:scale(1.4);transition:all .5s linear}.layout-contact svg:hover{transform:scale(1.6);transition:all .5s linear}*{padding:0;margin:0;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}a{color:inherit;text-decoration:none}body{min-width:100vw;min-height:100vh;overflow-x:hidden}.container{padding:32px}@media only screen and (max-width:56.25em){.container{padding:24px}}.journal-new{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100dvh}.cookie{position:fixed;bottom:0;right:10px;left:10px;border-radius:16px;z-index:1e+26}.cookie__container{width:100%;padding:1rem 1.5rem;background-color:#000;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;box-shadow:0 4px 6px rgba(0,0,0,.1);gap:.75rem;border-top-left-radius:2rem;border-top-right-radius:2rem}@media(min-width:768px){.cookie__container{gap:2rem}}.cookie__button{padding:.375rem 1rem;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;font-weight:600;transition:background-color .1s ease-in-out;background-color:#fff;color:#000}.cookie__button:hover{background-color:hsla(0,0%,100%,.9)}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}