@font-face{font-family:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pirata-one-latin-ext-400-normal-CI_wL8s0.woff2)format("woff2"),url(/assets/pirata-one-latin-ext-400-normal-DS3wEyC3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pirata-one-latin-400-normal-C8jLWNfm.woff2)format("woff2"),url(/assets/pirata-one-latin-400-normal-CiJE7gJH.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-standard-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-standard-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-standard-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#f5f3f0;--color-text:#0c0c0c;--color-light:var(--color-bg);--letter-spacing:.02em;--ease-primary:cubic-bezier(.77, 0, .175, 1);--ease-blur:cubic-bezier(.5, 0, .5, 1);--blur-standard:12px;--cubic:var(--ease-primary);--cubic-2:var(--ease-blur);--seal-gap:.15em;--seal-height:96px;--seal-gap-below:12px}@media (width<=768px){:root{--seal-height:72px;--seal-gap-below:8px}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--letter-spacing);font-variation-settings:"wdth" 62.5, "wght" 800;font-family:Archivo Variable,sans-serif;font-weight:800;font-stretch:62.5%}#app{min-height:100%}picture{display:contents}#phatscroll{position:relative}@media (width>=769px){#phatscroll{width:100%;position:fixed;top:0;left:0}}#phatscroll:before{content:"";z-index:995;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:color-mix(in srgb, var(--color-light) 100%, transparent);width:120%;height:150%;transition:backdrop-filter .49s var(--cubic-2), background-color .49s var(--cubic-2);position:fixed;top:0;left:0}body.has--loaded #phatscroll:before{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:color-mix(in srgb, var(--color-light) 0%, transparent);transition-delay:.1s}.brand-stage{pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-content,.overview{position:relative}.overview-grid{--offset-gap:12vh;--col-gap:6vw;--row-gap:22vh;column-gap:var(--col-gap);row-gap:var(--row-gap);grid-template-columns:repeat(5,1fr);width:110%;display:grid;position:relative;top:-12vh;left:-5%}.overview-item{height:calc((100svh + var(--offset-gap) * 2) / 3 - var(--row-gap) * 2 / 3);position:relative;opacity:0!important}.overview-item:nth-child(5n+2),.overview-item:nth-child(5n+4){transform:translateY(calc(50% + var(--row-gap) / 2))}.overview-item__link{width:100%;height:100%;display:block}.media-wrapper{width:110%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overview-item.is--visible{z-index:var(--z-index);transition-property:opacity;transition-duration:0s;transition-timing-function:linear;transition-delay:calc(var(--z-index,1) * .1s)}body.has--loaded .overview-item.is--visible{opacity:1!important}body.has--finished .overview-item,html.has--landed .overview-item{transition-delay:0s;opacity:1!important}@media (prefers-reduced-motion:reduce){.overview-item.is--visible{transition-delay:0s}}.overview-item.is--visible .media-wrapper{transform:translate(calc(-50% + var(--translate-x,0px)), calc(-50% + var(--translate-y,0px)));z-index:var(--z-index,auto)}body.has--finished .overview-item.is--visible .media-wrapper{transition-property:transform;transition-timing-function:var(--cubic);transition-delay:calc(var(--delay) * 10ms);transition-duration:var(--duration);transform:translate(-50%,-50%)}.media-wrapper img{width:auto;max-width:100%;height:auto;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px) and (orientation:portrait){.overview-grid{--col-gap:16px;--offset-gap:8vh;width:100%;left:0}.media-wrapper{width:160%;height:70%}}.work-grid{position:relative}.work-grid__items{flex-wrap:wrap;gap:32vw 24vw;width:88vw;margin:12vw auto 0;padding-bottom:32vw;display:flex}.project-grid-item{width:32vw;height:32vw;display:block;position:relative}.project-grid-item:nth-child(2n){transform:translateY(32vw)}.project-grid-item__cover{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-grid-item__cover--vertical-3-4{width:36vw;height:auto}.project-grid-item__cover--horizontal-4-3,.project-grid-item__cover--horizontal-3-2{width:48vw;height:auto}.work-grid__titles{z-index:997;pointer-events:none;perspective:700px;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.work-grid__title{text-align:center;font-variation-settings:"wdth" 62.5, "wght" 800;max-width:90vw;color:var(--color-text);opacity:0;filter:blur(12px);transition:transform .79s var(--cubic), filter .79s var(--cubic), opacity .79s var(--cubic);font-family:Archivo Variable,sans-serif;font-size:clamp(36px,5.5vw,82px);font-weight:800;font-stretch:62.5%;line-height:1.1;position:absolute;transform:translateY(50%)rotateX(-90deg)}.work-grid__title.is--active{opacity:1;filter:blur();transform:translateY(0)rotateX(0)}@media not all and (hover:hover) and (pointer:fine){.work-grid__titles{display:none}}@media (width<=768px){.work-grid__items{gap:24vw 16vw;margin:24vw auto 0;padding-bottom:24vw}.project-grid-item{width:36vw;height:36vw}.project-grid-item:nth-child(2n){transform:translateY(24vw)}}.work-list{position:relative}.work-list__previews{z-index:996;pointer-events:none;position:fixed;inset:0}.work-list__preview{opacity:0;filter:blur(12px);pointer-events:none;width:24vw;height:24vw;transition:opacity .49s var(--cubic-2), filter .49s var(--cubic-2);position:absolute;top:50%;transform:translateY(-50%)}.work-list__preview--left{left:96px}.work-list__preview--right{right:96px}.work-list__preview.is--active{opacity:1;filter:blur()}.work-list__preview-img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-list__preview-img--vertical-3-4{width:25.2vw;height:auto}.work-list__preview-img--horizontal-4-3,.work-list__preview-img--horizontal-3-2{width:33.6vw;height:auto}@media not all and (hover:hover) and (pointer:fine){.work-list__previews{display:none}}.work-list__titles{perspective:700px;flex-direction:column;align-items:center;width:100%;padding:64px 0;display:flex}.work-list__title{font-variation-settings:"wdth" 62.5, "wght" 800;text-align:center;color:var(--color-text);white-space:nowrap;opacity:0;transition:opacity .79s var(--cubic), transform .79s var(--cubic);transition-delay:calc(var(--index,0) * 30ms);border-bottom:3px solid #0000;font-family:Archivo Variable,sans-serif;font-size:clamp(36px,5.5vw,82px);font-weight:800;font-stretch:62.5%;line-height:1.1;text-decoration:none;display:block;transform:translateY(50%)rotateX(-90deg)}body.has--loaded .work-list__title{opacity:1;transform:none}@media (hover:hover){.work-list__title:hover{border-bottom-color:currentColor}}@media (width<=768px){.work-list__titles{padding:48px 16px}.work-list__title{white-space:normal}}.work-switcher{z-index:999;opacity:0;filter:blur(12px);transition:opacity .49s var(--cubic-2), filter .49s var(--cubic-2);gap:32px;display:none;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}body.view-work .work-switcher,body.view-work-list .work-switcher{display:flex}body.view-work.has--loaded .work-switcher,body.view-work-list.has--loaded .work-switcher{opacity:1;filter:blur()}body.has--loaded.js-nav--isopening .work-switcher,body.has--loaded.js-nav--isopen .work-switcher,body.has--loaded.js-nav--isclosing .work-switcher{opacity:0;filter:blur(12px);pointer-events:none}.work-switcher__link{font-variation-settings:"wdth" 62.5, "wght" 800;color:var(--color-text);border-bottom:2px solid #0000;padding-bottom:2px;font-family:Archivo Variable,sans-serif;font-size:32px;font-weight:800;font-stretch:62.5%;line-height:1;text-decoration:none}.work-switcher__link--active{border-bottom-color:currentColor}@media (hover:hover){.work-switcher__link:hover{border-bottom-color:currentColor}}@media (width<=768px){.work-switcher{gap:16px;bottom:12px}.work-switcher__link{font-size:24px}}.work-detail{position:relative}.work-detail__title{z-index:10;font-variation-settings:"wdth" 62.5, "wght" 800;white-space:nowrap;color:var(--color-text);opacity:0;filter:blur(12px);transition:opacity .79s var(--cubic), filter .79s var(--cubic);margin:0;font-family:Archivo Variable,sans-serif;font-size:32px;font-weight:800;font-stretch:62.5%;line-height:1;position:fixed;top:16px;left:50%;transform:translate(-50%)}body.has--loaded .work-detail__title{opacity:1;filter:blur()}.work-detail__focus{z-index:9;justify-content:center;align-items:center;display:flex;position:fixed;inset:64px 12.36vw}.work-detail__focus-item{opacity:0;pointer-events:none;transition:opacity .49s var(--cubic-2);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}body.has--loaded .work-detail__focus-item.is--active{opacity:1}.work-detail__focus-item img{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.work-detail__thumb-track{opacity:0;width:80px;transition:opacity .79s var(--cubic);flex-direction:column;align-items:center;gap:16px;margin-left:16px;padding-top:calc(50svh - 53.335px);padding-bottom:calc(50svh - 53.335px);display:flex}body.has--loaded .work-detail__thumb-track{opacity:1}.work-detail__thumb{appearance:none;width:80px;font:inherit;cursor:pointer;will-change:transform;background:0 0;border:0;padding:0;display:block}.work-detail__thumb img{pointer-events:none;width:100%;height:auto;display:block}.work-detail__bottom{z-index:11;opacity:0;filter:blur(12px);transition:opacity .79s var(--cubic), filter .79s var(--cubic);align-items:center;gap:32px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}body.has--loaded .work-detail__bottom{opacity:1;filter:blur()}.work-detail__control{font-variation-settings:"wdth" 62.5, "wght" 800;color:var(--color-text);cursor:pointer;background:0 0;border:0;padding:0;font-family:Archivo Variable,sans-serif;font-size:32px;font-weight:800;font-stretch:62.5%;line-height:1;text-decoration:none}@media (hover:hover) and (pointer:fine){.work-detail__control{position:relative}.work-detail__control:after{content:"";transform-origin:0;width:100%;height:2px;transition:transform .49s var(--cubic-2);background-color:currentColor;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.work-detail__control:hover:after{transform:scaleX(1)}}@media (width<=768px){body.view-work-detail{overflow:hidden}.work-detail{height:100svh;min-height:100svh;overflow:hidden}.work-detail__title{font-size:24px;top:12px}.work-detail__bottom{z-index:12;top:52px;bottom:auto;left:50%;transform:translate(-50%)}.work-detail__control{font-size:24px}.work-detail__focus{inset:104px 16px 128px}.work-detail__thumb-track{top:auto;left:0;right:0;bottom:max(12px, env(safe-area-inset-bottom));overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;z-index:11;flex-direction:row;align-items:flex-end;gap:12px;width:auto;height:104px;margin:0;padding:0 calc(50vw - 24px);position:fixed;overflow:auto hidden}.work-detail__thumb-track::-webkit-scrollbar{display:none}.work-detail__thumb{background:0 0;border:0;flex:none;width:48px;height:auto;margin:0;padding:0}}.focus{position:relative}@media (width<=768px){body.view-focus{overflow:hidden}.focus{height:100svh;min-height:100svh;overflow:hidden}}.navscreen{pointer-events:none;filter:blur(12px);z-index:998;background-color:color-mix(in srgb, var(--color-light) 100%, transparent);width:100%;height:0;transition:height 10ms ease .8s, filter .49s var(--cubic-2) .1s, background-color .49s var(--cubic-2) .1s;position:fixed;inset:0;overflow:hidden}body.js-nav--isopening .navscreen,body.js-nav--isopen .navscreen{pointer-events:auto;filter:blur();background-color:color-mix(in srgb, var(--color-light) 92%, transparent);height:100%;transition:height 0s, filter .49s var(--cubic-2), background-color .49s var(--cubic-2)}.navscreen__inner{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:16px 24px;display:flex;overflow:hidden auto}.navscreen__nav{perspective:700px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.1em;display:flex}.navscreen__nav-item-clip{display:block;overflow:hidden}.navscreen__nav-item{font-variation-settings:"wdth" 62.5, "wght" 800;color:var(--color-text);filter:blur(12px);opacity:0;transition:transform .79s var(--cubic), filter .79s var(--cubic), opacity .79s var(--cubic);transition-delay:calc(var(--item-index,0) * 60ms);font-family:Archivo Variable,sans-serif;font-size:clamp(36px,5.5vw,82px);font-weight:800;font-stretch:62.5%;line-height:1.1;text-decoration:none;display:block;transform:translateY(30%)rotateX(-40deg)}body.js-nav--isopening .navscreen__nav-item,body.js-nav--isopen .navscreen__nav-item{filter:blur();opacity:1;transform:translateY(0)rotateX(0)}@media (hover:hover){.navscreen__nav-item{position:relative}.navscreen__nav-item:after{content:"";transform-origin:0;width:100%;height:4px;transition:transform .49s var(--cubic-2);background-color:currentColor;position:absolute;bottom:.05em;left:0;transform:scaleX(0)}.navscreen__nav-item:hover:after{transform:scaleX(1)}}.navscreen__about{text-align:center;font-variation-settings:"wdth" 62.5, "wght" 800;text-transform:uppercase;flex:none;max-width:70ch;margin:0;font-family:Archivo Variable,sans-serif;font-size:clamp(21px,3.4vw,44px);font-weight:800;font-stretch:62.5%;line-height:1.3}.about-line-clip{display:block;overflow:hidden}.about-line-inner{filter:blur(12px);opacity:0;transition:transform .79s var(--cubic), filter .79s var(--cubic), opacity .79s var(--cubic);transition-delay:calc(var(--line-index,0) * 15ms);display:block;transform:translateY(50%)rotateX(-40deg)}body.js-nav--isopening .about-line-inner,body.js-nav--isopen .about-line-inner{filter:blur();opacity:1;transform:translateY(0)rotateX(0)}.navscreen__footer{flex:none;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.navscreen__footer-clip{display:block;overflow:hidden}.navscreen__contact,.navscreen__social{font-variation-settings:"wdth" 62.5, "wght" 800;color:var(--color-text);filter:blur(12px);opacity:0;transition:transform .79s var(--cubic), filter .79s var(--cubic), opacity .79s var(--cubic);font-family:Archivo Variable,sans-serif;font-size:clamp(19px,3.2vw,44px);font-weight:800;font-stretch:62.5%;text-decoration:none;display:block;transform:translateY(50%)rotateX(-40deg)}.navscreen__contact{transition-delay:.1s}.navscreen__social{transition-delay:.13s}body.js-nav--isopening .navscreen__contact,body.js-nav--isopen .navscreen__contact,body.js-nav--isopening .navscreen__social,body.js-nav--isopen .navscreen__social{filter:blur();opacity:1;transform:translateY(0)rotateX(0)}@media (hover:hover){.navscreen__contact,.navscreen__social{position:relative}.navscreen__contact:after,.navscreen__social:after{content:"";transform-origin:0;width:100%;height:1px;transition:transform .49s var(--cubic-2);background-color:currentColor;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.navscreen__contact:hover:after,.navscreen__social:hover:after{transform:scaleX(1)}}.navscreen__copyright{text-transform:none;color:var(--color-text);filter:blur(8px);opacity:0;transition:filter .49s var(--cubic-2) .3s, opacity .49s var(--cubic-2) .3s;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:400;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.js-nav--isopening .navscreen__copyright,body.js-nav--isopen .navscreen__copyright{filter:blur();opacity:1}@media (width<=768px){.navscreen__inner{height:100svh;padding:12px 16px 20px}.navscreen__copyright{font-size:11px}}.site-header{z-index:999;perspective:700px;width:32px;height:32px;position:fixed;top:16px;left:50%;transform:translate(-50%)}body.view-work-detail .site-header{opacity:0;pointer-events:none}.menu-toggle{cursor:pointer;perspective:700px;transition:transform .79s var(--cubic);appearance:none;background:0 0;border:0;padding:0;position:absolute;inset:0;transform:translateY(50%)rotateX(-90deg)}body.has--loaded .menu-toggle{transform:none}.menu-toggle__face{transition:transform .79s var(--cubic);position:absolute;inset:0}.menu-toggle__face:before,.menu-toggle__face:after{content:"";background-color:#0c0c0c;position:absolute;top:50%;left:50%}.menu-toggle__face--plus{transform:none}.menu-toggle__face--plus:before,.menu-toggle__face--plus:after{transform:translate(-50%,-50%)}.menu-toggle__face--plus:before{width:100%;height:3px}.menu-toggle__face--plus:after{width:3px;height:100%}.menu-toggle__face--cross{transform:translateY(-40%)rotateX(-90deg)}.menu-toggle__face--cross:before,.menu-toggle__face--cross:after{width:141%;height:3px}.menu-toggle__face--cross:before{transform:translate(-50%,-50%)rotate(45deg)}.menu-toggle__face--cross:after{transform:translate(-50%,-50%)rotate(-45deg)}body.js-nav--isopening .menu-toggle__face--plus,body.js-nav--isopen .menu-toggle__face--plus{transform:translateY(-60%)rotateX(90deg)}body.js-nav--isopening .menu-toggle__face--cross,body.js-nav--isopen .menu-toggle__face--cross{transform:translateY(0)rotateX(0)}body.js-nav--isclosing .menu-toggle__face--cross{transform:translateY(-160%)rotateX(90deg)}body.js-nav--isclosing .menu-toggle__face--plus{transform:none}@media (width<=768px){.site-header{width:24px;height:24px;top:12px}.menu-toggle__face{transform-origin:50%;backface-visibility:hidden}.menu-toggle__face--plus{transform:translate(0,0)rotateX(0)}.menu-toggle__face--cross{transform:translate(0,0)rotateX(-90deg)}body.js-nav--isopening .menu-toggle__face--plus,body.js-nav--isopen .menu-toggle__face--plus{transform:translate(0,0)rotateX(90deg)}body.js-nav--isopening .menu-toggle__face--cross,body.js-nav--isopen .menu-toggle__face--cross{transform:translate(0,0)rotateX(0)}body.js-nav--isclosing .menu-toggle__face--cross{transform:translate(0,0)rotateX(90deg)}body.js-nav--isclosing .menu-toggle__face--plus{transform:translate(0,0)rotateX(0)}}.seal{align-items:center;gap:var(--seal-gap);height:var(--seal-height);color:currentColor;display:flex}.seal svg{width:auto;height:100%;display:block}.seal .nine{font-family:Pirata One,serif;font-size:calc(var(--seal-height) * 1.13);line-height:1;transform:translateY(-4%)}.brand{flex-direction:column;align-items:center;display:flex}.brand .phrase{margin-top:var(--seal-gap-below);font-variation-settings:"wdth" 62.5, "wght" 800;font-size:13px;font-weight:800;font-stretch:62.5%}.brand.brand--enter{filter:blur(var(--blur-standard));transition:transform .79s var(--cubic) .6s, filter .79s var(--cubic) .6s;transform:translateY(50%)rotateX(-40deg)}body.has--finished .brand.brand--enter{filter:blur();transform:none}@media (width<=768px){.brand{max-width:78vw}}