@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}:root{--night:#0c0c0e;--ink:#141417;--muted:#6d6d73;--line:#e4e3de;--paper:#f6f5f1;--gutter:clamp(18px, 2.6vw, 40px);--gap:clamp(24px, 3vw, 48px);--ease:cubic-bezier(.76, 0, .18, 1);--soft:cubic-bezier(.2, .8, .2, 1);color:var(--ink);background:var(--night);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Archivo Variable,Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{margin:0;font-size:17px;line-height:1.5;overflow-x:clip}h1,h2,h3,p,ul,ol,figure{font-weight:inherit;margin:0;padding:0}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:3px;outline:2px solid}.rise{margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:hidden}.rise>span{display:block}.wipe{z-index:100;position:fixed;inset:0}.bar{z-index:60;padding:clamp(16px, 2vw, 26px) var(--gutter);color:var(--bar-ink,#fff);transition:color .35s, background-color .35s, transform .5s var(--soft), padding .35s var(--soft);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.bar.is-solid{background:var(--bar-bg,#0c0c0ed1);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);padding-block:14px;box-shadow:0 1px #7f7f7f2e}.bar.is-away{transform:translateY(-100%)}.bar-name{font-weight:600}.bar nav{gap:clamp(20px,3vw,44px);display:flex}.bar nav a{transition:background-size .4s var(--soft);background:linear-gradient(currentColor,currentColor) 100% 100%/0 1px no-repeat}.bar nav a:hover{background-position:0 100%;background-size:100% 1px}.hero{background:var(--night);color:#fff;height:100svh;min-height:560px;position:relative;overflow:hidden}.wall{perspective:1500px;width:72%;position:absolute;top:0;bottom:0;right:0}.wall-plane{gap:clamp(10px,1.3vw,20px);width:100%;height:180%;display:flex;position:absolute;top:-40%;right:-12%;transform:rotateX(20deg)rotateY(-16deg)rotate(9deg)}.wall-col{will-change:transform;flex-direction:column;flex:1;gap:clamp(10px,1.3vw,20px);animation:70s linear infinite drift;display:flex}.wall-col-1{animation-duration:84s;animation-direction:reverse}.wall-col-2{animation-duration:62s}.wall-col img{width:100%;box-shadow:0 30px 60px -30px #000}@keyframes drift{to{transform:translateY(-50%)}}.hero-shade{background:linear-gradient(90deg, var(--night) 22%, #0c0c0eb8 48%, #0c0c0e1a 78%), linear-gradient(0deg, var(--night), transparent 34%), linear-gradient(180deg, #0c0c0ed9, transparent 16%);position:absolute;inset:0}.hero-content{inset:auto var(--gutter) clamp(18px, 3vh, 34px);position:absolute}.hero-who{align-items:flex-end;gap:clamp(14px,1.6vw,26px);margin-bottom:calc(min(11.6vw,21vh)/-5);font-size:clamp(16px,1.3vw,20px);line-height:1.3;display:flex}.hero-company{color:#ffffffa6;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:color .3s}.hero-company:hover{color:#fff}.hero-who p{padding-bottom:calc(min(11.6vw,21vh)/2.38095)}.hero-photo{flex:none;width:min(23vw,44vh);min-width:150px;-webkit-mask-image:linear-gradient(#000 70%,#0000 97%);mask-image:linear-gradient(#000 70%,#0000 97%)}.hero-photo img{width:100%}.hero h1{letter-spacing:-.04em;font-size:min(11.6vw,21vh);font-weight:500;line-height:.94;position:relative}.statement{z-index:1;background:var(--paper);padding:clamp(80px, 16vh, 180px) var(--gutter) clamp(56px, 10vh, 110px);position:relative}.statement>p{letter-spacing:-.03em;max-width:19em;font-size:clamp(34px,5.4vw,92px);font-weight:500;line-height:1.06}.counts{gap:var(--gap);border-top:1px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(56px,11vh,120px);padding-top:18px;display:grid}.count strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(44px,6vw,96px);font-weight:500;line-height:1;display:block}.count span{color:var(--muted);margin-top:8px;display:block}.eyebrow{letter-spacing:.02em;opacity:.6;margin-bottom:14px;font-size:15px;font-weight:600}.about-head h2,.work-head h2,.exp-head h2,.process-head h2,.services-head h2{letter-spacing:-.032em;max-width:17em;font-size:clamp(34px,4.8vw,80px);font-weight:500;line-height:1.04}.about{z-index:1;background:var(--paper);padding:clamp(40px, 8vh, 90px) var(--gutter) clamp(80px, 15vh, 170px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,110px);display:grid;position:relative}.about-body{color:#3c3c42;align-content:start;gap:20px;padding-top:clamp(0px,2vw,30px);font-size:clamp(17px,1.35vw,20px);line-height:1.55;display:grid}.about-value{border-top:1px solid var(--ink);letter-spacing:-.012em;color:var(--ink);margin-top:12px;padding-top:20px;font-size:clamp(20px,1.8vw,28px);line-height:1.3}.work-head{z-index:1;background:var(--night);color:#fff;padding:clamp(80px, 15vh, 170px) var(--gutter) clamp(40px, 8vh, 90px);position:relative}.work-head>p:last-child{color:#fff9;margin-top:22px}.experience{z-index:1;background:var(--paper);padding:clamp(72px, 13vh, 150px) var(--gutter);position:relative}.exp-head{margin-bottom:clamp(28px,5vh,56px)}.exp-list{border-top:1px solid var(--ink)}.exp-list li{gap:10px var(--gap);border-bottom:1px solid var(--line);grid-template-columns:minmax(130px,.5fr) minmax(0,1fr) minmax(0,1.2fr);padding-block:clamp(20px,2.6vw,34px);display:grid}.exp-years{color:var(--muted);font-variant-numeric:tabular-nums}.exp-list h3{letter-spacing:-.02em;font-size:clamp(24px,2.4vw,38px);font-weight:500;line-height:1.1}.exp-role{margin-top:6px;font-weight:600}.exp-text{color:var(--muted)}.process{z-index:1;background:var(--night);color:#fff;padding:clamp(72px, 13vh, 150px) var(--gutter);position:relative}.process-head{margin-bottom:clamp(36px,6vh,70px)}.process-grid{background:#ffffff29;border:1px solid #ffffff29;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.process-grid li{background:var(--night);min-height:clamp(200px,26vh,280px);transition:background-color .4s var(--soft);flex-direction:column;padding:clamp(20px,2.4vw,36px);display:flex}.process-grid li:hover{background:#18181c}.process-grid span{color:#ffffff80;font-variant-numeric:tabular-nums}.process-grid h3{letter-spacing:-.025em;margin-top:auto;font-size:clamp(26px,2.6vw,42px);font-weight:500}.process-grid p{color:#ffffff9e;margin-top:8px}.work{background:var(--night)}.stack-item{height:100svh;position:sticky;top:0;overflow:hidden}.stack-card{height:100%;padding:clamp(60px, 9vh, 84px) var(--gutter) clamp(18px, 3vh, 32px);transform-origin:50% 30%;will-change:transform;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2vh,24px);display:grid;position:relative}.stack-meta{justify-content:space-between;font-weight:500;display:flex}.stack-image{justify-content:center;align-items:center;min-height:0;display:flex}.stack-image img{will-change:transform;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 40px 90px -36px #000000a6}.stack-foot{justify-content:space-between;align-items:flex-end;gap:var(--gap);display:flex}.stack-foot h3{letter-spacing:-.035em;white-space:nowrap;font-size:min(8.6vw,15vh);font-weight:500;line-height:.96}.stack-foot p{text-align:right;max-width:21em;font-size:clamp(15px,1.2vw,18px);line-height:1.35}.stack-dim{pointer-events:none;background:#000;position:absolute;inset:0}.cursor{z-index:50;color:#000;pointer-events:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;font-weight:600;display:flex;position:fixed;top:-46px;left:-46px}@media (pointer:fine){.stack-card{cursor:none}}@media (pointer:coarse){.cursor{display:none}}.services{z-index:1;background:var(--night);color:#fff;padding:clamp(72px, 13vh, 150px) var(--gutter);position:relative}.services-head{margin-bottom:clamp(28px,5vh,56px)}.services-head h2{letter-spacing:-.035em;font-size:clamp(44px,7vw,120px);font-weight:500;line-height:1}.services>ul{border-top:1px solid #ffffff80}.service{transition:background-color .5s var(--soft), color .3s;border-bottom:1px solid #ffffff2e}.service.is-open{background:var(--paper);color:var(--ink)}.service>button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:clamp(36px,6vw,96px) minmax(0,1fr);align-items:baseline;gap:12px;padding:clamp(14px,1.8vw,26px) clamp(10px,1.4vw,22px);display:grid}.service-n{opacity:.6}.service-title{letter-spacing:-.028em;font-size:clamp(28px,3.8vw,64px);font-weight:500;line-height:1.08}.service-body{overflow:hidden}.service-inner{gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0 clamp(10px,1.4vw,22px) clamp(20px,2.6vw,36px) calc(clamp(36px,6vw,96px) + 12px + clamp(10px,1.4vw,22px));font-size:clamp(17px,1.35vw,20px);display:grid}.service-inner ul{color:var(--muted);flex-wrap:wrap;align-content:flex-start;gap:6px 22px;display:flex}.index{z-index:1;background:var(--paper);padding:clamp(72px, 13vh, 150px) var(--gutter);position:relative}.index-head{justify-content:space-between;align-items:flex-end;margin-bottom:clamp(28px,5vh,56px);display:flex}.index-head h2{letter-spacing:-.035em;font-size:clamp(44px,7vw,120px);font-weight:500;line-height:1}.index-head p{color:var(--muted)}.index ol{border-top:1px solid var(--ink)}.index li a{border-bottom:1px solid var(--line);transition:padding-left .5s var(--soft), border-color .3s;grid-template-columns:clamp(36px,6vw,96px) minmax(0,1fr) auto;align-items:baseline;gap:12px;padding-block:clamp(12px,1.6vw,22px);display:grid}.index-n,.index-kind{color:var(--muted)}.index-name{letter-spacing:-.025em;font-size:clamp(26px,3.6vw,60px);font-weight:500;line-height:1.1}.index li a:hover{border-color:var(--ink);padding-left:18px}.index-float{z-index:40;pointer-events:none;width:clamp(280px,26vw,420px);height:260px;position:fixed;top:-130px;left:28px}.index-float img{object-fit:cover;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0;box-shadow:0 30px 60px -24px #00000080}@media (pointer:coarse){.index-float{display:none}}.footer{z-index:1;background:var(--night);color:#fff;padding:clamp(48px, 9vh, 96px) var(--gutter) 22px;position:relative;overflow:hidden}.footer-top{justify-content:space-between;align-items:flex-start;gap:var(--gap);margin-bottom:clamp(40px,10vh,120px);display:flex}.footer-cta{max-width:64em}.footer-text{color:#ffffffa6;max-width:36em;margin-bottom:26px;font-size:clamp(17px,1.35vw,20px)}.footer-mail{font-size:clamp(22px,2.4vw,38px)}.footer h2{letter-spacing:-.03em;max-width:15em;margin-bottom:16px;font-size:clamp(34px,5vw,80px);font-weight:500;line-height:1.05}.footer-links{flex-wrap:wrap;gap:8px 32px;font-size:clamp(18px,1.6vw,24px);display:flex}.footer-links a,.footer-up{overflow-wrap:anywhere;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}.footer-role{font-size:clamp(18px,1.6vw,24px);line-height:1.3}.footer-up{flex:none}.footer-name{letter-spacing:-.045em;white-space:nowrap;font-size:13vw;font-weight:500;line-height:1}.footer-base a{text-underline-offset:.2em;text-decoration:underline}.footer-base{color:#ffffff8c;justify-content:space-between;gap:16px;margin-top:18px;font-size:15px;display:flex}.p-hero{min-height:74svh;padding:clamp(84px, 13vh, 120px) var(--gutter) clamp(120px, 26vh, 260px);flex-direction:column;justify-content:flex-end;display:flex}.p-hero-meta{justify-content:space-between;margin-bottom:auto;padding-bottom:24px;font-weight:500;display:flex}.p-hero h1{letter-spacing:-.04em;font-size:min(13vw,24vh);font-weight:500;line-height:.96}.p-hero-note{letter-spacing:-.01em;max-width:22em;margin-top:clamp(14px,2.4vh,26px);font-size:clamp(19px,2vw,30px);line-height:1.22}.p-showcase{padding-inline:var(--gutter);background:linear-gradient(var(--flood) clamp(90px, 20vh, 220px), var(--paper) 0);margin-top:clamp(-220px,-20vh,-90px);position:relative}.p-showcase img{width:auto;max-height:92vh;margin-inline:auto;box-shadow:0 50px 100px -44px #0009}.notes{background:var(--paper);padding:clamp(80px, 15vh, 170px) var(--gutter);gap:clamp(56px,11vh,130px);display:grid}.note{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,110px);display:grid}.note:nth-child(2n) .crop{order:2}.crop{background:var(--line);position:relative;overflow:hidden}.crop img{max-width:none;height:auto;position:absolute}.note-text span{color:var(--muted);margin-bottom:14px;display:block}.note-text h2{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(30px,4vw,66px);font-weight:500;line-height:1.02}.note-text p{max-width:28em;color:var(--muted);font-size:clamp(17px,1.35vw,20px)}.p-extra{background:var(--paper);padding:0 var(--gutter) clamp(72px, 13vh, 150px)}.p-extra img{width:100%}.p-extra figcaption{color:var(--muted);margin-top:12px}.palette{height:clamp(180px,38vh,380px);display:flex}.palette div{min-width:0;transition:flex-grow .7s var(--soft);flex:1;align-items:flex-end;padding:clamp(8px,1.4vw,20px);font-size:clamp(11px,1.05vw,15px);font-weight:500;display:flex}.palette div:hover{flex-grow:1.8}.next{padding:clamp(40px, 8vh, 80px) var(--gutter);background:var(--next);color:var(--next-ink);display:block;position:relative;overflow:hidden}.next span{margin-bottom:10px;font-weight:500;display:block}.next strong{z-index:1;letter-spacing:-.04em;font-size:min(10vw,18vh);font-weight:500;line-height:1;display:block;position:relative}.next img{right:var(--gutter);width:clamp(200px,26vw,400px);transition:transform .8s var(--soft);position:absolute;top:50%;transform:translateY(-40%)rotate(4deg);box-shadow:0 30px 60px -24px #00000080}.next:hover img{transform:translateY(-50%)rotate(0)scale(1.05)}@media (width<=760px){.wall{width:100%}.wall-plane{width:170%;right:-35%}.hero-shade{background:linear-gradient(0deg, var(--night) 34%, #0c0c0e33 72%), linear-gradient(180deg, #0c0c0ed9, transparent 14%)}.hero h1{font-size:17.4vw}.hero-who{margin-bottom:-3.4vw}.hero-who p{padding-bottom:7vw}.hero-photo{width:44vw}.counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.about,.exp-list li,.process-grid{grid-template-columns:minmax(0,1fr)}.process-grid li{min-height:0}.process-grid h3{margin-top:18px}.count span{font-size:14px;line-height:1.25}.stack-foot{display:block}.stack-foot h3{white-space:normal;font-size:12vw}.stack-foot p{text-align:left;max-width:none;margin-top:8px}.service-inner{grid-template-columns:minmax(0,1fr);gap:12px;padding-left:clamp(10px,1.4vw,22px)}.bar nav{gap:14px}.index li a{grid-template-columns:30px minmax(0,1fr)}.index-kind{grid-column:2;font-size:14px}.note{grid-template-columns:minmax(0,1fr)}.note:nth-child(2n) .crop{order:0}.next img{display:none}}@media (prefers-reduced-motion:reduce){.wall-col{animation:none}.stack-item{position:static}}.bar-name{white-space:nowrap}@media (width<=640px){.bar nav a[href=\#about],.bar nav a[href=\#services],.bar nav a[href=\#experience]{display:none}}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}
