@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.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;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.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;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.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{--paper:#faf7f3;--ink:#111;--muted:#8d8882;--faint:#a8a29a;--hey:#cfc9c1;--line:#1111111f;--card:#c9c4bc;--card-in:#b7b2aa;--font:"Archivo Variable", Archivo, sans-serif;--wrap:1180px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:6.5rem}body{background:var(--paper);color:var(--ink);font-family:var(--font);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1.02rem;font-weight:450;line-height:1.5}body:after{content:"";z-index:25;pointer-events:none;opacity:.04;background-image:url(/grain.png);background-repeat:repeat;background-size:161px 161px;animation:.9s steps(6,end) infinite grain;position:fixed;inset:-20%}@keyframes grain{0%{transform:translate(0)}16%{transform:translate(-2%,3%)}32%{transform:translate(3%,-2%)}48%{transform:translate(-4%,-3%)}64%{transform:translate(2%,4%)}80%{transform:translate(-3%,1%)}to{transform:translate(1%,-4%)}}img{max-width:100%;display:block}h1,h2,h3,p,ul,ol{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}ul,ol{padding:0;list-style:none}.wrap{width:min(var(--wrap), calc(100% - 3rem));margin-inline:auto}.nav-anchor{z-index:30;pointer-events:none;position:absolute;top:22px;left:0;right:0}.nav-bar{--bar:60px;justify-content:space-between;align-items:flex-start;display:flex}.pill-sticky{--bar:60px;z-index:40;height:var(--bar);pointer-events:none;justify-content:center;align-items:flex-start;margin-top:22px;margin-bottom:-82px;display:flex;position:sticky;top:22px;overflow:visible}.nav-social,.lang,.pill{pointer-events:auto}.nav-social,.lang{height:var(--bar);align-items:center;display:flex}.nav-social{justify-self:start;gap:.15rem}.nav-social a{color:#111;place-items:center;width:28px;height:28px;display:grid}.nav-social svg{width:16px;height:16px}.nav-social a:hover,.nav-social a:focus-visible{color:#6d6862}.lang{color:#111;justify-self:end;font-size:16px;font-weight:500;line-height:1.3}.lang button{color:inherit;cursor:pointer;font:inherit;letter-spacing:.02em;background:0 0;border:0;padding:0}.lang button:hover,.lang button:focus-visible{color:#6d6862}.lang button:focus-visible{outline-offset:3px;outline:2px solid #111}.social svg{width:18px;height:18px}.pill-sticky .pill{width:320px;max-width:calc(100vw - 13rem)}.pill{color:#fff;background:#111;border-radius:20px;width:min(320px,100vw - 1.5rem);padding:12px 16px;transition:padding-bottom .4s cubic-bezier(.22,.7,.3,1)}.pill.is-open{padding-bottom:20px}.pill-top{justify-content:space-between;align-items:center;gap:.75rem;min-height:36px;display:flex}.pill-name{letter-spacing:-.03em;color:#faf7f3;white-space:nowrap;font-size:22px;font-weight:600;line-height:1.4}.pill-toggle{color:#111;cursor:pointer;background:#faf7f3;border:0;border-radius:8px;flex:none;place-items:center;width:44px;height:36px;display:grid}.pill-toggle:focus-visible,.pill-name:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #111}.pill-toggle:focus-visible{outline-color:#fff}.mark{width:22px;height:16px;display:block;position:relative}.mark-bar,.mark-dot{background:currentColor;border-radius:999px;width:4.2px;height:4.2px;position:absolute;top:50%;left:50%}.mark-bar{transition:transform .42s cubic-bezier(.22,.7,.3,1),width .42s cubic-bezier(.22,.7,.3,1),height .42s cubic-bezier(.22,.7,.3,1)}.mark-bar.left{transform:translate(calc(-50% - 8.5px),-50%)}.mark-bar.right{transform:translate(calc(8.5px - 50%),-50%)}.mark-dot{transition:transform .34s cubic-bezier(.22,.7,.3,1) .12s,opacity .28s .12s;transform:translate(-50%,-50%)}.mark.is-open .mark-dot{opacity:0;transition-delay:0s;transform:translate(-50%,calc(12px - 50%))}.mark.is-open .mark-bar{width:14px;height:1.8px;transition-delay:.1s}.mark.is-open .mark-bar.left{transform:translate(-50%,-50%)rotate(45deg)}.mark.is-open .mark-bar.right{transform:translate(-50%,-50%)rotate(-45deg)}.pill-menu{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,.7,.3,1);display:grid}.pill.is-open .pill-menu{grid-template-rows:1fr}.pill-menu-inner{min-height:0;overflow:hidden}.pill-menu-links{flex-direction:column;align-items:flex-start;gap:10px;padding-top:20px;display:flex}.pill-menu a{color:#111;letter-spacing:-.02em;background:#faf7f3;border-radius:8px;width:fit-content;padding:8px 16px;font-size:16px;font-weight:500;line-height:1.2}.pill-menu a:hover{background:#fff}.stage-sticky{z-index:4;pointer-events:none;height:100dvh;position:sticky;top:0}.stage-track{margin-top:-100dvh}.hero{z-index:5;flex-direction:column;justify-content:flex-end;min-height:100svh;padding:7.5rem 0 2.2rem;display:flex;position:relative}.hero h1{z-index:1;letter-spacing:-.05em;text-align:center;text-transform:uppercase;margin-top:auto;margin-bottom:-4rem;padding-inline:clamp(1rem,3vw,2.2rem);font-size:clamp(1.7rem,8.4vw,7.6rem);font-weight:800;line-height:1;position:relative}.line{display:block}.role{justify-items:center;margin-top:0;padding-block:.04em;font-size:1em;line-height:1;display:grid;position:relative;overflow:hidden}.role-sizer,.role-word{white-space:nowrap;grid-area:1/1}.role-sizer{visibility:hidden}.role-word.is-out{animation:.32s cubic-bezier(.4,0,1,1) both role-leave}.role-word.is-in{animation:.36s cubic-bezier(.22,.7,.3,1) .28s both role-arrive}@keyframes role-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-110%)}}@keyframes role-arrive{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}@keyframes role-in{0%{opacity:0;transform:translateY(58%)}to{opacity:1;transform:none}}@keyframes role-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-58%)}}.hero-bottom{grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;display:grid}.hero-bottom>p{letter-spacing:0;margin:0;font-size:16px;font-weight:500;line-height:1.3}.hero-bottom>p:last-child{text-align:right;justify-self:end}.photo-slot-sm,.photo-slot-lg{overflow:hidden}.photo-slot-sm{aspect-ratio:3/4;border-radius:18px;width:280px}.photo-slot-lg{aspect-ratio:3/4;border-radius:28px;width:100%}.slot-fallback{object-fit:cover;object-position:center;border-radius:inherit;width:100%;height:100%;display:none}.portrait{z-index:1;aspect-ratio:3/4;pointer-events:none;opacity:0;perspective:1100px;border-radius:18px;width:280px;position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%)}.portrait.is-ready{opacity:1}.portrait-spin{border-radius:inherit;width:100%;height:100%;transform-style:preserve-3d;transform-origin:50%;position:relative}.portrait .face{border-radius:inherit;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.portrait .face img{object-fit:cover;object-position:center;width:100%;height:100%}.portrait .front{filter:grayscale()}.portrait .back{transform:rotateY(180deg)}.intro{align-items:flex-end;min-height:100dvh;padding:4rem 0 2.2rem;display:flex}.intro-grid{grid-template-columns:minmax(0,1fr) minmax(240px,400px) minmax(0,1fr);grid-template-areas:"hey photo right""left photo right";align-items:end;gap:1.4rem 2rem;display:grid}.hey{letter-spacing:-.045em;color:#111;grid-area:hey;align-self:center;margin:0;font-size:clamp(3.4rem,6vw,5.4rem);font-weight:600;line-height:1.05}.photo-slot-lg{grid-area:photo;align-self:end}.intro-left{grid-area:left;max-width:28ch;margin:0;font-size:20px;font-weight:600;line-height:1.4}.intro-right{flex-direction:column;grid-area:right;align-self:end;gap:.9rem;max-width:34ch;font-weight:300;display:flex}.text-link{color:#111;letter-spacing:-.04em;align-items:center;gap:10px;width:fit-content;font-size:18px;font-weight:400;line-height:1.2;display:inline-flex}.text-link-roll{height:1.2em;display:grid;overflow:hidden}.text-link-roll span{grid-area:1/1;transition:transform .4s cubic-bezier(.22,.7,.3,1)}.text-link-roll span:last-child{transform:translateY(110%)}.text-link:hover .text-link-roll span:first-child,.text-link:focus-visible .text-link-roll span:first-child,.project-shot:hover~.project-meta .text-link .text-link-roll span:first-child,.project-shot:focus-visible~.project-meta .text-link .text-link-roll span:first-child{transform:translateY(-110%)}.text-link:hover .text-link-roll span:last-child,.text-link:focus-visible .text-link-roll span:last-child,.project-shot:hover~.project-meta .text-link .text-link-roll span:last-child,.project-shot:focus-visible~.project-meta .text-link .text-link-roll span:last-child{transform:translateY(0)}.text-link-arrow{color:#111;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid;position:relative}.text-link-arrow:before{content:"";background:#111;border-radius:50%;width:34px;height:34px;transition:transform .4s cubic-bezier(.22,.7,.3,1);position:absolute;transform:scale(0)}.text-link:hover .text-link-arrow,.text-link:focus-visible .text-link-arrow,.project-shot:hover~.project-meta .text-link .text-link-arrow,.project-shot:focus-visible~.project-meta .text-link .text-link-arrow{color:#faf7f3}.text-link:hover .text-link-arrow:before,.text-link:focus-visible .text-link-arrow:before,.project-shot:hover~.project-meta .text-link .text-link-arrow:before,.project-shot:focus-visible~.project-meta .text-link .text-link-arrow:before{transform:scale(1)}.text-link-arrow svg{width:24px;height:24px;position:relative;transform:rotate(-45deg)}.statement{height:150dvh;margin-top:0}.statement-pin{justify-content:center;align-items:center;height:100dvh;display:flex;position:sticky;top:0}.statement p{text-align:center;letter-spacing:-.035em;text-wrap:balance;max-width:860px;margin:0;padding:0 1.5rem;font-size:clamp(1.7rem,3.05vw,2.65rem);font-weight:500;line-height:1.32}.statement span{color:#1111111a;transition:color .3s linear}.statement span:first-child{color:#111}.block{padding:5.5rem 0 1rem}.display{letter-spacing:-.05em;color:var(--faint);margin-bottom:1.6rem;font-size:clamp(3.4rem,7.2vw,6.4rem);font-weight:650;line-height:.92}[data-reveal]{opacity:.001;transition:opacity .7s,transform .7s cubic-bezier(.22,.7,.3,1);transform:translateY(18px)}[data-reveal].is-in{opacity:1;transform:none}.lines li{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:2rem;padding:1.45rem 0;display:flex}.lines li:last-child{border-bottom:1px solid var(--line)}.lines h3{letter-spacing:-.035em;font-size:clamp(1.35rem,2vw,1.85rem);font-weight:550}.lines p{color:var(--muted);text-align:right;font-size:.98rem}.step-n{color:var(--muted);margin-right:.7rem;font-weight:500}.reel-pin{align-items:center;height:100dvh;display:flex;position:sticky;top:0;overflow:hidden}.reel-track{align-items:stretch;gap:1.35rem;width:max-content;padding-inline:max(0px,50vw - min(68vw,820px)/2);display:flex}.project{flex-direction:column;flex:none;gap:.9rem;width:min(68vw,820px);display:flex}.project-shot{aspect-ratio:16/10;background:#e6e0d8;border-radius:20px;position:relative;overflow:hidden}.project-soon{z-index:1;color:#faf7f3;letter-spacing:.04em;text-transform:uppercase;background:#111;border-radius:999px;padding:.34rem .72rem;font-size:.78rem;font-weight:600;line-height:1.2;position:absolute;top:.9rem;left:.9rem}.project-shot img{object-fit:fill;border-radius:0;width:100%;max-width:none;height:100%;position:absolute;inset:0}.study{padding:7.5rem 0 5.5rem}.study-copy{flex-direction:column;align-items:flex-start;display:flex}.study-back{color:#6d6862;font-size:.95rem;font-weight:550}.study-back:hover,.study-back:focus-visible{color:#111}.study-kicker{color:var(--muted);letter-spacing:.02em;margin-top:2.2rem;font-size:.95rem;font-weight:550}.study h1{letter-spacing:-.055em;margin:.35rem 0 0;font-size:clamp(3.2rem,7vw,6.4rem);font-weight:560;line-height:.92}.study-lead{letter-spacing:-.02em;max-width:34rem;margin:1.15rem 0 0;font-size:1.25rem;font-weight:450;line-height:1.35}.study-shot{aspect-ratio:16/10;background:#e6e0d8;border-radius:20px;margin:2.4rem 0 0;position:relative;overflow:hidden}.study-shot img{object-fit:fill;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.study-grid{grid-template-columns:minmax(0,38rem) auto;justify-content:space-between;align-items:end;gap:2rem 3rem;margin-top:1.6rem;display:grid}.study-grid p{max-width:42rem;margin:0;font-size:1.08rem;font-weight:400;line-height:1.5}.project-meta{justify-content:space-between;align-items:center;gap:1.25rem;padding-inline:20px;display:flex}.project-meta .text-link{flex:none}.project-meta strong{letter-spacing:-.035em;font-size:1.35rem;font-weight:650;line-height:1.15}.hello{justify-items:start;padding-block:.06em;display:grid;overflow:hidden}.hello-sizer,.hello-word{white-space:nowrap;grid-area:1/1}.hello-sizer{visibility:hidden}.hello-word.is-in{animation:.45s cubic-bezier(.22,.7,.3,1) both role-in}.hello-word.is-out{animation:.45s cubic-bezier(.22,.7,.3,1) both role-out}.blog-card{color:#fff;background:#161616;border-radius:28px;flex-direction:column;justify-content:space-between;gap:2rem;max-width:420px;min-height:340px;padding:1.5rem;display:flex}.blog-card h3{letter-spacing:-.04em;max-width:12ch;font-size:clamp(1.8rem,3vw,2.3rem);font-weight:600;line-height:1.12}.blog-card a{color:#111;background:#fff;border-radius:999px;align-self:flex-start;padding:.55rem .95rem;font-weight:650}.talk{padding:6rem 0 5rem}.talk-grid{grid-template-columns:1.1fr .9fr;align-items:end;gap:3rem;display:grid}.talk h2{letter-spacing:-.05em;font-size:clamp(3.6rem,7vw,6rem);font-weight:650;line-height:.92}.talk-grid>div>p{color:#3c3a37;max-width:34ch;margin-top:1rem}.social{background:#ece8e2;border-radius:14px;place-items:center;width:46px;height:46px;margin-top:2.4rem;display:grid}.social:hover{background:#e2ddd6}.talk-card{background:var(--card);border-radius:28px;flex-direction:column;gap:.7rem;min-height:420px;padding:1rem;display:flex}.talk-row{background:var(--card-in);border-radius:14px;flex-direction:column;gap:.15rem;padding:.95rem 1rem;display:flex}.talk-row span{color:#4d4944;font-size:.82rem}.talk-row strong{letter-spacing:-.03em;font-size:1.2rem;font-weight:650}.talk-go{color:#111;text-align:center;background:#fff;border-radius:12px;margin-top:auto;padding:.95rem 1rem;font-weight:650}.talk-go:hover{background:#f7f4ef}.footer{color:#fff;background:#111;padding:4.5rem 0 3rem}.footer-grid{grid-template-columns:1.3fr 1fr .7fr;align-items:end;gap:2rem;display:grid}.footer-name{letter-spacing:-.055em;font-size:clamp(3.2rem,7vw,6.2rem);font-weight:750;line-height:.9}.foot-label{color:#9a9a9a;margin-bottom:.8rem;font-size:.95rem}.foot-pills{flex-wrap:wrap;gap:.45rem;display:flex}.foot-pills a{background:#2a2a2a;border-radius:999px;padding:.42rem .8rem;font-size:.92rem;font-weight:550}.foot-pills a:hover{background:#3a3a3a}.foot-phone{font-size:1.15rem;font-weight:600}@media (width<=980px){.stage-sticky{display:none}.stage-track{margin-top:0}.photo-slot-sm .slot-fallback{filter:grayscale();display:block}.intro-grid{grid-template-columns:1fr 1fr;grid-template-areas:"hey hey""left right"}.photo-slot-lg{display:none}.talk-grid,.footer-grid{grid-template-columns:1fr}.project{width:min(82vw,820px)}.reel-track{padding-inline:max(0px,50vw - min(82vw,820px)/2)}}@media (width<=700px){.wrap{width:min(var(--wrap), calc(100% - 1.5rem))}.pill-sticky .pill{max-width:calc(100vw - 12.5rem);padding-inline:10px}.pill-name{text-overflow:ellipsis;min-width:0;font-size:12.5px;overflow:hidden}.pill-toggle{width:36px}.nav-social a{width:24px}.lang{gap:.28rem;font-size:14px}.hero{padding:6.5rem 0 1.2rem}.hero h1{padding-inline:.75rem}.hero-bottom{grid-template-columns:1fr 1fr}.photo-slot-sm{order:-1;grid-column:1/-1;justify-self:center;margin-bottom:1.2rem}.intro-grid{grid-template-columns:1fr;grid-template-areas:"hey""left""right"}.project{width:min(86vw,820px)}.reel-track{padding-inline:max(0px,50vw - min(86vw,820px)/2)}.lines li{flex-direction:column;align-items:flex-start;gap:.35rem}.lines p{text-align:left}.talk-card{min-height:0}.study{padding-top:6.2rem}.study h1{font-size:3.1rem}.study-grid{grid-template-columns:1fr;justify-content:start}}@media (prefers-reduced-motion:reduce){.portrait,.stage-sticky{display:none}.stage-track{margin-top:0}.slot-fallback{display:block}.photo-slot-sm .slot-fallback{filter:grayscale()contrast(1.05)}.photo-slot-lg{display:block}[data-reveal]{opacity:1;transition:none;transform:none}.statement span,.pill,.pill-menu,.mark-bar,.mark-dot,.text-link span,.text-link-arrow:before,.project-shot img,.role-word,.role-word.is-in,.role-word.is-out,.hello-word,body:after{transition:none;animation:none}.role-word,.role-word.is-in,.role-word.is-out,.hello-word,.hello-word.is-in,.hello-word.is-out{opacity:1;transform:none}.reel,.reel-pin{height:auto;position:static;overflow:visible}.reel-track{width:min(var(--wrap), calc(100% - 3rem));flex-direction:column;margin-inline:auto;padding:4.5rem 0}.project{width:100%}.project-shot{aspect-ratio:16/10;height:auto}.project-shot img{height:100%}}.reduce-motion .portrait,.reduce-motion .stage-sticky{display:none}.reduce-motion .stage-track{margin-top:0}.reduce-motion .slot-fallback{display:block}.reduce-motion .reel,.reduce-motion .reel-pin{height:auto;position:static;overflow:visible}.reduce-motion .reel-track{width:min(var(--wrap), calc(100% - 3rem));flex-direction:column;margin-inline:auto;padding:4.5rem 0;transform:none!important}.reduce-motion .project,.reduce-motion .project-shot{width:100%;height:auto}.reduce-motion .project-shot{aspect-ratio:16/10}.reduce-motion .photo-slot-lg{display:block}.work{padding:7.5rem 0 5.5rem}.work-title{letter-spacing:-.055em;margin:0;font-size:clamp(3.2rem,7vw,6.4rem);font-weight:560;line-height:.92}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.75rem 1.5rem;margin-top:2.4rem;display:grid}.work-grid .project{width:auto;min-width:0}@media (width<=700px){.work-grid{gap:1.75rem .7rem}.work-grid .project-meta{flex-direction:column;align-items:flex-start;gap:.45rem;padding-inline:12px}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}