.logo{position:relative;z-index:2}.logo img{width:85%}.mute-btn{position:fixed;bottom:1.5rem;right:1.5rem;cursor:pointer;width:16px;height:16px}.mute-btn svg{transform:scale(10.2)!important;transform-origin:center;pointer-events:none;opacity:.6}.preloader-wrapper{width:100%;height:100vh;overflow:hidden;position:fixed;z-index:1;background-color:#111;background-size:cover;background-repeat:no-repeat;height:100svh}.preloader-wrapper,.preloader_lottie--wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}.preloader_lottie{max-width:10rem;margin-bottom:.625rem;position:relative;z-index:2}.preloader_lottie svg{width:2rem}.preloader-gradient__wrapper{height:100vh;width:100%;position:absolute;display:flex;justify-content:center;align-items:center;overflow:visible}.preloader-gradient{background:radial-gradient(circle,#a01703,transparent);width:50vw;height:50vw;border-radius:50%;position:absolute;filter:blur(100px);opacity:.2;will-change:filter;transform:translateZ(0)}.mobile-notice__wrapper{position:relative;width:100vw;display:flex;justify-content:center;align-items:center;margin-top:4rem}.mobile-notice{max-width:10rem;opacity:.8;text-align:center;font-size:.75rem;position:absolute}.side-menu__wrapper{background-repeat:no-repeat;background-size:cover;background-position-y:95%;position:absolute;top:0;display:flex;flex-direction:column;justify-content:space-between;z-index:2;padding:1.5rem}.nav-item{margin-bottom:1.25rem;font-family:var(--font-baj_jamjuree,Arial,Helvetica,sans-serif);letter-spacing:1.6px;text-transform:uppercase;width:97.23px}.is-inactive{color:#f8f7f6;opacity:60%;cursor:pointer}.is-inactive:hover{opacity:.8}.is-active{color:#fff;opacity:100%;font-weight:700;cursor:default}.selector-btn{min-width:15px;height:10px;margin-left:-4px;margin-right:4px}.opacity-80{opacity:.8!important}.socials-wrapper{display:flex;position:absolute;top:1.5rem;right:1.5rem;gap:.625rem;margin-left:11px}.social-icon{opacity:.4}.social-icon img{width:20px;height:20px}@media(min-height:1080px){.side-menu__wrapper{background-repeat:round}}.hero{padding-left:12.5vw;width:100%;height:100vh;overflow:hidden;height:100svh;display:flex;align-items:center}.hero__wrapper{margin-top:-2rem}.hero__paragraph{max-width:27rem;color:#ecece8;opacity:.75;margin:1.5rem 0;font-size:1.125rem}.flip{margin-bottom:4rem}.heroStar__wrapper{display:flex}.heroStar__wrapper h1{margin-left:.5rem}.hero__cta{position:relative;padding:1.125rem 3.5rem;color:#fff;font-family:var(--font-baj_jamjuree,Arial,Helvetica,sans-serif);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:2px;display:inline-block;border-radius:1px;transition:all .4s}.hero__cta p{min-width:130px;text-align:center;margin-left:-1rem}.right-slanted{cursor:pointer}.right-slanted .hero__cta{-webkit-clip-path:polygon(0 0,100% 0,84% 100%,0 100%);clip-path:polygon(0 0,100% 0,84% 100%,0 100%);background-image:url(/images/cta_bg.png);background-repeat:no-repeat;background-size:cover}.hero__cta--wrapper{width:40%;transition:all .4s;transform:translateX(0) scale(1)}@media(hover:hover){.hero__cta--wrapper:hover{transform:translateX(1.05rem) scale(1)}}.heroStar__wrapper svg{width:90%!important}:root{--easing:linear;--duration:3.5s;--delay:0.5s}@keyframes shine{15%,to{transform:translateX(150%)}}@keyframes jump-shaking{0%{transform:translateX(0) rotate(0)}25%{transform:translateY(0) rotate(0)}30%{transform:translateY(0) rotate(0)}35%{transform:translateY(-.25px) rotate(-1.5deg)}36%{transform:translateY(-.75px) rotate(1.5deg)}37%{transform:translateY(-1px) rotate(-1.5deg)}38%{transform:translateY(0) rotate(0)}to{transform:translateY(0) rotate(0)}}.right-slanted .hero__cta{overflow:hidden;animation-delay:8s}.right-slanted .hero__cta:after{content:"";position:absolute;top:0;left:0;width:300px;height:100%;color:hsla(0,0%,100%,0);background-color:hsla(0,0%,100%,0);background-image:linear-gradient(90deg,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 75%);transform:skewX(-20deg) translateX(-100%);animation:var(--duration) var(--easing) var(--delay) infinite forwards shine}.work-wrapper__outer{width:100%;height:100vh;position:absolute;display:flex;justify-content:center;align-items:center;align-items:flex-start;overflow:hidden;pointer-events:none}.work-wrapper__inner{height:100%;display:flex;flex-direction:column;justify-content:center;width:66.66vw;min-width:70rem;padding:7rem 1rem}.work-link__icon{margin-top:12px;width:24px}.github-link__icon{margin-top:-18px}.work-header__wrapper{margin-bottom:3rem;pointer-events:auto}.body-right__inner{pointer-events:auto}.work-link__inner{display:flex}.tooltip-wrapper{position:relative;margin-top:.5rem}.tooltip-wrapper p{color:#efd0a8;font-family:var(--font-baj_jamjuree,Arial,Helvetica,sans-serif);text-transform:uppercase;font-weight:700;letter-spacing:1.5px;width:12rem;font-size:.625rem;pointer-events:none}.hover-tooltip{position:absolute;width:8rem}.github-tooltip{margin-left:-1rem;margin-top:0}.work-header__inner{display:flex;align-items:center;justify-content:center;align-items:start;margin-bottom:1.5rem}.work-header__inner h1{text-transform:uppercase;font-size:5.25rem}.work-link__wrapper{display:flex;flex-direction:column;gap:.5rem}.project-title{padding-right:.75rem}.work-body__wrapper{display:flex;height:100%;min-height:510px}.work-body__left{width:60%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.work-body__left p{opacity:90%;font-family:var(--font-baj_jamjuree,Arial,Helvetica,sans-serif);text-transform:uppercase;font-weight:700;letter-spacing:1.5px;font-size:.625rem}.controls-bg{position:absolute;width:300px;height:250px;bottom:25px;opacity:0;background-repeat:no-repeat;background-size:cover}.controls-wrapper{padding:0 10rem 0 0;position:relative}.controls-inner{display:flex;align-items:flex-end;justify-content:center;gap:4rem;margin-bottom:1.75rem;pointer-events:auto}.control-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;width:2rem;cursor:pointer}.control-btn img{width:18px;opacity:80%}.btn-bg{position:absolute;background-image:url(/images/btn-bg.png);background-repeat:no-repeat;background-size:cover;top:-20px;width:100px;height:100px;opacity:20%;pointer-events:none}.pause-btn{width:4rem}.prev-btn img{transform:rotateY(180deg)}.skip-lottie{opacity:80%;display:flex}.pause-lottie{margin-bottom:-.75rem}.next-lottie{transform:rotate(270deg)}.prev-lottie{transform:rotate(90deg)}.work-body__right{width:40%;display:flex;flex-direction:column;justify-content:space-evenly}.work-body__right p{color:#ecece8}.work-tools__wrapper{display:flex;gap:1rem;margin-bottom:.5rem}.work-tools__item{display:flex}.work-tools__item p{color:#efd0a8;font-family:var(--font-baj_jamjuree,Arial,Helvetica,sans-serif);font-size:1.25rem}.tool-spacer__line{padding-left:1rem;height:1rem;margin-top:.3rem;border-right:1px solid hsla(60,10%,92%,.6)}.work-description{font-size:1.125rem;opacity:90%;margin-bottom:4rem}.work-info__wrapper{font-family:var(--font-baj_jamjuree,Arial,Helvetica,sans-serif)}.work-overview__wrapper{margin-bottom:2rem;display:flex;gap:4rem}.client-item,.work-overview__wrapper>:first-child{width:7.5rem}.work-overview__title{margin-bottom:.25rem}.work-credits__inner{display:flex;opacity:75%;gap:4rem;margin-bottom:.125rem}.credit-role{width:7.5rem}.work-underline__wrapper{display:flex;justify-content:center}.work-underline{width:100%}.progress-bar{height:2px;background-color:transparent;position:fixed;bottom:0;left:0;width:100%}.progress-fill{height:100%;background-color:#ecece8;opacity:.7;transform-origin:left}.work-controls__wrapper{right:0;height:100vh;justify-content:center}.work-controls,.work-controls__wrapper{position:absolute;display:flex;align-items:center}.work-controls{width:108px;right:5rem;flex-direction:column;gap:1rem;justify-content:space-around;padding:2rem;background-image:url(/images/controls_bg-placeholder.png);background-repeat:no-repeat;background-size:cover;height:243px}.timeline-outer{position:relative;width:100%}.timeline-wrapper{position:absolute;width:100%;flex-direction:row;display:flex;justify-content:center;align-items:center;justify-content:space-between}.timeline-item{width:1.1rem;height:1.25px;background-color:#efd0a8;opacity:.25;transition:opacity .6s ease-in-out}.active-project{opacity:1}.scroll-indicator{pointer-events:none;position:fixed;height:100svh;width:100%;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(0deg,#1c1c1b,rgba(28,28,27,0) 25%)}.swipe-down__lottie{width:10rem}.mobile-laptop-mask__wrapper{position:absolute;height:100vh;width:100%;background-color:#111}*{box-sizing:border-box;padding:0;margin:0;overscroll-behavior:none}body{background:#1c1c1b}a{color:inherit;text-decoration:none}::-webkit-scrollbar{display:none}html{font-size:calc(.625rem + .4166666667vw - 2px)}@media screen and (max-width:1920px){html{font-size:calc(.625rem + .4166666667vw - 2px)}}@media screen and (max-width:1440px){html{font-size:calc(.8126951093rem + .2081165453vw - 2px)}}@media screen and (max-width:600px){html{font-size:calc(.7494769874rem + .8368200837vw)}}.unity_canvas{width:100%;height:100vh;position:fixed;top:0;overflow:hidden;cursor:none}h1,h2,h3{font-family:var(--font-baj_jamjuree,Arial,Helvetica,sans-serif);font-weight:700}h1{font-size:5.75rem;line-height:100%}body{color:#f8f7f6}.bold{font-weight:700}.flex{display:flex}.flex-centre{display:flex;justify-content:center;align-items:center}.hide{display:none}.block{display:block}.invisible{visibility:hidden}.visible{visibility:visible}.pointer{cursor:pointer}.no-border{border:none}.creme-text{color:#efd0a8!important}.optimise-font{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.hover-underline:hover{text-decoration:underline;text-underline-offset:4px}.credits-wrap{display:flex;flex-wrap:wrap;flex-direction:column;max-height:5rem;overflow:hidden}.paragraph-large{font-size:1.25rem;line-height:140%}@media(min-width:2921px){.github-link__icon,.work-link__icon{width:2rem;height:2rem}}@media(min-width:1921px){.logo img{width:4rem}.social-icon img{width:1.5rem;height:1.5rem}.control-btn{width:3rem}.pause-lottie{transform:scale(2);transform-origin:center;margin-bottom:0}}@media(max-width:1600px){.hero{padding-left:8.3333333333vw}.work-body__left{padding-bottom:3rem}}@media(max-width:1200px){.hero{padding-left:4.1666666667vw}.hero__cta{font-size:10px;padding:1rem 2.5rem}.work-body__left{width:50%}.work-wrapper__inner{max-height:70rem}.work-wrapper__outer{align-items:center}}@media(max-width:1024px){.work-wrapper__inner{max-height:none}.work-body__left{padding-bottom:0}h1{font-size:7rem}.hero{align-items:flex-end;padding:0 1rem;justify-content:center}.hero__cta{font-size:13px;padding:1.125rem 3.5rem}.hero__wrapper{position:fixed;bottom:max(3rem,env(safe-area-inset-bottom))}.hero__paragraph{font-size:1.5rem;max-width:33rem}.hero__cta--wrapper{width:50%}.work-wrapper__outer{overflow-y:scroll;align-items:flex-start}.work-description,.work-header__wrapper{margin-bottom:2rem}.work-body__wrapper{flex-direction:column;align-items:center}.work-body__right{width:100vw;padding:0 5vw}.work-header__inner h1{font-size:6.9vw}.controls-wrapper{padding:0}.work-body__left{width:100%;margin-bottom:2rem}.work-wrapper__inner{padding:0;justify-content:flex-start;min-width:auto;width:100%}.progress-bar{top:0;bottom:auto}.body-right__inner{display:flex;gap:4rem;justify-content:space-between}.body-right__inner>:first-child{width:50%}.work-credits__inner,.work-overview__wrapper{gap:1rem}.client-item,.credit-role,.work-overview__wrapper>:first-child{width:6rem}.work-tools__wrapper{gap:.625rem}.work-tools__item p{font-size:1.125rem}.tool-spacer__line{padding-left:.625rem;height:.875rem}.work-link__wrapper{gap:1rem;flex-direction:row}.work-link__icon{margin-top:10px;width:32px}.github-link__icon{width:32px;height:44px;margin-top:0}.work-info__wrapper{display:flex;flex-direction:column}.work-overview__wrapper{margin-bottom:4rem}.work-header__inner{margin-bottom:1rem}.laptop-spacer{display:block;height:100%;min-height:350px}.control-btn{width:unset}.skip-lottie,.skip-lottie svg{width:3rem;height:3rem}.pause-lottie{transform:scale(2);transform-origin:center;margin-bottom:0}.timeline-item{width:1.2rem}.work-body__left p{font-size:.75rem}.mobile-laptop-mask__wrapper{display:block}.preloader-gradient{filter:blur(75px);opacity:.4}.work-wrapper__outer{height:auto}}@media(min-width:767px)and (max-width:1024px){.work-link__wrapper{gap:0;flex-direction:column}.work-link__icon{margin-top:4px;width:18px}.github-link__icon{width:18px;margin-top:-16px}.work-info__wrapper{margin-right:1rem}}@media(max-width:767px){.hero{margin-left:0;justify-content:center}.work-header__inner h1{font-size:5.9vw}.work-link__icon{width:24px;margin-top:8px}.github-link__icon{width:24px}}@media(max-width:600px){h1{font-size:4.75rem}.hero__paragraph{font-size:1.125rem;max-width:25rem}.flip{height:12px!important}.hero__cta{font-size:12px;padding:1.125rem 3.5rem}.body-right__inner{flex-direction:column}.work-description{width:100%;font-size:1rem}.work-body__right{align-items:stretch;padding:1.5rem 1.5rem 7rem}.body-right__inner{width:100%;max-width:40rem;gap:1rem}.body-right__inner>:first-child{width:100%}.work-underline{width:100%;max-width:40rem}.work-link__icon{margin-top:5px;width:22px}.work-header__inner{justify-content:flex-start}.work-overview__wrapper{gap:2rem}.work-info__wrapper{flex-direction:row;justify-content:space-between;gap:4rem}.client-item,.work-overview__wrapper>:first-child{width:7rem}.credit-role p{width:6rem}.work-body__left{padding:0 1.5rem;align-items:flex-start}.work-link__wrapper{display:none}.work-header__inner h1{font-size:10.9vw}.mobile-link__wrapper{margin:2rem 0;display:flex;gap:2rem}.mobile-link__inner{display:flex;gap:.625rem}.work-link__icon{width:12px;height:12px}.github-link__icon{width:16px;height:16px;margin-top:4px}.side-menu__wrapper{padding:1rem}.socials-wrapper{top:1rem;right:1rem}.work-body__left{margin-bottom:0}.controls-inner{margin-bottom:1.25rem}.work-underline__wrapper{display:none}.work-header__wrapper{margin-bottom:0;margin-top:1rem}.work-info__wrapper{flex-direction:column;gap:0}}@media(max-width:480px){h1{font-size:14.5vw}.work-header__inner h1{line-height:120%;font-size:6.9vw}.hero__cta{font-size:10px;padding:1rem 2.5rem}.work-info__wrapper{flex-direction:column;gap:2rem}.work-tools__item p{font-size:.875rem}.work-overview__wrapper{margin-bottom:0}.work-credits__inner{gap:2rem}.client-item,.credit-role,.work-overview__wrapper>:first-child{width:100px}.flip{height:1.75vw!important}.heroStar_inner{width:15vw}.hero__paragraph{font-size:1rem;max-width:22rem;margin:1rem 0}.skip-lottie,.skip-lottie svg{width:2.5rem;height:2.5rem}.controls-inner{gap:3rem}.timeline-item{width:.9rem;height:1px}.work-body__left p{font-size:.5rem}.mobile-link__inner p{font-size:.75rem;text-transform:uppercase}.work-link__icon{margin-top:.1rem!important;width:.6rem!important}.github-link__icon{width:.75rem!important;margin-top:-1px!important}.mobile-link__wrapper,.work-credits__inner,.work-overview__wrapper{gap:1rem}.mobile-link__inner{width:100px}.preloader-gradient{filter:blur(70px);opacity:.3}}h1 .flip{display:inline-block;width:200px;height:40px;position:relative;top:10px;perspective:500}h1 .flip,h1 .flip span{transition:all .3s ease-in-out}h1 .flip span{font-weight:600;display:block;width:auto;opacity:0;transform-origin:0 0;transform:rotateX(90deg);position:absolute;top:-20px;left:0}h1 .flip span.set{top:0;opacity:1;transform-origin:0 0;transform:rotateX(0deg)}h1 .flip span.down{top:40px;opacity:0;transform-origin:0 0;transform:rotateX(-90deg)}