@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-wdth-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-wdth-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-wdth-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}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--blue:#00e;--visited:#551a8b;--font:"Archivo Variable", "Helvetica Neue", Helvetica, Arial, sans-serif;--gutter:max(clamp(1.25rem, 3.4vw, 3.5rem), env(safe-area-inset-left), env(safe-area-inset-right));--nav-h:4.25rem;--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:clamp(1rem,.94rem + .28vw,1.1875rem);font-weight:420;line-height:1.45;overflow-x:clip}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent,currentColor);outline-offset:4px}::selection{background:var(--blue);color:#fff}[data-theme],[data-nav-theme]{color:var(--fg)}[data-theme=white],[data-nav-theme=white]{--fg:#000;--bg:#fff;--accent:var(--blue);--muted:#000000a3;--btn-bg:#000;--btn-fg:#fff;--btn-hover:var(--blue);--btn-hover-fg:#fff}[data-theme=blue],[data-nav-theme=blue]{--fg:#fff;--bg:var(--blue);--accent:#fff;--muted:#ffffffd1;--btn-bg:#fff;--btn-fg:var(--blue);--btn-hover:#000;--btn-hover-fg:#fff}[data-theme=black],[data-nav-theme=black]{--fg:#fff;--bg:#000;--accent:#fff;--muted:#ffffffb3;--btn-bg:#fff;--btn-fg:#000;--btn-hover:var(--blue);--btn-hover-fg:#fff}[data-theme=blue] ::selection{color:var(--blue);background:#fff}.no-gl [data-theme]{background:var(--bg)}.no-gl .field{display:none}.field{z-index:0;pointer-events:none;image-rendering:pixelated;visibility:hidden;position:fixed;top:0;left:0}.field.is-on{visibility:visible}main,.footer{z-index:1;position:relative}.skip{z-index:60;color:#fff;background:#000;padding:.6em .9em;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip:focus{transform:none}.nowrap{white-space:nowrap}.display{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.1rem,.6rem + 7vw,8rem);font-weight:820;font-stretch:125%;line-height:.9}.link{color:var(--accent);text-underline-offset:.2em;background:linear-gradient(var(--accent), var(--accent)) no-repeat 0 0 / 0% 100%;text-decoration:underline;text-decoration-thickness:.075em;transition:background-size .22s steps(5,end),color 0s .1s}.link:hover{color:var(--bg);background-size:100% 100%}.btn{white-space:nowrap;color:var(--btn-fg);background:linear-gradient(var(--btn-hover), var(--btn-hover)) no-repeat 0 0 / 0% 100% var(--btn-bg);align-items:center;padding:.85em 1.15em;font-size:.9375rem;font-weight:640;line-height:1;text-decoration:none;transition:background-size .24s steps(6,end),color 0s .12s;display:inline-flex}.btn:hover{color:var(--btn-hover-fg);background-size:100% 100%}.seen-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5em;display:inline-flex}.seen-toggle input{appearance:none;width:.95em;height:.95em;color:inherit;cursor:pointer;border:1.5px solid;border-radius:0;margin:0}.seen-toggle input:checked{background:currentColor}.seen-toggle:hover span{text-underline-offset:.2em;text-decoration:underline}.nav{z-index:20;height:var(--nav-h);padding-inline:var(--gutter);background:var(--bg);transition:transform .5s var(--ease);align-items:center;gap:clamp(1.25rem,2.6vw,2.75rem);font-size:.9375rem;font-weight:540;display:flex;position:fixed;inset:0 0 auto}.nav.is-top{background:0 0}.nav.is-hidden{transform:translateY(-101%)}.nav__logo{letter-spacing:-.03em;margin-right:auto;font-size:1.5rem;font-weight:840;font-stretch:125%;line-height:1;text-decoration:none}.nav__links{gap:clamp(1.1rem,2.2vw,2.25rem);display:flex}.nav__links a{background:linear-gradient(var(--fg), var(--fg)) no-repeat 0 0 / 0% 100%;padding:.25em .1em;text-decoration:none;transition:background-size .22s steps(5,end),color 0s .1s}.nav__links a:hover{color:var(--bg);background-size:100% 100%}.nav__menu{text-align:right;min-width:2.75rem;min-height:2.75rem;margin-right:-.25rem;padding:0 .25rem;font-weight:640;display:none}.menu{z-index:19;padding:calc(var(--nav-h) + 2.5rem) var(--gutter) 2rem;background:var(--blue);color:#fff;clip-path:inset(0 0 100%);flex-direction:column;justify-content:space-between;transition:clip-path .45s steps(12,end);display:flex;position:fixed;inset:0}.menu-open .menu{clip-path:inset(0)}.menu nav a{letter-spacing:-.03em;font-size:clamp(2.5rem,13vw,4.5rem);font-weight:820;font-stretch:125%;line-height:1.08;text-decoration:none;display:block}.menu__foot{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (width<=54rem){.nav__links,.nav .seen-toggle,.nav__cta{display:none}.nav__menu{display:block}}.hero{min-height:100svh;padding:calc(var(--nav-h) + clamp(1.5rem, 6vh, 4.5rem)) var(--gutter) clamp(1.1rem, 2.2vw, 2rem);flex-direction:column;justify-content:space-between;gap:2.5rem;display:flex;overflow-x:clip}.hero__top{justify-content:space-between;align-items:flex-start;gap:2rem var(--gutter);display:flex}.play{flex:none;width:min(100%,19rem);padding-top:.5rem;font-size:.9375rem;line-height:1.4;display:none}.has-sand .play{display:block}.play__how--touch,.play__count{display:none}.has-sand .play__count{font-variant-numeric:tabular-nums;margin-top:.9rem;font-weight:640;display:block}@media (hover:none),(pointer:coarse){.play__how--mouse{display:none}.play__how--touch{display:inline}}@media (width<=54rem){.hero__top{flex-direction:column}}.hero__statement{letter-spacing:-.022em;text-wrap:balance;max-width:19ch;font-size:clamp(1.9rem,1rem + 3vw,3.75rem);font-weight:560;line-height:1.04}.hero__more{margin-top:clamp(1.25rem,3vh,2rem)}.hero__mark,.contact__mail{width:100%}.wordmark{white-space:nowrap;width:100%;color:inherit;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-end;padding-top:.06em;font-size:20vw;line-height:.8;text-decoration:none;display:flex;overflow:hidden}.wordmark .k{font-variation-settings:"wdth" 93.5, "wght" 500;will-change:font-variation-settings;flex:none;display:block}.uline{width:100%;height:calc(var(--k-fs,20vw) * .105);margin-top:calc(var(--k-fs,20vw) * .055);fill:currentColor;display:block;overflow:visible}.manifest{padding:clamp(10rem, 30vh, 19rem) var(--gutter) clamp(6rem, 16vh, 11rem)}.manifest__text{letter-spacing:-.024em;max-width:17.5em;font-size:clamp(1.9rem,.9rem + 3.7vw,4.5rem);font-weight:540;line-height:1.07}.manifest__text p+p{margin-top:.7em}.w{display:inline-block}.step__n .w{-webkit-text-decoration:inherit;text-decoration:inherit}.is-crumbling .nav,.is-crumbling main,.is-crumbling .footer{visibility:hidden}.demo-link{color:var(--blue);font-weight:inherit;letter-spacing:inherit;text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:.07em;display:inline}.demo-link .w,.demo-visited .w{-webkit-text-decoration:inherit;text-decoration:inherit}.demo-link.is-visited,.demo-visited{color:var(--visited)}.demo-visited{text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:.07em}.principles{gap:2.5rem var(--gutter);grid-template-columns:repeat(3,1fr);margin-top:clamp(5rem,14vh,10rem);display:grid}.principles li{border-top:1px solid #000;padding-top:1.1rem}.principles h2{letter-spacing:-.012em;font-size:1.3125rem;font-weight:720;font-stretch:112%;line-height:1.15}.principles p{max-width:34ch;color:var(--muted);margin-top:.65rem}@media (width<=48rem){.principles{grid-template-columns:1fr}}.work{padding-block:clamp(9rem,26vh,16rem)}.work__track{flex-direction:column;gap:2.5rem;display:flex}.work__intro{padding-inline:var(--gutter)}.work__intro p{max-width:30ch;color:var(--muted);margin-top:1.5rem}.work__list{padding-inline:var(--gutter);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:clamp(1.25rem,3vw,3.25rem);display:flex;overflow-x:auto}.work__list::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;flex:none;width:min(72vw,24rem)}.card__cover{aspect-ratio:4/5;background:#111;position:relative;overflow:hidden}.poster{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.card__cover figcaption{color:#fff;background:#000;padding:.35em .6em;font-size:.8125rem;font-weight:600;line-height:1;position:absolute;top:.75rem;left:.75rem}.card__name{letter-spacing:-.02em;margin-top:1.1rem;font-size:clamp(1.5rem,1rem + 1.3vw,2.25rem);font-weight:760;font-stretch:118%;line-height:1}.card__meta{color:var(--muted);margin-top:.5rem;font-size:.9375rem}.work__next{padding-inline:var(--gutter);flex-direction:column;align-items:flex-start;gap:2rem;margin-top:3rem;display:flex}.work__next .display{font-size:clamp(2.1rem,.8rem + 5vw,5.5rem)}@media (width>=56.25em) and (prefers-reduced-motion:no-preference){.js .work__pin{align-items:center;height:100vh;display:flex;overflow:hidden}.js .work__track{padding-inline:var(--gutter);will-change:transform;flex-direction:row;flex:none;align-items:stretch;gap:clamp(2rem,4vw,4.5rem)}.js .work__intro{flex-direction:column;flex:none;justify-content:space-between;width:min(36vw,34rem);padding-inline:0;display:flex}.js .work__list{flex:none;padding-inline:0;overflow:visible}.js .card{width:min(25vw,80vh - 13.6rem);min-width:15rem}.js .work__next{flex:none;justify-content:center;width:min(62vw,46rem);margin-top:0;padding-inline:clamp(1rem,4vw,5rem) 0}}.services{padding:clamp(9rem, 26vh, 16rem) var(--gutter) clamp(4rem, 10vh, 7rem)}.svc-list{border-bottom:1px solid #000;margin-top:clamp(2.5rem,7vh,5rem)}.svc{border-top:1px solid #000}.svc__head{text-align:left;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding-block:clamp(.85rem,1.6vw,1.4rem);display:flex}.svc__name{letter-spacing:-.015em;transition:font-stretch .6s var(--ease), font-weight .6s var(--ease), letter-spacing .6s var(--ease);font-size:clamp(2rem,.9rem + 4.3vw,5.25rem);font-weight:300;font-stretch:62%;line-height:1}.svc.is-open .svc__name{letter-spacing:-.03em;font-weight:820;font-stretch:125%}@media (hover:hover){.svc__head:hover .svc__name{letter-spacing:-.03em;font-weight:820;font-stretch:125%}}.svc__sign{aspect-ratio:1;flex:none;width:clamp(1rem,1.6vw,1.5rem);position:relative}.svc__sign:before,.svc__sign:after{content:"";background:currentColor;height:3px;transition:transform .3s steps(4,end);position:absolute;inset:calc(50% - 1.5px) 0 auto}.svc__sign:after{transform:rotate(90deg)}.svc.is-open .svc__sign:after{transform:rotate(0)}.svc__panel{transition:grid-template-rows .55s var(--ease);grid-template-rows:0fr;display:grid}.svc.is-open .svc__panel{grid-template-rows:1fr}.svc__inner{gap:1.5rem var(--gutter);visibility:hidden;grid-template-columns:minmax(0,5fr) minmax(0,4fr);min-height:0;transition:visibility 0s .55s;display:grid;overflow:hidden}.svc.is-open .svc__inner{visibility:visible;transition-delay:0s}.svc__inner>*{margin-bottom:clamp(1.75rem,4vh,3rem)}.svc__inner p{max-width:40ch;font-size:clamp(1.125rem,1rem + .5vw,1.4375rem);line-height:1.32}.svc__inner li{align-items:baseline;gap:.7em;padding-block:.3em;display:flex}.svc__inner li:before{content:"";background:var(--blue);flex:none;width:.45em;height:.45em;transform:translateY(-.08em)}@media (width<=48rem){.svc__inner{grid-template-columns:1fr;gap:0}.svc__inner p{margin-bottom:1rem}}.process{gap:3rem var(--gutter);padding:clamp(5rem, 14vh, 9rem) var(--gutter) clamp(10rem, 30vh, 18rem);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.process__head{top:calc(var(--nav-h) + 1.5rem);position:sticky}.process__head p{max-width:28ch;color:var(--muted);margin-top:1.5rem}.steps{border-bottom:1px solid #000}.step{border-top:1px solid #000;grid-template-columns:clamp(3rem,6vw,5.5rem) minmax(0,1fr);column-gap:clamp(1rem,2vw,2rem);padding-block:clamp(1.4rem,3vw,2.4rem);display:grid}.step__n{color:var(--blue);text-underline-offset:.1em;grid-row:1/span 3;font-size:clamp(2.5rem,1.5rem + 3vw,4.5rem);font-weight:820;font-stretch:125%;line-height:.86;text-decoration:underline;text-decoration-thickness:.07em;transition:color .3s steps(3,end)}.step.is-seen .step__n{color:var(--visited)}.step h3{letter-spacing:-.018em;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.375rem);font-weight:720;font-stretch:112%;line-height:1.05}.step p{max-width:44ch;margin-top:.65rem}.step .step__time{color:var(--muted);font-size:.9375rem}@media (width<=56.24em){.process{grid-template-columns:1fr}.process__head{position:static}}.contact{padding:clamp(11rem, 34vh, 20rem) var(--gutter) clamp(5rem, 14vh, 9rem);overflow-x:clip}.contact .display{max-width:13em}.display__line{display:block}.contact__lead{max-width:34ch;margin-top:clamp(1.5rem,4vh,2.5rem);font-size:clamp(1.125rem,1rem + .5vw,1.4375rem);line-height:1.32}.contact__spilled{max-width:34ch;margin-top:1rem;font-size:clamp(1.125rem,1rem + .5vw,1.4375rem);font-weight:640;line-height:1.32}.contact__mail{margin-top:clamp(3.5rem,12vh,8rem)}.contact__actions{flex-wrap:wrap;align-items:center;gap:.75rem clamp(1.25rem,2.4vw,2.25rem);margin-top:clamp(1.5rem,4vh,2.5rem);display:flex}.contact__phone{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;min-height:2.75rem;font-size:clamp(1.125rem,1rem + .6vw,1.5rem);font-weight:640;display:inline-flex}.socials{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.5rem);margin-top:clamp(3.5rem,11vh,7rem);display:grid}.social{aspect-ratio:3/2;color:inherit;border:1px solid;text-decoration:none;display:block;position:relative}.social__name{transition:font-stretch .5s var(--ease), font-weight .5s var(--ease), letter-spacing .5s var(--ease);font-size:clamp(1.0625rem,.9rem + .6vw,1.5rem);font-weight:420;font-stretch:62%;line-height:1;position:absolute;top:.75rem;left:.85rem}.social:focus-visible .social__name{letter-spacing:-.02em;font-weight:820;font-stretch:125%}@media (hover:hover){.social:hover .social__name{letter-spacing:-.02em;font-weight:820;font-stretch:125%}}@media (width<=48rem){.socials{grid-template-columns:repeat(2,minmax(0,1fr))}.social{aspect-ratio:1}}html:not(.has-sand) .social{aspect-ratio:auto;padding:1.1rem 1rem}html:not(.has-sand) .social__name{font-size:clamp(1.25rem,1rem + 1vw,2rem);font-weight:720;font-stretch:112%;position:static}.footer{padding:clamp(10rem, 28vh, 16rem) var(--gutter) max(2rem, env(safe-area-inset-bottom));flex-wrap:wrap;align-items:center;gap:1rem clamp(1.5rem,3vw,3rem);font-size:.9375rem;display:flex}.footer__copy{margin-right:auto}@media (width<=48rem){.display{font-size:clamp(2.75rem,12.6vw,4rem)}.contact .display{font-size:clamp(2rem,10.2vw,3.75rem);font-stretch:112%}.work__next .display{font-size:clamp(2.5rem,11.4vw,3.75rem)}.hero{gap:1.5rem}.hero__more{margin-top:1.1rem}.play{padding-top:0}.manifest__text{font-size:clamp(1.9rem,8.1vw,3rem)}.card{width:min(76vw,24rem)}.svc__name{font-size:clamp(2.5rem,13vw,4.25rem)}.svc.is-open .svc__name{letter-spacing:-.02em;font-weight:800;font-stretch:86%}.svc__head{gap:1rem;padding-block:.7rem}.step__n{font-size:3rem}.footer .link,.footer .seen-toggle,.menu .seen-toggle{align-items:center;min-height:2.75rem;display:inline-flex}}@media (height<=30rem) and (orientation:landscape){.hero{padding-top:calc(var(--nav-h) + .5rem)}.hero__top{flex-direction:row}.menu{padding-top:calc(var(--nav-h) + .5rem);overflow-y:auto}.menu nav a{font-size:clamp(1.75rem,9vh,3rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}html.is-seen,html.is-seen *,html.is-seen :before,html.is-seen :after{all:revert!important}html.is-seen [data-decor],html.is-seen .skip{display:none!important}