.a-menu-enter-active[data-v-df3b9e72],.a-menu-leave-active[data-v-df3b9e72]{transition:opacity .5s cubic-bezier(.07,.63,.36,.96)!important}.a-menu-enter-to[data-v-df3b9e72]{opacity:1!important}.a-menu-enter[data-v-df3b9e72]{opacity:0!important}.a-menu-leave-to[data-v-df3b9e72]{opacity:0}.a-loader-enter-active[data-v-df3b9e72],.a-loader-leave-active[data-v-df3b9e72]{transition:transform .8s cubic-bezier(.07,.63,.36,.96)!important}.a-loader-enter-to[data-v-df3b9e72]{transform:translateY(0)}.a-loader-enter[data-v-df3b9e72],.a-loader-leave-to[data-v-df3b9e72]{transform:translateY(100vh)}.a-loader-leave[data-v-df3b9e72]{transform:translateY(0)}.a-cover-enter-active[data-v-df3b9e72],.a-cover-leave-active[data-v-df3b9e72]{transition:transform .8s cubic-bezier(.07,.63,.36,.96),opacity .8s cubic-bezier(.07,.63,.36,.96);transition-delay:.5s!important}.a-cover-enter-to[data-v-df3b9e72]{opacity:1!important;transform:translateY(0)}.a-cover-enter[data-v-df3b9e72]{opacity:0!important;transform:translateY(48px)!important}.a-cover-leave-to[data-v-df3b9e72]{opacity:0;transform:translateY(48px)}.btn[data-v-df3b9e72]{text-decoration:none;border:none;font-family:Sarabun,sans-serif;background:none;cursor:pointer}.btn-link[data-v-df3b9e72]{font-weight:700;color:#fff;position:relative;padding:8px 118px 8px 0;font-size:1.125rem}.btn-link[data-v-df3b9e72]:after,.btn-link[data-v-df3b9e72]:before{content:"";width:96px;height:3px;background:#fff;display:block;position:absolute;right:0;top:calc(50% - 1px);transition:.8s cubic-bezier(.1,.84,.26,1)}.btn-link[data-v-df3b9e72]:before{transform:translateX(-150%);opacity:0!important}.btn-link[data-v-df3b9e72]:after{opacity:1!important;transform:translateX(0)}.btn-link[data-v-df3b9e72]:hover{color:#fff!important}.btn-link[data-v-df3b9e72]:hover:before{transform:translateX(0);opacity:1!important}.btn-link[data-v-df3b9e72]:hover:after{opacity:0!important;transform:translateX(150%)}.btn-primary[data-v-df3b9e72]{border:3px solid #fff;height:54px;width:208px;font-weight:500;background-color:#070707;padding:0!important;justify-content:center;color:#fff;align-items:center;z-index:2;top:0;box-sizing:border-box;left:0;display:flex;position:relative;font-size:1.125rem;transition:.8s cubic-bezier(.1,.84,.26,1)}.btn-primary[data-v-df3b9e72]:hover{transform:translate(10px,10px);color:#fff!important}.btn-b-primary[data-v-df3b9e72]{height:54px;width:208px;border:3px solid #fff;display:flex;position:absolute;top:10px;left:10px;justify-content:center;align-items:center;box-sizing:border-box}button[data-v-df3b9e72]:focus{outline:none}.btn-container[data-v-df3b9e72]{position:relative;margin-top:64px}@media screen and (max-width:1160px){.btn-link[data-v-df3b9e72]{padding:8px 80px 8px 0}.btn-link[data-v-df3b9e72]:after,.btn-link[data-v-df3b9e72]:before{width:64px}}.techstack[data-v-df3b9e72]{display:flex;flex-flow:column;margin:64px 0 0 0}.techstack-item[data-v-df3b9e72]{margin-top:32px}.techstack-item[data-v-df3b9e72]:first-of-type{margin-top:0}.techstack-item-type[data-v-df3b9e72]{grid-column:1/span 2;font-size:1.25rem;font-style:italic;font-weight:600;padding-top:6px}.techstack-item-info[data-v-df3b9e72]{grid-column:5/span 6;position:relative}.techstack-item-info-title[data-v-df3b9e72]{font-size:1.75rem;color:#fff;margin-bottom:8px}.techstack-item-info-desc[data-v-df3b9e72]{font-size:1rem;font-weight:500;line-height:1.75rem}.techstack-item-info[data-v-df3b9e72]:after{content:"";position:absolute;top:19px;left:-128px;height:3px;grid-column:3;width:96px;background-color:#fff;display:block}@media screen and (max-width:1160px){.techstack[data-v-df3b9e72]{margin:48px 0 0 0}.techstack-item[data-v-df3b9e72]{display:flex!important;flex-flow:column;margin-left:32px;margin-top:32px}.techstack-item-type[data-v-df3b9e72]{font-size:.875rem}.techstack-item-info-title[data-v-df3b9e72]{font-size:1.5rem}.techstack-item-info-desc[data-v-df3b9e72]{font-size:1rem;line-height:1.75rem}.techstack-item-info[data-v-df3b9e72]:after{top:16px;left:-64px;width:48px;height:3px}}.footer[data-v-df3b9e72]{height:auto;width:100%;background-image:url(../img/footer-bg.ec10272f.jpg);background-position:50%;position:relative;background-size:cover;background-repeat:no-repeat}.footer-content[data-v-df3b9e72]{height:100vh}.footer-content-inner[data-v-df3b9e72]{grid-column:1/span 4;display:flex;flex-flow:column;justify-content:center;align-items:start}.footer-content-inner-desc[data-v-df3b9e72]{margin:24px 0 36px!important;line-height:28px}.footer-content-copyright[data-v-df3b9e72]{position:absolute;bottom:64px;font-size:1rem;font-weight:600}.footer-content-links[data-v-df3b9e72]{grid-column:12/span 1;text-align:right;height:100vh;display:flex;flex-flow:column;justify-content:center}.footer-content-links-group[data-v-df3b9e72]{display:flex;flex-flow:column}.footer-content-links-group a[data-v-df3b9e72]{margin:2px 0;font-size:1.125rem;font-weight:600;text-decoration:none;color:#cabcd2;transition:.8s cubic-bezier(.1,.84,.26,1)}.footer-content-links-group a[data-v-df3b9e72]:hover{color:#fff}@media screen and (max-width:1160px){.footer-content[data-v-df3b9e72]{padding:96px 0 32px;height:auto;display:flex!important;flex-flow:column}.footer-content-links[data-v-df3b9e72]{display:none!important}.footer-content-inner[data-v-df3b9e72]{margin:0 0 48px}.footer-content-inner-desc[data-v-df3b9e72]{margin:24px 0!important}.footer-content-copyright[data-v-df3b9e72]{bottom:auto;position:relative;font-size:.75rem;line-height:1.25rem}}.menu[data-v-df3b9e72]{z-index:100;position:fixed;width:100%;height:100%;box-sizing:border-box;padding:0 72px;background-color:#070707}.menu-logo[data-v-df3b9e72]{display:block;height:32px;width:32px;position:absolute;left:72px;top:72px;background-color:#fff}.menu-links[data-v-df3b9e72]{grid-column:9/span 4;text-align:right;margin:138px 0 0;padding:0;text-decoration:none;list-style:none}.menu-links li[data-v-df3b9e72]{margin:16px 0}.menu-links li a[data-v-df3b9e72]{font-size:4.25rem;font-family:Anton,sans-serif;font-weight:500;line-height:4.5rem;text-decoration:none;color:#cabcd2}.menu-links li a[data-v-df3b9e72]:hover{color:#fff}@media screen and (max-width:1160px){.menu[data-v-df3b9e72]{padding:0 32px}.menu-logo[data-v-df3b9e72]{left:32px;top:32px;height:24px;width:24px}.menu-links[data-v-df3b9e72]{grid-column:2/span 12;margin-top:96px}.menu-links li a[data-v-df3b9e72]{line-height:4rem;font-size:3.5rem}}.about-gallery[data-v-df3b9e72]{margin:0 72px;box-sizing:border-box}.about-gallery-content[data-v-df3b9e72]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:32px 32px;height:100%;grid-template-areas:"gi1 gi3 gi5" "gi1 gi4 gi5" "gi2 gi4 gi6";box-sizing:border-box}.about-gallery-content img[data-v-df3b9e72]{width:100%;-o-object-fit:cover;object-fit:cover;display:block}.gi1[data-v-df3b9e72]{grid-area:gi1}.gi2[data-v-df3b9e72]{grid-area:gi2}.gi3[data-v-df3b9e72]{grid-area:gi3}.gi4[data-v-df3b9e72]{grid-area:gi4}.gi5[data-v-df3b9e72]{grid-area:gi5}.gi6[data-v-df3b9e72]{grid-area:gi6}@media screen and (max-width:1160px){.about-gallery[data-v-df3b9e72]{margin:0}.about-gallery-content[data-v-df3b9e72]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:16px 16px;grid-template-areas:"gi1 gi3" "gi1 gi4" "gi2 gi4";box-sizing:border-box}.gi5[data-v-df3b9e72],.gi6[data-v-df3b9e72]{display:none!important}}.about-section[data-v-df3b9e72]{padding:96px 0}.about-section-white[data-v-df3b9e72]{background-color:#fff}.about-section-title[data-v-df3b9e72]{grid-column:1/span 12}.about-section-text[data-v-df3b9e72]{grid-column:4/span 6;position:relative;margin:64px 0 48px}.about-section-text[data-v-df3b9e72]:before{height:3px;width:64px;content:" ";background-color:#2b2b2b;position:absolute;top:12px;left:-128px}.about-section-text p[data-v-df3b9e72]{margin:0 0 16px 0;color:#2b2b2b}.about-section-text p[data-v-df3b9e72]:last-of-type{margin:0}.about-section-albums[data-v-df3b9e72]{grid-column:1/span 12;position:relative}.about-section-albums-title[data-v-df3b9e72]{grid-column:4/span 8;position:relative;left:-128px;font-weight:700;font-size:2rem;color:#2b2b2b}.about-section-albums-content[data-v-df3b9e72]{grid-column:1/span 12;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;gap:0 32px;margin:32px 0 0}.album[data-v-df3b9e72]{background-size:cover;width:100%;position:relative;display:block;box-sizing:border-box;background-position:50%;background-repeat:no-repeat;overflow:hidden}.album img[data-v-df3b9e72]{height:auto;width:100%;overflow:hidden;-o-object-fit:cover;object-fit:cover;display:block;position:absolute;transition:transform .8s cubic-bezier(.1,.84,.26,1)}.album[data-v-df3b9e72]:after{content:"";display:block;padding-bottom:100%}.album-inner[data-v-df3b9e72]{position:absolute;display:flex;transition:opacity .8s cubic-bezier(.1,.84,.26,1);opacity:0;height:100%;width:100%;text-decoration:none;background-color:rgba(0,0,0,.7);padding:32px;box-sizing:border-box;flex-flow:column;justify-content:flex-end}.album-inner-year[data-v-df3b9e72]{font-size:1rem;font-weight:600}.album-inner-artist[data-v-df3b9e72]{font-size:1.5rem;font-weight:700;margin:-4px 0 6px;color:#fff;line-height:1.75rem;text-transform:uppercase}.album-inner-name[data-v-df3b9e72]{color:#fff;font-size:1.375rem;font-weight:600;line-height:1.5rem}.album[data-v-df3b9e72]:hover{cursor:pointer}.album:hover .album-inner[data-v-df3b9e72]{opacity:1}.album:hover img[data-v-df3b9e72]{transform:scale(1.05)}@media screen and (max-width:1160px){.about-section[data-v-df3b9e72]{padding:64px 0}.about-section-content[data-v-df3b9e72]{margin:0!important;display:flex!important;flex-flow:column}.about-section-title[data-v-df3b9e72]{margin:0 32px}.about-section-text[data-v-df3b9e72]{margin:32px 32px 32px 64px}.about-section-text[data-v-df3b9e72]:before{top:13px;left:-64px;width:32px}.about-section-albums[data-v-df3b9e72]{display:flex!important;flex-flow:column}.about-section-albums-title[data-v-df3b9e72]{font-size:1.375rem;left:0;margin:0 32px}.about-section-albums-content[data-v-df3b9e72]{grid-template-columns:1fr 1fr;grid-gap:16px 16px;margin:48px 0 0}.album-inner[data-v-df3b9e72]{padding:22px}.album-inner-year[data-v-df3b9e72]{font-size:.875rem}.album-inner-artist[data-v-df3b9e72]{margin:0 0 4px;font-size:1.125rem;line-height:1.25rem}.album-inner-name[data-v-df3b9e72]{font-size:1rem}}.home-cover[data-v-df3b9e72]{height:100vh;width:100%;background-image:url(../img/home-cover.17491f0f.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat}.home-cover-content[data-v-df3b9e72]{height:100vh}.home-cover-content-inner[data-v-df3b9e72]{grid-column:1/span 4;display:flex;justify-content:center;flex-flow:column}.home-cover-content-inner .btn-link[data-v-df3b9e72]{position:absolute;bottom:72px}.home-about[data-v-df3b9e72]{padding:96px 0}.home-about-content[data-v-df3b9e72]{grid-column:1/span 6}.home-about-image[data-v-df3b9e72]{grid-column:8/span 4}.home-about-image img[data-v-df3b9e72]{width:100%}.home-projects[data-v-df3b9e72]{padding:96px 0;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:72px}.home-project[data-v-df3b9e72]{overflow:hidden}.home-project-image[data-v-df3b9e72]{width:100%;overflow:hidden;display:block;cursor:pointer;-o-object-fit:cover;object-fit:cover}.home-project-image-phone[data-v-df3b9e72]{display:none!important}.home-project-image img[data-v-df3b9e72]{width:100%;display:block;cursor:pointer;-o-object-fit:cover;object-fit:cover;transform:scale(1);overflow:hidden;transition:.8s cubic-bezier(.1,.84,.26,1)}.home-project-image img[data-v-df3b9e72]:hover{transform:scale(1.05)}.home-project-info[data-v-df3b9e72]{padding:24px 32px 0 32px}.home-project-info-title[data-v-df3b9e72]{font-size:1.875rem;color:#fff;font-weight:700;margin:0 0 4px}.home-project-info-caption[data-v-df3b9e72]{font-size:1.25rem;font-weight:700;margin:0 0 24px}.home-project-info-desc[data-v-df3b9e72]{font-size:1rem;font-weight:500;display:none}.home-techstack[data-v-df3b9e72]{padding:96px 0 96px;border-top:1px solid #2b2b2b}@media screen and (max-width:1160px){.home-cover-content[data-v-df3b9e72]{display:flex!important;justify-items:end}.home-cover-content-inner[data-v-df3b9e72]{display:flex;align-items:flex-start;height:auto;justify-content:flex-end}.home-cover-content-inner .btn-link[data-v-df3b9e72]{margin:24px 0 48px!important;position:relative;bottom:auto}.home-about[data-v-df3b9e72]{display:flex!important;margin:0!important;flex-flow:column-reverse}.home-about-content[data-v-df3b9e72]{margin:0 32px}.home-projects[data-v-df3b9e72]{display:flex!important;flex-flow:column;margin:0!important;padding:64px 0 32px!important}.home-project[data-v-df3b9e72]{margin:0 0 64px!important}.home-project-image-phone[data-v-df3b9e72]{display:block!important}.home-project-image-desktop[data-v-df3b9e72]{display:none!important}.home-project-info-title[data-v-df3b9e72]{font-size:1.5rem}.home-project-info-caption[data-v-df3b9e72]{font-size:1.125rem;margin-bottom:24px}.home-project-info-desc[data-v-df3b9e72]{display:block;font-size:.875rem;line-height:1.5rem;font-weight:600}}.about-cover[data-v-df3b9e72]{padding:320px 0 96px 0}.about-cover-content[data-v-df3b9e72]{align-items:center}.about-cover-title[data-v-df3b9e72]{position:relative;grid-column:1/span 7;display:flex}.about-cover-title[data-v-df3b9e72]:before{display:block;content:" ";background-color:#fff;height:4px;width:64px;top:-28px;position:absolute}.about-cover-title h1[data-v-df3b9e72]{position:relative;line-height:8rem}.about-cover-title h1[data-v-df3b9e72]:before{content:"";position:absolute;display:block;height:64px;width:4px;background-color:#fff;right:-34px;bottom:-28px}.about-cover-title h1[data-v-df3b9e72]:after{content:"";position:absolute;display:block;width:64px;height:4px;background-color:#fff;right:-34px;bottom:-28px}.about-cover-intro[data-v-df3b9e72]{grid-column:9/span 4;position:relative}.about-cover-intro[data-v-df3b9e72]:before{content:"";display:block;background-color:#fff;height:3px;width:64px;top:20px;left:-96px;position:absolute}.about-cover-intro h3[data-v-df3b9e72]{margin:0 0 16px}.about-cover-intro p[data-v-df3b9e72]{font-size:1rem;font-weight:500;line-height:1.75rem;margin:0 0 16px}.about-quote[data-v-df3b9e72]{padding:144px 0}.about-quote-content[data-v-df3b9e72]{grid-column:2/span 10}.about-quote-text[data-v-df3b9e72]{font-size:32px;color:#fff;font-style:italic;line-height:46px;font-weight:700;margin:0 0 24px 0}.about-quote-author[data-v-df3b9e72]{font-size:26px;color:#fff;font-weight:600}.about-intro[data-v-df3b9e72]{background-color:#110f14;padding:96px 0}.about-intro-item[data-v-df3b9e72]{display:flex;flex-flow:row;grid-column:2/span 10;align-items:center}.about-intro-item[data-v-df3b9e72]:nth-of-type(2n){margin-top:64px;flex-flow:row-reverse}.about-intro-item:nth-of-type(2n) .about-intro-item-image[data-v-df3b9e72]{margin:0 17vw 0 0}.about-intro-item-text[data-v-df3b9e72]{flex:1}.about-intro-item-text h3[data-v-df3b9e72]{font-size:1.625rem;color:#fff;font-weight:700;margin:0 0 16px}.about-intro-item-text p[data-v-df3b9e72]{font-size:1rem;line-height:1.75rem;margin-bottom:16px;font-weight:500}.about-intro-item-text p[data-v-df3b9e72]:last-of-type{margin:0}.about-intro-item-image[data-v-df3b9e72]{flex:1;width:100%;height:auto;margin:0 0 0 17vw}.about-intro-item-image img[data-v-df3b9e72]{width:100%}@media screen and (max-width:1160px){.about-cover[data-v-df3b9e72]{padding:224px 0 64px}.about-cover-content[data-v-df3b9e72]{display:flex!important;width:100%;flex-flow:column;align-items:start}.about-cover-title[data-v-df3b9e72]{margin-bottom:64px}.about-cover-title h1[data-v-df3b9e72]{line-height:4rem}.about-cover-title h1[data-v-df3b9e72]:before{height:48px;width:3px;right:-26px;bottom:-22px}.about-cover-title h1[data-v-df3b9e72]:after{height:3px;width:48px;right:-26px;bottom:-22px}.about-cover-title[data-v-df3b9e72]:before{width:48px;height:3px;top:-22px}.about-quote[data-v-df3b9e72]{padding:64px 0}.about-quote-content[data-v-df3b9e72]{grid-column:1/span 12}.about-quote-text[data-v-df3b9e72]{font-size:22px;line-height:36px;margin-bottom:24px}.about-quote-author[data-v-df3b9e72]{font-size:20px}.about-intro[data-v-df3b9e72]{padding:0}.about-intro-content[data-v-df3b9e72]{margin:0!important}.about-intro-item[data-v-df3b9e72]{grid-column:1/span 12;margin:0!important;flex-flow:column-reverse!important}.about-intro-item-image[data-v-df3b9e72]{margin:0!important}.about-intro-item-text[data-v-df3b9e72]{margin:48px 32px}}html[data-v-df3b9e72]{background-color:#070707;-webkit-overflow-scrolling:touch}body[data-v-df3b9e72]{margin:0}.scroll-hidden[data-v-df3b9e72]{overflow:hidden}.mlr-main[data-v-df3b9e72]{margin:0 72px 0 72px;box-sizing:border-box!important}.grid[data-v-df3b9e72]{display:grid;grid-column-gap:16px;grid-template-columns:repeat(12,1fr)}h1[data-v-df3b9e72],h2[data-v-df3b9e72],h3[data-v-df3b9e72],h4[data-v-df3b9e72],p[data-v-df3b9e72]{margin:0;-webkit-font-smoothing:antialiased}a[data-v-df3b9e72]{color:#fff;transition:.8s cubic-bezier(.1,.84,.26,1)}a[data-v-df3b9e72]:hover{color:#cabcd2}.t-title[data-v-df3b9e72]{font-family:Anton,sans-serif;font-size:5.5rem;color:#fff;font-weight:500;line-height:5.75rem}.t-subtitle[data-v-df3b9e72]{font-size:2rem;font-weight:800;line-height:2.25rem;margin:1.5rem 0 1.5rem}.t-sectitle[data-v-df3b9e72]{font-size:2.625rem;color:#fff}.t-section-title[data-v-df3b9e72]{font-size:4rem;font-family:Anton,sans-serif;color:#fff;font-weight:500;line-height:4.25rem}.t-desc[data-v-df3b9e72]{font-size:1rem;font-weight:700;margin:1rem 0 4rem 0}.t-about[data-v-df3b9e72]{font-size:2rem;font-weight:700;color:#fff;margin:32px 0}.t-secondary[data-v-df3b9e72]{color:#cabcd2}.t-about-title[data-v-df3b9e72]{font-size:8rem;font-family:Anton,sans-serif;font-weight:300;color:#fff}.t-purple[data-v-df3b9e72]{color:#cabcd2}.t-dark[data-v-df3b9e72]{color:#333136}.t-white[data-v-df3b9e72]{color:#fff}.t-paragraph[data-v-df3b9e72]{font-size:1rem;font-weight:500;color:#cabcd2;line-height:1.75rem}.link-inline[data-v-df3b9e72]{display:inline}@media screen and (max-width:1600px){.t-title[data-v-df3b9e72]{font-size:4.5rem;line-height:4.75rem}.t-subtitle[data-v-df3b9e72]{font-size:1.875rem;line-height:2.125rem}.t-desc[data-v-df3b9e72]{margin:.5rem 0 0}.t-about[data-v-df3b9e72]{font-size:1.5rem;line-height:2.5rem}}@media screen and (max-width:1160px){.mlr-main[data-v-df3b9e72]{margin:0 32px}.t-title[data-v-df3b9e72]{font-size:3.75rem;line-height:4.25rem}.t-subtitle[data-v-df3b9e72]{font-size:1.5rem;margin:16px 0;line-height:1.75rem}.t-desc[data-v-df3b9e72]{font-size:.875rem;margin:8px 0 16px}.t-about[data-v-df3b9e72]{line-height:2.25rem}.t-sectitle[data-v-df3b9e72]{font-size:1.75rem}.t-about-title[data-v-df3b9e72]{font-size:4rem}.t-section-title[data-v-df3b9e72]{font-size:2.5rem;line-height:2.75rem}.btn-link[data-v-df3b9e72]{font-size:1rem}}.topbar[data-v-df3b9e72]{top:72px;position:absolute;box-sizing:border-box;display:flex;justify-content:space-between;width:100%;transition:.8s cubic-bezier(.1,.84,.26,1);padding:0 72px 0 72px}.topbar-logo[data-v-df3b9e72]{height:32px;width:32px;display:block;background-color:#fff}.topbar-menu[data-v-df3b9e72]{height:32px;width:32px;position:fixed;right:72px;z-index:200;margin-left:auto;transition:.8s cubic-bezier(.1,.84,.26,1);cursor:pointer}.topbar-menu-opened[data-v-df3b9e72]:before{transform:translateY(7px)}.topbar-menu-opened[data-v-df3b9e72]:after{transform:translateY(-7px)}.topbar-menu-opened[data-v-df3b9e72]:hover:before{transform:translateY(7px)!important}.topbar-menu-opened[data-v-df3b9e72]:hover:after{transform:translateY(-7px)!important}.topbar-menu[data-v-df3b9e72]:after,.topbar-menu[data-v-df3b9e72]:before{content:"";width:100%;transition:.8s cubic-bezier(.1,.84,.26,1);position:absolute;height:2px;display:block;background-color:#fff}.topbar-menu[data-v-df3b9e72]:before{top:8px}.topbar-menu[data-v-df3b9e72]:after{bottom:8px}.topbar-menu[data-v-df3b9e72]:hover:before{transform:translateY(-3px)}.topbar-menu[data-v-df3b9e72]:hover:after{transform:translateY(3px)}@media screen and (max-width:1160px){.topbar[data-v-df3b9e72]{padding:0 32px;top:32px}.topbar-logo[data-v-df3b9e72]{width:24px;height:24px}.topbar-menu[data-v-df3b9e72]{right:32px;width:24px;height:24px}.topbar-menu[data-v-df3b9e72]:before{top:6px}.topbar-menu[data-v-df3b9e72]:after{bottom:6px}.topbar-menu[data-v-df3b9e72]:hover:after,.topbar-menu[data-v-df3b9e72]:hover:before{transform:translate(0)!important}.topbar-menu-opened[data-v-df3b9e72]:before{transform:translateY(5px)!important}.topbar-menu-opened[data-v-df3b9e72]:after{transform:translateY(-5px)!important}.topbar-menu-opened[data-v-df3b9e72]:hover:before{transform:translateY(5px)!important}.topbar-menu-opened[data-v-df3b9e72]:hover:after{transform:translateY(-5px)!important}}.a-menu-enter-active[data-v-2c3299a4],.a-menu-leave-active[data-v-2c3299a4]{transition:opacity .5s cubic-bezier(.07,.63,.36,.96)!important}.a-menu-enter-to[data-v-2c3299a4]{opacity:1!important}.a-menu-enter[data-v-2c3299a4]{opacity:0!important}.a-menu-leave-to[data-v-2c3299a4]{opacity:0}.a-loader-enter-active[data-v-2c3299a4],.a-loader-leave-active[data-v-2c3299a4]{transition:transform .8s cubic-bezier(.07,.63,.36,.96)!important}.a-loader-enter-to[data-v-2c3299a4]{transform:translateY(0)}.a-loader-enter[data-v-2c3299a4],.a-loader-leave-to[data-v-2c3299a4]{transform:translateY(100vh)}.a-loader-leave[data-v-2c3299a4]{transform:translateY(0)}.a-cover-enter-active[data-v-2c3299a4],.a-cover-leave-active[data-v-2c3299a4]{transition:transform .8s cubic-bezier(.07,.63,.36,.96),opacity .8s cubic-bezier(.07,.63,.36,.96);transition-delay:.5s!important}.a-cover-enter-to[data-v-2c3299a4]{opacity:1!important;transform:translateY(0)}.a-cover-enter[data-v-2c3299a4]{opacity:0!important;transform:translateY(48px)!important}.a-cover-leave-to[data-v-2c3299a4]{opacity:0;transform:translateY(48px)}.btn[data-v-2c3299a4]{text-decoration:none;border:none;font-family:Sarabun,sans-serif;background:none;cursor:pointer}.btn-link[data-v-2c3299a4]{font-weight:700;color:#fff;position:relative;padding:8px 118px 8px 0;font-size:1.125rem}.btn-link[data-v-2c3299a4]:after,.btn-link[data-v-2c3299a4]:before{content:"";width:96px;height:3px;background:#fff;display:block;position:absolute;right:0;top:calc(50% - 1px);transition:.8s cubic-bezier(.1,.84,.26,1)}.btn-link[data-v-2c3299a4]:before{transform:translateX(-150%);opacity:0!important}.btn-link[data-v-2c3299a4]:after{opacity:1!important;transform:translateX(0)}.btn-link[data-v-2c3299a4]:hover{color:#fff!important}.btn-link[data-v-2c3299a4]:hover:before{transform:translateX(0);opacity:1!important}.btn-link[data-v-2c3299a4]:hover:after{opacity:0!important;transform:translateX(150%)}.btn-primary[data-v-2c3299a4]{border:3px solid #fff;height:54px;width:208px;font-weight:500;background-color:#070707;padding:0!important;justify-content:center;color:#fff;align-items:center;z-index:2;top:0;box-sizing:border-box;left:0;display:flex;position:relative;font-size:1.125rem;transition:.8s cubic-bezier(.1,.84,.26,1)}.btn-primary[data-v-2c3299a4]:hover{transform:translate(10px,10px);color:#fff!important}.btn-b-primary[data-v-2c3299a4]{height:54px;width:208px;border:3px solid #fff;display:flex;position:absolute;top:10px;left:10px;justify-content:center;align-items:center;box-sizing:border-box}button[data-v-2c3299a4]:focus{outline:none}.btn-container[data-v-2c3299a4]{position:relative;margin-top:64px}@media screen and (max-width:1160px){.btn-link[data-v-2c3299a4]{padding:8px 80px 8px 0}.btn-link[data-v-2c3299a4]:after,.btn-link[data-v-2c3299a4]:before{width:64px}}.techstack[data-v-2c3299a4]{display:flex;flex-flow:column;margin:64px 0 0 0}.techstack-item[data-v-2c3299a4]{margin-top:32px}.techstack-item[data-v-2c3299a4]:first-of-type{margin-top:0}.techstack-item-type[data-v-2c3299a4]{grid-column:1/span 2;font-size:1.25rem;font-style:italic;font-weight:600;padding-top:6px}.techstack-item-info[data-v-2c3299a4]{grid-column:5/span 6;position:relative}.techstack-item-info-title[data-v-2c3299a4]{font-size:1.75rem;color:#fff;margin-bottom:8px}.techstack-item-info-desc[data-v-2c3299a4]{font-size:1rem;font-weight:500;line-height:1.75rem}.techstack-item-info[data-v-2c3299a4]:after{content:"";position:absolute;top:19px;left:-128px;height:3px;grid-column:3;width:96px;background-color:#fff;display:block}@media screen and (max-width:1160px){.techstack[data-v-2c3299a4]{margin:48px 0 0 0}.techstack-item[data-v-2c3299a4]{display:flex!important;flex-flow:column;margin-left:32px;margin-top:32px}.techstack-item-type[data-v-2c3299a4]{font-size:.875rem}.techstack-item-info-title[data-v-2c3299a4]{font-size:1.5rem}.techstack-item-info-desc[data-v-2c3299a4]{font-size:1rem;line-height:1.75rem}.techstack-item-info[data-v-2c3299a4]:after{top:16px;left:-64px;width:48px;height:3px}}.footer[data-v-2c3299a4]{height:auto;width:100%;background-image:url(../img/footer-bg.ec10272f.jpg);background-position:50%;position:relative;background-size:cover;background-repeat:no-repeat}.footer-content[data-v-2c3299a4]{height:100vh}.footer-content-inner[data-v-2c3299a4]{grid-column:1/span 4;display:flex;flex-flow:column;justify-content:center;align-items:start}.footer-content-inner-desc[data-v-2c3299a4]{margin:24px 0 36px!important;line-height:28px}.footer-content-copyright[data-v-2c3299a4]{position:absolute;bottom:64px;font-size:1rem;font-weight:600}.footer-content-links[data-v-2c3299a4]{grid-column:12/span 1;text-align:right;height:100vh;display:flex;flex-flow:column;justify-content:center}.footer-content-links-group[data-v-2c3299a4]{display:flex;flex-flow:column}.footer-content-links-group a[data-v-2c3299a4]{margin:2px 0;font-size:1.125rem;font-weight:600;text-decoration:none;color:#cabcd2;transition:.8s cubic-bezier(.1,.84,.26,1)}.footer-content-links-group a[data-v-2c3299a4]:hover{color:#fff}@media screen and (max-width:1160px){.footer-content[data-v-2c3299a4]{padding:96px 0 32px;height:auto;display:flex!important;flex-flow:column}.footer-content-links[data-v-2c3299a4]{display:none!important}.footer-content-inner[data-v-2c3299a4]{margin:0 0 48px}.footer-content-inner-desc[data-v-2c3299a4]{margin:24px 0!important}.footer-content-copyright[data-v-2c3299a4]{bottom:auto;position:relative;font-size:.75rem;line-height:1.25rem}}.menu[data-v-2c3299a4]{z-index:100;position:fixed;width:100%;height:100%;box-sizing:border-box;padding:0 72px;background-color:#070707}.menu-logo[data-v-2c3299a4]{display:block;height:32px;width:32px;position:absolute;left:72px;top:72px;background-color:#fff}.menu-links[data-v-2c3299a4]{grid-column:9/span 4;text-align:right;margin:138px 0 0;padding:0;text-decoration:none;list-style:none}.menu-links li[data-v-2c3299a4]{margin:16px 0}.menu-links li a[data-v-2c3299a4]{font-size:4.25rem;font-family:Anton,sans-serif;font-weight:500;line-height:4.5rem;text-decoration:none;color:#cabcd2}.menu-links li a[data-v-2c3299a4]:hover{color:#fff}@media screen and (max-width:1160px){.menu[data-v-2c3299a4]{padding:0 32px}.menu-logo[data-v-2c3299a4]{left:32px;top:32px;height:24px;width:24px}.menu-links[data-v-2c3299a4]{grid-column:2/span 12;margin-top:96px}.menu-links li a[data-v-2c3299a4]{line-height:4rem;font-size:3.5rem}}.about-gallery[data-v-2c3299a4]{margin:0 72px;box-sizing:border-box}.about-gallery-content[data-v-2c3299a4]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:32px 32px;height:100%;grid-template-areas:"gi1 gi3 gi5" "gi1 gi4 gi5" "gi2 gi4 gi6";box-sizing:border-box}.about-gallery-content img[data-v-2c3299a4]{width:100%;-o-object-fit:cover;object-fit:cover;display:block}.gi1[data-v-2c3299a4]{grid-area:gi1}.gi2[data-v-2c3299a4]{grid-area:gi2}.gi3[data-v-2c3299a4]{grid-area:gi3}.gi4[data-v-2c3299a4]{grid-area:gi4}.gi5[data-v-2c3299a4]{grid-area:gi5}.gi6[data-v-2c3299a4]{grid-area:gi6}@media screen and (max-width:1160px){.about-gallery[data-v-2c3299a4]{margin:0}.about-gallery-content[data-v-2c3299a4]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:16px 16px;grid-template-areas:"gi1 gi3" "gi1 gi4" "gi2 gi4";box-sizing:border-box}.gi5[data-v-2c3299a4],.gi6[data-v-2c3299a4]{display:none!important}}.about-section[data-v-2c3299a4]{padding:96px 0}.about-section-white[data-v-2c3299a4]{background-color:#fff}.about-section-title[data-v-2c3299a4]{grid-column:1/span 12}.about-section-text[data-v-2c3299a4]{grid-column:4/span 6;position:relative;margin:64px 0 48px}.about-section-text[data-v-2c3299a4]:before{height:3px;width:64px;content:" ";background-color:#2b2b2b;position:absolute;top:12px;left:-128px}.about-section-text p[data-v-2c3299a4]{margin:0 0 16px 0;color:#2b2b2b}.about-section-text p[data-v-2c3299a4]:last-of-type{margin:0}.about-section-albums[data-v-2c3299a4]{grid-column:1/span 12;position:relative}.about-section-albums-title[data-v-2c3299a4]{grid-column:4/span 8;position:relative;left:-128px;font-weight:700;font-size:2rem;color:#2b2b2b}.about-section-albums-content[data-v-2c3299a4]{grid-column:1/span 12;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;gap:0 32px;margin:32px 0 0}.album[data-v-2c3299a4]{background-size:cover;width:100%;position:relative;display:block;box-sizing:border-box;background-position:50%;background-repeat:no-repeat;overflow:hidden}.album img[data-v-2c3299a4]{height:auto;width:100%;overflow:hidden;-o-object-fit:cover;object-fit:cover;display:block;position:absolute;transition:transform .8s cubic-bezier(.1,.84,.26,1)}.album[data-v-2c3299a4]:after{content:"";display:block;padding-bottom:100%}.album-inner[data-v-2c3299a4]{position:absolute;display:flex;transition:opacity .8s cubic-bezier(.1,.84,.26,1);opacity:0;height:100%;width:100%;text-decoration:none;background-color:rgba(0,0,0,.7);padding:32px;box-sizing:border-box;flex-flow:column;justify-content:flex-end}.album-inner-year[data-v-2c3299a4]{font-size:1rem;font-weight:600}.album-inner-artist[data-v-2c3299a4]{font-size:1.5rem;font-weight:700;margin:-4px 0 6px;color:#fff;line-height:1.75rem;text-transform:uppercase}.album-inner-name[data-v-2c3299a4]{color:#fff;font-size:1.375rem;font-weight:600;line-height:1.5rem}.album[data-v-2c3299a4]:hover{cursor:pointer}.album:hover .album-inner[data-v-2c3299a4]{opacity:1}.album:hover img[data-v-2c3299a4]{transform:scale(1.05)}@media screen and (max-width:1160px){.about-section[data-v-2c3299a4]{padding:64px 0}.about-section-content[data-v-2c3299a4]{margin:0!important;display:flex!important;flex-flow:column}.about-section-title[data-v-2c3299a4]{margin:0 32px}.about-section-text[data-v-2c3299a4]{margin:32px 32px 32px 64px}.about-section-text[data-v-2c3299a4]:before{top:13px;left:-64px;width:32px}.about-section-albums[data-v-2c3299a4]{display:flex!important;flex-flow:column}.about-section-albums-title[data-v-2c3299a4]{font-size:1.375rem;left:0;margin:0 32px}.about-section-albums-content[data-v-2c3299a4]{grid-template-columns:1fr 1fr;grid-gap:16px 16px;margin:48px 0 0}.album-inner[data-v-2c3299a4]{padding:22px}.album-inner-year[data-v-2c3299a4]{font-size:.875rem}.album-inner-artist[data-v-2c3299a4]{margin:0 0 4px;font-size:1.125rem;line-height:1.25rem}.album-inner-name[data-v-2c3299a4]{font-size:1rem}}.home-cover[data-v-2c3299a4]{height:100vh;width:100%;background-image:url(../img/home-cover.17491f0f.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat}.home-cover-content[data-v-2c3299a4]{height:100vh}.home-cover-content-inner[data-v-2c3299a4]{grid-column:1/span 4;display:flex;justify-content:center;flex-flow:column}.home-cover-content-inner .btn-link[data-v-2c3299a4]{position:absolute;bottom:72px}.home-about[data-v-2c3299a4]{padding:96px 0}.home-about-content[data-v-2c3299a4]{grid-column:1/span 6}.home-about-image[data-v-2c3299a4]{grid-column:8/span 4}.home-about-image img[data-v-2c3299a4]{width:100%}.home-projects[data-v-2c3299a4]{padding:96px 0;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:72px}.home-project[data-v-2c3299a4]{overflow:hidden}.home-project-image[data-v-2c3299a4]{width:100%;overflow:hidden;display:block;cursor:pointer;-o-object-fit:cover;object-fit:cover}.home-project-image-phone[data-v-2c3299a4]{display:none!important}.home-project-image img[data-v-2c3299a4]{width:100%;display:block;cursor:pointer;-o-object-fit:cover;object-fit:cover;transform:scale(1);overflow:hidden;transition:.8s cubic-bezier(.1,.84,.26,1)}.home-project-image img[data-v-2c3299a4]:hover{transform:scale(1.05)}.home-project-info[data-v-2c3299a4]{padding:24px 32px 0 32px}.home-project-info-title[data-v-2c3299a4]{font-size:1.875rem;color:#fff;font-weight:700;margin:0 0 4px}.home-project-info-caption[data-v-2c3299a4]{font-size:1.25rem;font-weight:700;margin:0 0 24px}.home-project-info-desc[data-v-2c3299a4]{font-size:1rem;font-weight:500;display:none}.home-techstack[data-v-2c3299a4]{padding:96px 0 96px;border-top:1px solid #2b2b2b}@media screen and (max-width:1160px){.home-cover-content[data-v-2c3299a4]{display:flex!important;justify-items:end}.home-cover-content-inner[data-v-2c3299a4]{display:flex;align-items:flex-start;height:auto;justify-content:flex-end}.home-cover-content-inner .btn-link[data-v-2c3299a4]{margin:24px 0 48px!important;position:relative;bottom:auto}.home-about[data-v-2c3299a4]{display:flex!important;margin:0!important;flex-flow:column-reverse}.home-about-content[data-v-2c3299a4]{margin:0 32px}.home-projects[data-v-2c3299a4]{display:flex!important;flex-flow:column;margin:0!important;padding:64px 0 32px!important}.home-project[data-v-2c3299a4]{margin:0 0 64px!important}.home-project-image-phone[data-v-2c3299a4]{display:block!important}.home-project-image-desktop[data-v-2c3299a4]{display:none!important}.home-project-info-title[data-v-2c3299a4]{font-size:1.5rem}.home-project-info-caption[data-v-2c3299a4]{font-size:1.125rem;margin-bottom:24px}.home-project-info-desc[data-v-2c3299a4]{display:block;font-size:.875rem;line-height:1.5rem;font-weight:600}}.about-cover[data-v-2c3299a4]{padding:320px 0 96px 0}.about-cover-content[data-v-2c3299a4]{align-items:center}.about-cover-title[data-v-2c3299a4]{position:relative;grid-column:1/span 7;display:flex}.about-cover-title[data-v-2c3299a4]:before{display:block;content:" ";background-color:#fff;height:4px;width:64px;top:-28px;position:absolute}.about-cover-title h1[data-v-2c3299a4]{position:relative;line-height:8rem}.about-cover-title h1[data-v-2c3299a4]:before{content:"";position:absolute;display:block;height:64px;width:4px;background-color:#fff;right:-34px;bottom:-28px}.about-cover-title h1[data-v-2c3299a4]:after{content:"";position:absolute;display:block;width:64px;height:4px;background-color:#fff;right:-34px;bottom:-28px}.about-cover-intro[data-v-2c3299a4]{grid-column:9/span 4;position:relative}.about-cover-intro[data-v-2c3299a4]:before{content:"";display:block;background-color:#fff;height:3px;width:64px;top:20px;left:-96px;position:absolute}.about-cover-intro h3[data-v-2c3299a4]{margin:0 0 16px}.about-cover-intro p[data-v-2c3299a4]{font-size:1rem;font-weight:500;line-height:1.75rem;margin:0 0 16px}.about-quote[data-v-2c3299a4]{padding:144px 0}.about-quote-content[data-v-2c3299a4]{grid-column:2/span 10}.about-quote-text[data-v-2c3299a4]{font-size:32px;color:#fff;font-style:italic;line-height:46px;font-weight:700;margin:0 0 24px 0}.about-quote-author[data-v-2c3299a4]{font-size:26px;color:#fff;font-weight:600}.about-intro[data-v-2c3299a4]{background-color:#110f14;padding:96px 0}.about-intro-item[data-v-2c3299a4]{display:flex;flex-flow:row;grid-column:2/span 10;align-items:center}.about-intro-item[data-v-2c3299a4]:nth-of-type(2n){margin-top:64px;flex-flow:row-reverse}.about-intro-item:nth-of-type(2n) .about-intro-item-image[data-v-2c3299a4]{margin:0 17vw 0 0}.about-intro-item-text[data-v-2c3299a4]{flex:1}.about-intro-item-text h3[data-v-2c3299a4]{font-size:1.625rem;color:#fff;font-weight:700;margin:0 0 16px}.about-intro-item-text p[data-v-2c3299a4]{font-size:1rem;line-height:1.75rem;margin-bottom:16px;font-weight:500}.about-intro-item-text p[data-v-2c3299a4]:last-of-type{margin:0}.about-intro-item-image[data-v-2c3299a4]{flex:1;width:100%;height:auto;margin:0 0 0 17vw}.about-intro-item-image img[data-v-2c3299a4]{width:100%}@media screen and (max-width:1160px){.about-cover[data-v-2c3299a4]{padding:224px 0 64px}.about-cover-content[data-v-2c3299a4]{display:flex!important;width:100%;flex-flow:column;align-items:start}.about-cover-title[data-v-2c3299a4]{margin-bottom:64px}.about-cover-title h1[data-v-2c3299a4]{line-height:4rem}.about-cover-title h1[data-v-2c3299a4]:before{height:48px;width:3px;right:-26px;bottom:-22px}.about-cover-title h1[data-v-2c3299a4]:after{height:3px;width:48px;right:-26px;bottom:-22px}.about-cover-title[data-v-2c3299a4]:before{width:48px;height:3px;top:-22px}.about-quote[data-v-2c3299a4]{padding:64px 0}.about-quote-content[data-v-2c3299a4]{grid-column:1/span 12}.about-quote-text[data-v-2c3299a4]{font-size:22px;line-height:36px;margin-bottom:24px}.about-quote-author[data-v-2c3299a4]{font-size:20px}.about-intro[data-v-2c3299a4]{padding:0}.about-intro-content[data-v-2c3299a4]{margin:0!important}.about-intro-item[data-v-2c3299a4]{grid-column:1/span 12;margin:0!important;flex-flow:column-reverse!important}.about-intro-item-image[data-v-2c3299a4]{margin:0!important}.about-intro-item-text[data-v-2c3299a4]{margin:48px 32px}}html[data-v-2c3299a4]{background-color:#070707;-webkit-overflow-scrolling:touch}body[data-v-2c3299a4]{margin:0}.scroll-hidden[data-v-2c3299a4]{overflow:hidden}.mlr-main[data-v-2c3299a4]{margin:0 72px 0 72px;box-sizing:border-box!important}.grid[data-v-2c3299a4]{display:grid;grid-column-gap:16px;grid-template-columns:repeat(12,1fr)}h1[data-v-2c3299a4],h2[data-v-2c3299a4],h3[data-v-2c3299a4],h4[data-v-2c3299a4],p[data-v-2c3299a4]{margin:0;-webkit-font-smoothing:antialiased}a[data-v-2c3299a4]{color:#fff;transition:.8s cubic-bezier(.1,.84,.26,1)}a[data-v-2c3299a4]:hover{color:#cabcd2}.t-title[data-v-2c3299a4]{font-family:Anton,sans-serif;font-size:5.5rem;color:#fff;font-weight:500;line-height:5.75rem}.t-subtitle[data-v-2c3299a4]{font-size:2rem;font-weight:800;line-height:2.25rem;margin:1.5rem 0 1.5rem}.t-sectitle[data-v-2c3299a4]{font-size:2.625rem;color:#fff}.t-section-title[data-v-2c3299a4]{font-size:4rem;font-family:Anton,sans-serif;color:#fff;font-weight:500;line-height:4.25rem}.t-desc[data-v-2c3299a4]{font-size:1rem;font-weight:700;margin:1rem 0 4rem 0}.t-about[data-v-2c3299a4]{font-size:2rem;font-weight:700;color:#fff;margin:32px 0}.t-secondary[data-v-2c3299a4]{color:#cabcd2}.t-about-title[data-v-2c3299a4]{font-size:8rem;font-family:Anton,sans-serif;font-weight:300;color:#fff}.t-purple[data-v-2c3299a4]{color:#cabcd2}.t-dark[data-v-2c3299a4]{color:#333136}.t-white[data-v-2c3299a4]{color:#fff}.t-paragraph[data-v-2c3299a4]{font-size:1rem;font-weight:500;color:#cabcd2;line-height:1.75rem}.link-inline[data-v-2c3299a4]{display:inline}@media screen and (max-width:1600px){.t-title[data-v-2c3299a4]{font-size:4.5rem;line-height:4.75rem}.t-subtitle[data-v-2c3299a4]{font-size:1.875rem;line-height:2.125rem}.t-desc[data-v-2c3299a4]{margin:.5rem 0 0}.t-about[data-v-2c3299a4]{font-size:1.5rem;line-height:2.5rem}}@media screen and (max-width:1160px){.mlr-main[data-v-2c3299a4]{margin:0 32px}.t-title[data-v-2c3299a4]{font-size:3.75rem;line-height:4.25rem}.t-subtitle[data-v-2c3299a4]{font-size:1.5rem;margin:16px 0;line-height:1.75rem}.t-desc[data-v-2c3299a4]{font-size:.875rem;margin:8px 0 16px}.t-about[data-v-2c3299a4]{line-height:2.25rem}.t-sectitle[data-v-2c3299a4]{font-size:1.75rem}.t-about-title[data-v-2c3299a4]{font-size:4rem}.t-section-title[data-v-2c3299a4]{font-size:2.5rem;line-height:2.75rem}.btn-link[data-v-2c3299a4]{font-size:1rem}}.loader{height:100%;z-index:1000;background-color:#070707;width:100%;position:fixed;display:flex;justify-content:center;align-items:center}.a-menu-enter-active,.a-menu-leave-active{transition:opacity .5s cubic-bezier(.07,.63,.36,.96)!important}.a-menu-enter-to{opacity:1!important}.a-menu-enter{opacity:0!important}.a-menu-leave-to{opacity:0}.a-loader-enter-active,.a-loader-leave-active{transition:transform .8s cubic-bezier(.07,.63,.36,.96)!important}.a-loader-enter-to{transform:translateY(0)}.a-loader-enter,.a-loader-leave-to{transform:translateY(100vh)}.a-loader-leave{transform:translateY(0)}.a-cover-enter-active,.a-cover-leave-active{transition:transform .8s cubic-bezier(.07,.63,.36,.96),opacity .8s cubic-bezier(.07,.63,.36,.96);transition-delay:.5s!important}.a-cover-enter-to{opacity:1!important;transform:translateY(0)}.a-cover-enter{opacity:0!important;transform:translateY(48px)!important}.a-cover-leave-to{opacity:0;transform:translateY(48px)}.btn{text-decoration:none;border:none;font-family:Sarabun,sans-serif;background:none;cursor:pointer}.btn-link{font-weight:700;color:#fff;position:relative;padding:8px 118px 8px 0;font-size:1.125rem}.btn-link:after,.btn-link:before{content:"";width:96px;height:3px;background:#fff;display:block;position:absolute;right:0;top:calc(50% - 1px);transition:.8s cubic-bezier(.1,.84,.26,1)}.btn-link:before{transform:translateX(-150%);opacity:0!important}.btn-link:after{opacity:1!important;transform:translateX(0)}.btn-link:hover{color:#fff!important}.btn-link:hover:before{transform:translateX(0);opacity:1!important}.btn-link:hover:after{opacity:0!important;transform:translateX(150%)}.btn-primary{border:3px solid #fff;height:54px;width:208px;font-weight:500;background-color:#070707;padding:0!important;justify-content:center;color:#fff;align-items:center;z-index:2;top:0;box-sizing:border-box;left:0;display:flex;position:relative;font-size:1.125rem;transition:.8s cubic-bezier(.1,.84,.26,1)}.btn-primary:hover{transform:translate(10px,10px);color:#fff!important}.btn-b-primary{height:54px;width:208px;border:3px solid #fff;display:flex;position:absolute;top:10px;left:10px;justify-content:center;align-items:center;box-sizing:border-box}button:focus{outline:none}.btn-container{position:relative;margin-top:64px}@media screen and (max-width:1160px){.btn-link{padding:8px 80px 8px 0}.btn-link:after,.btn-link:before{width:64px}}.techstack{display:flex;flex-flow:column;margin:64px 0 0 0}.techstack-item{margin-top:32px}.techstack-item:first-of-type{margin-top:0}.techstack-item-type{grid-column:1/span 2;font-size:1.25rem;font-style:italic;font-weight:600;padding-top:6px}.techstack-item-info{grid-column:5/span 6;position:relative}.techstack-item-info-title{font-size:1.75rem;color:#fff;margin-bottom:8px}.techstack-item-info-desc{font-size:1rem;font-weight:500;line-height:1.75rem}.techstack-item-info:after{content:"";position:absolute;top:19px;left:-128px;height:3px;grid-column:3;width:96px;background-color:#fff;display:block}@media screen and (max-width:1160px){.techstack{margin:48px 0 0 0}.techstack-item{display:flex!important;flex-flow:column;margin-left:32px;margin-top:32px}.techstack-item-type{font-size:.875rem}.techstack-item-info-title{font-size:1.5rem}.techstack-item-info-desc{font-size:1rem;line-height:1.75rem}.techstack-item-info:after{top:16px;left:-64px;width:48px;height:3px}}.footer{height:auto;width:100%;background-image:url(../img/footer-bg.ec10272f.jpg);background-position:50%;position:relative;background-size:cover;background-repeat:no-repeat}.footer-content{height:100vh}.footer-content-inner{grid-column:1/span 4;display:flex;flex-flow:column;justify-content:center;align-items:start}.footer-content-inner-desc{margin:24px 0 36px!important;line-height:28px}.footer-content-copyright{position:absolute;bottom:64px;font-size:1rem;font-weight:600}.footer-content-links{grid-column:12/span 1;text-align:right;height:100vh;justify-content:center}.footer-content-links,.footer-content-links-group{display:flex;flex-flow:column}.footer-content-links-group a{margin:2px 0;font-size:1.125rem;font-weight:600;text-decoration:none;color:#cabcd2;transition:.8s cubic-bezier(.1,.84,.26,1)}.footer-content-links-group a:hover{color:#fff}@media screen and (max-width:1160px){.footer-content{padding:96px 0 32px;height:auto;display:flex!important;flex-flow:column}.footer-content-links{display:none!important}.footer-content-inner{margin:0 0 48px}.footer-content-inner-desc{margin:24px 0!important}.footer-content-copyright{bottom:auto;position:relative;font-size:.75rem;line-height:1.25rem}}.menu{z-index:100;position:fixed;width:100%;height:100%;box-sizing:border-box;padding:0 72px;background-color:#070707}.menu-logo{display:block;height:32px;width:32px;position:absolute;left:72px;top:72px;background-color:#fff}.menu-links{grid-column:9/span 4;text-align:right;margin:138px 0 0;padding:0;text-decoration:none;list-style:none}.menu-links li{margin:16px 0}.menu-links li a{font-size:4.25rem;font-family:Anton,sans-serif;font-weight:500;line-height:4.5rem;text-decoration:none;color:#cabcd2}.menu-links li a:hover{color:#fff}@media screen and (max-width:1160px){.menu{padding:0 32px}.menu-logo{left:32px;top:32px;height:24px;width:24px}.menu-links{grid-column:2/span 12;margin-top:96px}.menu-links li a{line-height:4rem;font-size:3.5rem}}.about-gallery{margin:0 72px;box-sizing:border-box}.about-gallery-content{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:32px 32px;height:100%;grid-template-areas:"gi1 gi3 gi5" "gi1 gi4 gi5" "gi2 gi4 gi6";box-sizing:border-box}.about-gallery-content img{width:100%;-o-object-fit:cover;object-fit:cover;display:block}.gi1{grid-area:gi1}.gi2{grid-area:gi2}.gi3{grid-area:gi3}.gi4{grid-area:gi4}.gi5{grid-area:gi5}.gi6{grid-area:gi6}@media screen and (max-width:1160px){.about-gallery{margin:0}.about-gallery-content{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:16px 16px;grid-template-areas:"gi1 gi3" "gi1 gi4" "gi2 gi4";box-sizing:border-box}.gi5,.gi6{display:none!important}}.about-section{padding:96px 0}.about-section-white{background-color:#fff}.about-section-title{grid-column:1/span 12}.about-section-text{grid-column:4/span 6;position:relative;margin:64px 0 48px}.about-section-text:before{height:3px;width:64px;content:" ";background-color:#2b2b2b;position:absolute;top:12px;left:-128px}.about-section-text p{margin:0 0 16px 0;color:#2b2b2b}.about-section-text p:last-of-type{margin:0}.about-section-albums{grid-column:1/span 12;position:relative}.about-section-albums-title{grid-column:4/span 8;position:relative;left:-128px;font-weight:700;font-size:2rem;color:#2b2b2b}.about-section-albums-content{grid-column:1/span 12;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;gap:0 32px;margin:32px 0 0}.album{background-size:cover;position:relative;box-sizing:border-box;background-position:50%;background-repeat:no-repeat}.album,.album img{width:100%;display:block;overflow:hidden}.album img{height:auto;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .8s cubic-bezier(.1,.84,.26,1)}.album:after{content:"";display:block;padding-bottom:100%}.album-inner{position:absolute;display:flex;transition:opacity .8s cubic-bezier(.1,.84,.26,1);opacity:0;height:100%;width:100%;text-decoration:none;background-color:rgba(0,0,0,.7);padding:32px;box-sizing:border-box;flex-flow:column;justify-content:flex-end}.album-inner-year{font-size:1rem;font-weight:600}.album-inner-artist{font-size:1.5rem;font-weight:700;margin:-4px 0 6px;color:#fff;line-height:1.75rem;text-transform:uppercase}.album-inner-name{color:#fff;font-size:1.375rem;font-weight:600;line-height:1.5rem}.album:hover{cursor:pointer}.album:hover .album-inner{opacity:1}.album:hover img{transform:scale(1.05)}@media screen and (max-width:1160px){.about-section{padding:64px 0}.about-section-content{margin:0!important;display:flex!important;flex-flow:column}.about-section-title{margin:0 32px}.about-section-text{margin:32px 32px 32px 64px}.about-section-text:before{top:13px;left:-64px;width:32px}.about-section-albums{display:flex!important;flex-flow:column}.about-section-albums-title{font-size:1.375rem;left:0;margin:0 32px}.about-section-albums-content{grid-template-columns:1fr 1fr;grid-gap:16px 16px;margin:48px 0 0}.album-inner{padding:22px}.album-inner-year{font-size:.875rem}.album-inner-artist{margin:0 0 4px;font-size:1.125rem;line-height:1.25rem}.album-inner-name{font-size:1rem}}.home-cover{width:100%;background-image:url(../img/home-cover.17491f0f.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat}.home-cover,.home-cover-content{height:100vh}.home-cover-content-inner{grid-column:1/span 4;display:flex;justify-content:center;flex-flow:column}.home-cover-content-inner .btn-link{position:absolute;bottom:72px}.home-about{padding:96px 0}.home-about-content{grid-column:1/span 6}.home-about-image{grid-column:8/span 4}.home-about-image img{width:100%}.home-projects{padding:96px 0;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:72px}.home-project{overflow:hidden}.home-project-image{width:100%;overflow:hidden;display:block;cursor:pointer;-o-object-fit:cover;object-fit:cover}.home-project-image-phone{display:none!important}.home-project-image img{width:100%;display:block;cursor:pointer;-o-object-fit:cover;object-fit:cover;transform:scale(1);overflow:hidden;transition:.8s cubic-bezier(.1,.84,.26,1)}.home-project-image img:hover{transform:scale(1.05)}.home-project-info{padding:24px 32px 0 32px}.home-project-info-title{font-size:1.875rem;color:#fff;font-weight:700;margin:0 0 4px}.home-project-info-caption{font-size:1.25rem;font-weight:700;margin:0 0 24px}.home-project-info-desc{font-size:1rem;font-weight:500;display:none}.home-techstack{padding:96px 0 96px;border-top:1px solid #2b2b2b}@media screen and (max-width:1160px){.home-cover-content{display:flex!important;justify-items:end}.home-cover-content-inner{display:flex;align-items:flex-start;height:auto;justify-content:flex-end}.home-cover-content-inner .btn-link{margin:24px 0 48px!important;position:relative;bottom:auto}.home-about{display:flex!important;margin:0!important;flex-flow:column-reverse}.home-about-content{margin:0 32px}.home-projects{display:flex!important;flex-flow:column;margin:0!important;padding:64px 0 32px!important}.home-project{margin:0 0 64px!important}.home-project-image-phone{display:block!important}.home-project-image-desktop{display:none!important}.home-project-info-title{font-size:1.5rem}.home-project-info-caption{font-size:1.125rem;margin-bottom:24px}.home-project-info-desc{display:block;font-size:.875rem;line-height:1.5rem;font-weight:600}}.about-cover{padding:320px 0 96px 0}.about-cover-content{align-items:center}.about-cover-title{position:relative;grid-column:1/span 7;display:flex}.about-cover-title:before{display:block;content:" ";background-color:#fff;height:4px;width:64px;top:-28px;position:absolute}.about-cover-title h1{position:relative;line-height:8rem}.about-cover-title h1:before{height:64px;width:4px}.about-cover-title h1:after,.about-cover-title h1:before{content:"";position:absolute;display:block;background-color:#fff;right:-34px;bottom:-28px}.about-cover-title h1:after{width:64px;height:4px}.about-cover-intro{grid-column:9/span 4;position:relative}.about-cover-intro:before{content:"";display:block;background-color:#fff;height:3px;width:64px;top:20px;left:-96px;position:absolute}.about-cover-intro h3{margin:0 0 16px}.about-cover-intro p{font-size:1rem;font-weight:500;line-height:1.75rem;margin:0 0 16px}.about-quote{padding:144px 0}.about-quote-content{grid-column:2/span 10}.about-quote-text{font-size:32px;color:#fff;font-style:italic;line-height:46px;font-weight:700;margin:0 0 24px 0}.about-quote-author{font-size:26px;color:#fff;font-weight:600}.about-intro{background-color:#110f14;padding:96px 0}.about-intro-item{display:flex;flex-flow:row;grid-column:2/span 10;align-items:center}.about-intro-item:nth-of-type(2n){margin-top:64px;flex-flow:row-reverse}.about-intro-item:nth-of-type(2n) .about-intro-item-image{margin:0 17vw 0 0}.about-intro-item-text{flex:1}.about-intro-item-text h3{font-size:1.625rem;color:#fff;font-weight:700;margin:0 0 16px}.about-intro-item-text p{font-size:1rem;line-height:1.75rem;margin-bottom:16px;font-weight:500}.about-intro-item-text p:last-of-type{margin:0}.about-intro-item-image{flex:1;width:100%;height:auto;margin:0 0 0 17vw}.about-intro-item-image img{width:100%}@media screen and (max-width:1160px){.about-cover{padding:224px 0 64px}.about-cover-content{display:flex!important;width:100%;flex-flow:column;align-items:start}.about-cover-title{margin-bottom:64px}.about-cover-title h1{line-height:4rem}.about-cover-title h1:before{height:48px;width:3px;right:-26px;bottom:-22px}.about-cover-title h1:after{height:3px;width:48px;right:-26px;bottom:-22px}.about-cover-title:before{width:48px;height:3px;top:-22px}.about-quote{padding:64px 0}.about-quote-content{grid-column:1/span 12}.about-quote-text{font-size:22px;line-height:36px;margin-bottom:24px}.about-quote-author{font-size:20px}.about-intro{padding:0}.about-intro-content,.about-intro-item{margin:0!important}.about-intro-item{grid-column:1/span 12;flex-flow:column-reverse!important}.about-intro-item-image{margin:0!important}.about-intro-item-text{margin:48px 32px}}html{background-color:#070707;-webkit-overflow-scrolling:touch}body{margin:0}.scroll-hidden{overflow:hidden}.mlr-main{margin:0 72px 0 72px;box-sizing:border-box!important}.grid{display:grid;grid-column-gap:16px;grid-template-columns:repeat(12,1fr)}h1,h2,h3,h4,p{margin:0;-webkit-font-smoothing:antialiased}a{color:#fff;transition:.8s cubic-bezier(.1,.84,.26,1)}a:hover{color:#cabcd2}.t-title{font-family:Anton,sans-serif;font-size:5.5rem;color:#fff;font-weight:500;line-height:5.75rem}.t-subtitle{font-size:2rem;font-weight:800;line-height:2.25rem;margin:1.5rem 0 1.5rem}.t-sectitle{font-size:2.625rem;color:#fff}.t-section-title{font-size:4rem;font-family:Anton,sans-serif;color:#fff;font-weight:500;line-height:4.25rem}.t-desc{font-size:1rem;font-weight:700;margin:1rem 0 4rem 0}.t-about{font-size:2rem;font-weight:700;color:#fff;margin:32px 0}.t-secondary{color:#cabcd2}.t-about-title{font-size:8rem;font-family:Anton,sans-serif;font-weight:300;color:#fff}.t-purple{color:#cabcd2}.t-dark{color:#333136}.t-white{color:#fff}.t-paragraph{font-size:1rem;font-weight:500;color:#cabcd2;line-height:1.75rem}.link-inline{display:inline}@media screen and (max-width:1600px){.t-title{font-size:4.5rem;line-height:4.75rem}.t-subtitle{font-size:1.875rem;line-height:2.125rem}.t-desc{margin:.5rem 0 0}.t-about{font-size:1.5rem;line-height:2.5rem}}@media screen and (max-width:1160px){.mlr-main{margin:0 32px}.t-title{font-size:3.75rem;line-height:4.25rem}.t-subtitle{font-size:1.5rem;margin:16px 0;line-height:1.75rem}.t-desc{font-size:.875rem;margin:8px 0 16px}.t-about{line-height:2.25rem}.t-sectitle{font-size:1.75rem}.t-about-title{font-size:4rem}.t-section-title{font-size:2.5rem;line-height:2.75rem}.btn-link{font-size:1rem}}#app{font-family:Sarabun,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#070707;color:#cabcd2}