html[data-theme=lightMode]{--cl-black:#222;--cl-white:#fdfbf3}html[data-theme=darkMode]{--cl-black:#fdfbf3;--cl-white:#222}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:none;-webkit-text-rendering:optimizeSpeed;text-rendering:optimizeSpeed;--fs-global:.694444vw;--container-padding:4rem;font-family:NeueMachina,sans-serif;font-size:var(--fs-global);color:var(--cl-black);background-color:var(--cl-white)}.main{--header-height:0px;margin-top:calc(-1*var(--header-height));contain:paint}html.lenis,html.lenis body{-ms-scroll-chaining:none;overscroll-behavior:none;height:auto;min-height:100%}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none;display:inline-block}button,input,textarea{-webkit-appearance:none;appearance:none;border:none;outline:none;font-family:inherit}button{cursor:pointer}.container{z-index:2;width:100%;padding:0 var(--container-padding);margin:0 auto;position:relative}.grid{--grid-column:16;--grid-gap:2rem;column-gap:var(--grid-gap);grid-template-columns:repeat(var(--grid-column),1fr);display:grid}.swiper,.swiper-wrapper,.swiper-slide{width:100%}.swiper-slide{height:auto}.g-lines{white-space:nowrap}.marquee{contain:paint;justify-content:center;padding-block-start:2rem;padding-block-end:2rem;display:flex;position:relative}.marquee.marquee-sm{padding-block-start:1rem;padding-block-end:1rem}.marquee.marquee-sm .marquee-item{column-gap:1.6rem;padding-left:1.6rem}.marquee-txt{text-transform:uppercase;line-height:1em!important}.marquee-logo{grid-template-columns:repeat(1,1fr);width:4rem;height:4rem;display:grid;overflow:hidden}.marquee-logo .logoK{color:#ff4949}.marquee-logo .logoM{color:#00a167}.marquee-logo .logoA{color:#0073c6}.marquee-logo-item{grid-area:1/1/2/2;width:100%;height:100%;display:flex;position:relative}.marquee-logo-item.logo-K{z-index:4}.marquee-logo-item.logo-O{z-index:2}.marquee-logo-item.logo-M{z-index:3}.marquee-logo-item.logo-A{z-index:1}.marquee-wrapper{justify-content:center;align-items:center;display:flex}.marquee-item{flex-grow:0;flex-shrink:0;align-items:center;column-gap:4rem;padding-left:4rem;display:flex}.marquee-dot{background-color:var(--cl-black);border-radius:100vmax;width:1rem;height:1rem}.circle-svg .circle-smile{color:#ff4949}html{--line-width:2px;--heading-width:62rem;--text-width:50rem}.line{background-color:var(--cl-black);width:100%;height:var(--line-width)}.line-fluid{position:absolute}.line-fluid-top{top:calc(var(--line-width)/-2);left:0}.line-fluid-bot{bottom:calc(var(--line-width)/-2);left:0}.line-mid{top:0;left:calc(50% - var(--line-width)/2);width:var(--line-width);height:100%;position:absolute}.hover-line{position:relative;overflow:hidden}.hover-line:before{content:"";width:100%;height:var(--line-width);background-color:var(--cl-black);transform-origin:100%;transition:transform .3s ease-in;display:block;position:absolute;bottom:0;left:0;transform:scaleX(0)}.hover-line:hover:before{transform-origin:0;transform:scaleX(1)}.txt-hl{color:#ff4949}.embed-svg{color:#ff4949;width:1.5rem;margin-right:2.5rem;display:inline-block}.custome-scroll{scroll-behavior:smooth;overflow:clip auto}.scrollbar{z-index:999;opacity:0;will-change:opacity;width:.6rem;height:100%;transition:opacity .4s ease-in-out;position:fixed;top:0;right:0}.scrollbar.isScrolling{opacity:1;transition:opacity .1s ease-out}.scrollbar-inner{transform-origin:top;will-change:transform;background-color:#ff4949;width:100%;height:100%}.cursor{z-index:9999;pointer-events:none;justify-content:center;align-items:center;width:0;height:0;display:flex;position:fixed}.cursor-dot{border:.15rem solid var(--cl-black);border-radius:100vmax;justify-content:center;align-items:center;width:3.6rem;height:3.6rem;display:flex;position:absolute}.cursor-dot-inner{background-color:var(--cl-black);border-radius:100vmax;width:.6rem;height:.6rem;position:absolute}.cursor-blob{background-color:#ff4949;border-radius:100vmax;justify-content:center;align-items:center;width:16rem;height:16rem;display:flex;position:absolute}.cursor-blob-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cursor-blob-inner-arr{justify-content:center;align-items:center;width:8rem;height:8rem;display:flex}:root{--fs-h0:12rem;--lh-h0:.9em;--fs-h1:8rem;--lh-h1:1em;--fs-h2:4rem;--lh-h2:1.5em;--fs-h3:3.6rem;--lh-h3:1.2em;--fs-16:1.6rem;--lh-16:1.5em;--fs-20:2rem;--lh-20:1.5em;--fs-28:2.8rem;--lh-28:1.5em;--fs-72:7.2rem;--lh-72:1.5em}.txt-16{font-size:var(--fs-16);line-height:var(--lh-16)}.txt-20{font-size:var(--fs-20);line-height:var(--lh-20)}.txt-28{font-size:var(--fs-28);line-height:var(--lh-28)}.txt-72{font-size:var(--fs-72);line-height:var(--lh-72)}.txt-reg{font-weight:400!important}.txt-med{font-weight:500!important}.txt-semibold{font-weight:600!important}.txt-bold{font-weight:700!important}.txt-ultrabold{font-weight:800!important}.txt-upper{text-transform:uppercase}h0,.h0{text-transform:uppercase;font-weight:800;font-size:var(--fs-h0);line-height:var(--lh-h0)}h1,.h1{text-transform:uppercase;font-weight:800;font-size:var(--fs-h1);line-height:var(--lh-h1)}h2,.h2{text-transform:uppercase;font-weight:800;font-size:var(--fs-h2);line-height:var(--lh-h2)}h3,.h3{text-transform:uppercase;font-weight:800;font-size:var(--fs-h3);line-height:var(--lh-h3)}body{font-size:var(--fs-16);line-height:var(--lh-16)}.icon{justify-content:center;align-items:center;display:flex}.icon svg{width:100%;height:auto}.icon-12{width:1.2rem;height:1.2rem}.icon-16{width:1.6rem;height:1.6rem}.icon-20{width:2rem;height:2rem}.icon-22{width:2.2rem;height:2.2rem}.icon-24{width:2.4rem;height:2.4rem}.icon-28{width:2.8rem;height:2.8rem}.icon-32{width:3.2rem;height:3.2rem}.icon-64{width:6.4rem;height:6.4rem}.icon-80{width:8rem;height:8rem}.icon-48{width:4.8rem;height:4.8rem}.icon-100{width:10rem;height:10rem}img{width:100%;max-width:none;height:auto;display:block}.img{-webkit-user-select:none;user-select:none;-khtml-user-select:none;-o-user-select:none;pointer-events:none;outline:0;height:auto;display:block}.img-wrap{position:relative}.img-wrap:after{pointer-events:none;content:"";width:100%;height:0;padding-bottom:var(--aspect);display:block}.img-height{width:auto;height:100%}.img-fill{object-fit:cover;width:100%;height:100%}.img-abs{position:absolute;top:0;bottom:0;left:0;right:0}input,textarea{-webkit-appearance:none;appearance:none}textarea{resize:vertical}a{color:inherit;cursor:pointer;text-decoration:none;display:inline-block}button{cursor:pointer;background-color:#0000;border:none;outline:none}ul{gap:0;list-style-type:none}ul li{margin:0;padding:0}.header{z-index:998;background-color:var(--cl-white);width:100%;height:auto;position:sticky;top:0;left:0}.header-wrap{grid-template-columns:repeat(2,1fr);padding-block-start:2rem;padding-block-end:2rem;display:grid}.header-logo{grid-column:1/2;align-items:center;display:flex}.header-logo-link{height:2.8rem}.header-logo-link .logoK{color:#ff4949}.header-logo-link .logoM{color:#00a167}.header-logo-link .logoA{color:#0073c6}.header-navi{grid-column:2/3;justify-content:space-between;align-items:center;padding-left:5rem;display:flex}.header-navi-list{column-gap:4rem;display:flex}.header-navi-link{align-items:center;display:flex}.header-navi-toggle{border:calc(var(--line-width)*1.1)solid var(--cl-black);border-radius:100vmax;justify-content:center;align-items:center;column-gap:1.6rem;padding:.4rem;display:flex;position:relative}.header-navi-toggle-ic{z-index:1;width:2rem;height:2rem;display:flex;position:relative}.header-navi-toggle-ic.active{color:var(--cl-white)}.header-navi-toggle-circle{z-index:2;background-color:var(--cl-black);border-radius:100vmax;width:2rem;height:2rem;position:absolute;transform:translate(-1.8rem)}.footer-contact{contain:paint;z-index:1;height:100vh}.footer-contact .marquee{position:sticky;top:0}.footer-contact-sticky{flex-shrink:0;height:200vh}.footer-contact-container{flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 8.5rem);display:flex;position:sticky;top:8.5rem}.footer-contact-work{text-transform:uppercase;text-align:center;will-change:color,letter-spacing;margin-bottom:-4rem;font-size:23rem;font-style:italic;line-height:1em;transition:letter-spacing .4s,color .2s ease-out}.footer-contact-withme{text-transform:uppercase;text-align:center;font-size:16.8rem;line-height:1em}.footer-contact-link:hover .footer-contact-work{letter-spacing:.1em;color:#ff4949}.footer-git{z-index:2;background-color:var(--cl-white);flex-direction:column;height:100vh;display:flex;position:relative}.footer-git-container{flex-grow:1;grid-template-columns:repeat(2,1fr);display:grid;position:relative}.footer-git-left{padding-block:var(--container-padding);flex-direction:column;justify-content:space-between;display:flex}.footer-git-left-logo{display:flex}.footer-git-left-logo-link{height:5.8rem}.footer-git-left-logo-link .logoK{color:#ff4949}.footer-git-left-logo-link .logoM{color:#00a167}.footer-git-left-logo-link .logoA{color:#0073c6}.footer-git-left-ic{opacity:0;pointer-events:none;grid-area:1/1/2/2;width:39rem;height:39rem;display:flex}.footer-git-left-ic.active{opacity:1;pointer-events:auto}.footer-git-left-ic-wrapper{grid-template-columns:1fr;justify-items:center;display:grid}.footer-git-left-ic-wrapper .logoK{color:#ff4949}.footer-git-left-ic-wrapper .logoM{color:#00a167}.footer-git-left-ic-wrapper .logoA{color:#0073c6}.footer-git-right{margin-right:calc(-1*var(--container-padding))}.footer-git-right-circle{width:85vh;height:85vh;position:absolute;bottom:0;left:0;transform:translate(-50%,50%)}.footer-git-right-circle-wrapper{contain:paint;height:50%;position:relative}.footer-git-right-content{height:50%;padding-inline:var(--container-padding);padding-bottom:var(--container-padding);flex-direction:column;justify-content:end;display:flex}.footer-git-right-content-info{width:100%;margin-bottom:var(--container-padding);position:relative;overflow:hidden}.footer-git-right-content-info-link{display:inline-flex}.footer-git-right-content-info-link:nth-child(n+2){position:absolute;top:0;left:0}.footer-git-right-content-info-link:first-child{top:0%}.footer-git-right-content-info-link:nth-child(2){top:100%}.footer-git-right-content-info-link:nth-child(3){top:200%}.footer-git-right-content-social{text-transform:uppercase;column-gap:4rem;display:flex}.footer-git-right-content-social-link-txt{will-change:color;transition:color .3s;position:relative}.footer-git-right-content-social-link-txt:before{content:"";transform-origin:100%;will-change:transform;background-color:currentColor;width:100%;height:.1rem;transition:transform .4s ease-in-out;display:block;position:absolute;bottom:0;left:0;transform:scaleX(0)}.footer-git-right-content-social-link-txt.active:before{transform-origin:0;transform:scaleX(1)}.footer-git-right-content-social-link-txt.email.active,.footer-git-right-content-social-link-txt.email:hover{color:#ff4949}.footer-git-right-content-social-link-txt.zalo.active,.footer-git-right-content-social-link-txt.zalo:hover{color:#00a167}.footer-git-right-content-social-link-txt.facebook.active,.footer-git-right-content-social-link-txt.facebook:hover{color:#0073c6}.home-hero{z-index:1;height:100vh;display:flex;position:relative}.home-hero .logoK{color:#ff4949}.home-hero .logoM{color:#00a167}.home-hero .logoA{color:#0073c6}.home-hero-wrap{margin-bottom:var(--container-padding);align-self:end;column-gap:2.73rem;width:100%;display:flex}.home-hero-ic{flex-grow:1;display:flex}.home-hero-ic.logoK{margin-right:-2.73rem}.home-preamble{background-color:var(--cl-white);z-index:2;position:relative}.home-preamble-wrap{grid-template-columns:repeat(2,1fr);padding-bottom:15rem;display:grid}.home-preamble-title{max-width:var(--heading-width)}.home-preamble-title-wrap{padding-top:var(--container-padding);grid-column:1/2}.home-preamble-content{padding-left:var(--container-padding);padding-top:var(--container-padding);padding-bottom:var(--container-padding);position:relative}.home-preamble-content-wrap{margin-right:calc(var(--container-padding)*-1)}.home-preamble-content-txt{max-width:var(--text-width)}.home-someshit{contain:paint;height:700vh}.home-someshit-content{padding-inline:var(--container-padding);padding-top:var(--container-padding);position:relative}.home-someshit-content-wrapper{grid-template-columns:repeat(2,1fr);display:grid;position:relative}.home-someshit-content-left{grid-column:1/2}.home-someshit-content-right{grid-column:2/3}.home-someshit-content-txt{max-width:var(--text-width);padding-bottom:var(--container-padding)}.home-someshit-stick{top:var(--header-height);width:100%;height:calc(100vh - var(--header-height));contain:paint;justify-content:center;align-items:center;display:flex;position:sticky}.home-someshit-circle{width:85rem;display:flex;position:absolute}.home-someshit-circle.top{right:0;transform:translate(50%,-50%)}.home-someshit-circle.bot{bottom:0;left:0;transform:translate(-50%,50%)}.home-someshit-card{opacity:0;pointer-events:none;contain:paint;will-change:transform;background-color:#ff4949;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding-block-start:2.5vh;padding-block-end:2.5vh;padding-inline-start:2.6vh;padding-inline-end:2.6vh;transition:transform .5s ease-out;display:flex;position:absolute}.home-someshit-card.active{opacity:1;pointer-events:auto}.home-someshit-card:first-child{z-index:9}.home-someshit-card:nth-child(2){z-index:8}.home-someshit-card:nth-child(3){z-index:7}.home-someshit-card:nth-child(4){z-index:6}.home-someshit-card-rotate{will-change:transform;perspective:1500px;width:100%;height:100%}.home-someshit-card-wrapper{perspective:1500px;width:45vh;height:55vh;position:relative}.home-someshit-card-wrapper.flip-1 .home-someshit-card.card-front{transform:rotateY(180deg)}.home-someshit-card-wrapper.flip-1 .home-someshit-card.card-back,.home-someshit-card-wrapper.flip-1.flip-2 .home-someshit-card.card-front{transform:rotateY(360deg)}.home-someshit-card-wrapper.flip-1.flip-2 .home-someshit-card.card-back,.home-someshit-card-wrapper.flip-1.flip-2.flip-3 .home-someshit-card.card-front{transform:rotateY(540deg)}.home-someshit-card-wrapper.flip-1.flip-2.flip-3 .home-someshit-card.card-back{transform:rotateY(720deg)}.home-someshit-card-txt{flex-shrink:0;align-self:start;font-size:4vh;line-height:1em}.home-someshit-card-logo{width:35vh;display:flex}.home-someshit-card.card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden}.home-someshit-card.card-back{transform:rotateY(180deg);z-index:-1!important}.home-someshit-card.designer{background-color:var(--cl-black);color:var(--cl-white)}.home-someshit-card.developer{color:var(--cl-black);background-color:#ff4949}.home-someshit-card.interactions{color:var(--cl-white);background-color:#00a167}.home-someshit-card.visuals{color:var(--cl-black);background-color:#0073c6}.home-proj-item{width:100%;padding-block-start:8rem;padding-block-end:8rem;padding-inline:var(--container-padding);align-items:center;column-gap:4rem;transition:color .3s ease-in-out;display:flex;position:relative}.home-proj-item:hover{color:var(--curr-cl)}.home-proj-marquee{background:#ff4949;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;left:0;transform:translate(100%)}.home-proj-marquee .marquee{background-color:var(--cl-white)}.home-proj-marquee .marquee-ic{width:6rem;display:flex}.home-physical{height:80vh}.test{height:700vh}.work-hero{height:calc(100vh - .15rem);padding-top:calc(var(--header-height) - 1px);position:relative}.work-hero-container{grid-template-columns:repeat(2,1fr);height:100%;display:grid;position:relative}.work-hero-decor{grid-column:1/2}.work-hero-content{padding-left:var(--container-padding);padding-block:var(--container-padding);flex-direction:column;grid-column:2/3;justify-content:space-between;display:flex;position:relative}.work-hero-content-title{text-transform:unset;max-width:var(--text-width);opacity:0;pointer-events:none;grid-area:1/1/2/2}.work-hero-content-title.active{opacity:1;pointer-events:auto}.work-hero-content-title-wrapper{flex-grow:1}.work-hero-content-title-sticky{top:calc(8rem + var(--container-padding));grid-template-columns:repeat(1,1fr);display:grid;position:sticky}.work-hero-content-sub{padding-top:var(--container-padding);max-width:var(--text-width)}.work-preamble{background-color:var(--cl-white);contain:paint;z-index:2;position:relative}.work-preamble-wrap{grid-template-columns:repeat(2,1fr);padding-bottom:15rem;display:grid}.work-preamble-title{max-width:var(--heading-width)}.work-preamble-title-wrap{padding-top:var(--container-padding);grid-column:1/2}.work-preamble-content{padding-left:var(--container-padding);padding-top:var(--container-padding);padding-bottom:var(--container-padding);position:relative}.work-preamble-content-wrap{margin-right:calc(var(--container-padding)*-1)}.work-preamble-content-txt{max-width:var(--text-width)}.work-proj-item{background-color:var(--cl-white);grid-template-columns:repeat(2,1fr);height:95vh;display:grid;position:sticky;top:-.15rem}.work-proj-info{padding:var(--container-padding);grid-column:1/2}.work-proj-title-link{margin-bottom:6rem}.work-proj-sub{margin-bottom:1.2rem}.work-proj-content-des{margin-bottom:2rem}.work-proj-content a{display:inline}.work-proj-thumb{contain:paint;grid-column:2/3;position:relative}.work-proj-thumb-link{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.work-proj-thumb-circle{aspect-ratio:1;border:.15rem solid var(--cl-black);will-change:transform;border-radius:100vmax;max-width:80%;max-height:60%;overflow:hidden}.work-proj-thumb-img{width:100%;height:100%}.work-proj-thumb-txt{white-space:nowrap;padding-inline-start:1.8rem;padding-inline-end:1.8rem;font-size:5rem;line-height:1.5em}.work-proj-thumb-txt-container{z-index:1;perspective:1500px;will-change:transform;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.work-proj-thumb-txt-wrapper{will-change:transform,opacity;flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex}.about-hero{height:calc(100vh - .15rem);padding-top:var(--header-height);position:relative}.about-hero-container{grid-template-columns:repeat(2,1fr);height:100%;display:grid}.about-hero-left{padding-top:var(--container-padding);padding-left:var(--container-padding);grid-column:1/2}.about-hero-title{max-width:var(--heading-width)}.about-hero-right{flex-direction:column;grid-column:2/3;height:100%;display:flex;overflow:hidden}.about-hero-right .marquee{flex-shrink:0}.about-hero-img{flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative}.about-hero-img img,.about-hero-img video{position:absolute}.about-start{position:relative}.about-start-container{min-height:calc(100vh - 2*var(--header-height));grid-template-columns:repeat(2,1fr);display:grid}.about-start-left{grid-column:1/2;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.about-start-left-img{height:50%;position:absolute}.about-start-left-img .img-sticker{width:8rem;height:8rem;position:absolute;top:-3rem;right:-3rem}.about-start-right{flex-direction:column;grid-column:2/3;height:100%;display:flex}.about-start-title{max-width:var(--text-width)}.about-start-title-container{padding-block:var(--container-padding);padding-left:var(--container-padding);flex-grow:1;position:relative}.about-start-content{max-width:var(--text-width)}.about-start-content-container{padding-block:var(--container-padding);padding-left:var(--container-padding);flex-shrink:0;position:relative}.about-potential{background-color:var(--cl-white);contain:paint;z-index:2;position:relative}.about-potential-wrap{grid-template-columns:repeat(2,1fr);padding-bottom:15rem;display:grid}.about-potential-title{max-width:var(--heading-width)}.about-potential-title-wrap{padding-top:var(--container-padding);grid-column:1/2}.about-potential-content{padding-left:var(--container-padding);padding-top:var(--container-padding);padding-bottom:var(--container-padding);position:relative}.about-potential-content-wrap{margin-right:calc(var(--container-padding)*-1)}.about-potential-content-txt{max-width:var(--text-width)}.about-ava{contain:paint}.about-ava-bg{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.about-ava-container{z-index:5;height:calc(100vh - 2*var(--header-height));padding-top:var(--container-padding);padding-inline:var(--container-padding);position:relative}.about-ava-logo{width:15rem;height:15rem}.about-ava-logo-container{justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex;position:relative}.about-ava-logo-wrapper{perspective:1500px;height:fit-content}.about-ava-logo-wrapper.logo-k{transform:rotate(-10deg)}.about-ava-logo-wrapper.logo-m{transform:rotate(12deg)}.about-ava-logo-wrapper.logo-a{transform:rotate(22deg)}
/*# sourceMappingURL=style.bad8aea4.css.map */