@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-vietnamese-wdth-normal-Rd0aZl9c.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:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-latin-ext-wdth-normal-CQ1tG6In.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:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-latin-wdth-normal-BMVx8nn_.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}.timeline{border-top:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:1.25rem clamp(1rem,2vw,2rem) clamp(8rem,14vw,14rem);position:relative}.timeline__header{border-bottom:1px solid var(--ink);letter-spacing:.075em;justify-content:space-between;align-items:baseline;gap:2rem;padding-bottom:.7rem;font-size:.67rem;font-weight:720;font-stretch:78%;display:flex}.timeline__header h2{font:inherit;margin:0}.timeline__header>span{color:var(--muted)}.timeline__body{grid-template-columns:minmax(0,1.6fr) minmax(18rem,.68fr);align-items:start;gap:clamp(2rem,6vw,7rem);padding-top:clamp(3rem,7vw,7rem);display:grid}.timeline-stage{margin:0;position:sticky;top:5.1rem}.timeline-stage__viewport{background:var(--paper);height:min(76svh,50rem);min-height:30rem;position:relative;overflow:hidden}.timeline-stage__media{opacity:var(--media-opacity);transform:translate3d(0, var(--media-shift), 0);backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.timeline[data-animating=true] .timeline-stage__media{will-change:opacity, transform}.timeline-stage__media img{object-fit:contain;object-position:left center;width:100%;height:100%}.timeline-stage figcaption{border-top:1px solid var(--ink);letter-spacing:.07em;justify-content:space-between;align-items:baseline;gap:1rem;padding-top:.58rem;font-size:.6rem;font-weight:700;font-stretch:78%;display:flex}.timeline-stage figcaption time{color:var(--blue)}.timeline-stage figcaption span{color:var(--muted)}.timeline__track{min-width:0;padding-left:2rem;position:relative}.timeline__track ol{margin:0;padding:0;list-style:none}.timeline__line{background:var(--hairline);width:1px;position:absolute;top:34svh;bottom:34svh;left:.3rem;overflow:hidden}.timeline__line>span{background:var(--ink);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}.timeline-record{min-height:68svh;opacity:calc(.22 + var(--record-focus) * .78);transform:translate3d(0, var(--record-shift), 0);backface-visibility:hidden;align-items:center;padding:clamp(2.5rem,6vh,5rem) 0;display:flex;position:relative}.timeline[data-animating=true] .timeline-record{will-change:opacity, transform}.timeline-record__dot{border:1px solid var(--ink);background:var(--paper);width:.52rem;height:.52rem;transform:translate(-50%, -50%) scale(calc(.75 + var(--record-focus) * .25));transition:background .22s var(--ease-editorial), border-color .22s var(--ease-editorial);border-radius:50%;position:absolute;top:50%;left:-2rem}.timeline-record.is-active .timeline-record__dot{border-color:var(--timeline-accent);background:var(--timeline-accent)}.timeline-record__copy{border-top:1px solid var(--ink);border-bottom:1px solid var(--hairline);width:100%;padding:1rem 0 1.15rem}.timeline-record time,.timeline-record small{letter-spacing:.07em;text-transform:uppercase;font-size:.6rem;font-weight:720;font-stretch:78%;line-height:1.25;display:block}.timeline-record time{color:var(--timeline-accent);margin-bottom:clamp(1.5rem,4vh,3rem)}.timeline-record h3{letter-spacing:-.045em;max-width:21ch;margin:0;font-size:clamp(1.05rem,1.45vw,1.45rem);font-weight:680;font-stretch:114%;line-height:.98}.timeline-record p{letter-spacing:-.018em;margin:.55rem 0 2rem;font-size:clamp(.75rem,.9vw,.9rem);font-weight:570;font-stretch:92%;line-height:1.2}.timeline-record small{color:var(--muted)}.timeline-record__media{display:none}.timeline-plate{background:var(--paper);width:100%;height:100%;color:var(--ink);align-content:center;justify-items:start;gap:.5rem;display:grid}.timeline-plate span,.timeline-plate em{letter-spacing:.08em;font-size:.62rem;font-style:normal;font-weight:720;font-stretch:78%}.timeline-plate span{color:var(--red)}.timeline-plate strong{color:var(--red);letter-spacing:-.075em;font-size:clamp(2.5rem,6vw,7rem);font-weight:760;font-stretch:122%;line-height:.8}.timeline-plate em{color:var(--muted)}@media (max-width:980px){.timeline__body{grid-template-columns:minmax(0,1.3fr) minmax(16rem,.7fr);gap:2rem}.timeline-stage__viewport{min-height:27rem}}@media (max-width:760px){.timeline{padding:.85rem .85rem 8rem}.timeline__header{font-size:.59rem}.timeline__body{padding-top:2.75rem;display:block}.timeline-stage{display:none}.timeline__track{padding-left:1.35rem}.timeline__line{top:.5rem;bottom:.5rem;left:.18rem;overflow:visible}.timeline__line>span{display:none}.timeline-record{opacity:1;min-height:0;padding:2rem 0 4.75rem;display:block;transform:none}.timeline-record__dot{border-color:var(--timeline-accent);background:var(--timeline-accent);top:2.2rem;left:-1.17rem;transform:translate(-50%,-50%)}.timeline-record__copy{border-top:0;padding-top:0}.timeline-record h3{font-size:clamp(1.1rem,4.9vw,1.45rem)}.timeline-record__media{margin:1rem 0 0;display:block}.timeline-record__media img{width:100%;height:auto}.timeline-plate--compact{min-height:58vw;padding:1rem 0}.timeline-plate--compact strong{font-size:clamp(2.4rem,14vw,5rem)}}@media (prefers-reduced-motion:reduce) and (min-width:761px){.timeline__body{display:block}.timeline-stage{display:none}.timeline__track{padding-left:1.75rem}.timeline__line{top:1rem;bottom:1rem}.timeline__line>span{display:none}.timeline-record{opacity:1;grid-template-columns:minmax(14rem,.65fr) minmax(20rem,1.35fr);gap:2rem;min-height:0;padding-block:3rem;display:grid;transform:none}.timeline-record__dot{border-color:var(--timeline-accent);background:var(--timeline-accent);top:3.5rem;left:-1.75rem;transform:translate(-50%,-50%)}.timeline-record__media{margin:0;display:block}.timeline-record__media img{width:100%;height:auto}.timeline-plate--compact{min-height:25rem}}:root{--paper:#f7f6f2;--paper-bright:#fff;--ink:#111;--muted:#696964;--hairline:#1111113d;--pink:#c90066;--red:#c93425;--blue:#2447e7;--green:#4f7800;--orange:#bd4d12;--yellow:#8e6700;--font-mona:"Mona Sans Variable", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--ease-editorial:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--font-mona);font-synthesis:none;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}button,a{color:inherit;font:inherit}button{border:0}a{text-decoration:none}img{display:block}::selection{background:var(--pink);color:var(--paper-bright)}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--paper-bright);border:1px solid var(--ink);letter-spacing:.08em;text-transform:uppercase;padding:.65rem .85rem;font-size:.68rem;font-weight:750;font-stretch:80%;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:none}.ink-pink{color:var(--pink)}.ink-red{color:var(--red)}.ink-blue{color:var(--blue)}.ink-green{color:var(--green)}.ink-orange{color:var(--orange)}.ink-yellow{color:var(--yellow)}.site-header{z-index:100;border-bottom:1px solid var(--ink);background:color-mix(in srgb, var(--paper) 98%, transparent);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;min-height:3.8rem;padding:.75rem clamp(1rem,2vw,2rem);display:grid;position:sticky;top:0}.site-brand{letter-spacing:-.055em;width:max-content;font-size:clamp(.92rem,1.2vw,1.12rem);font-weight:720;font-stretch:122%;line-height:1}.site-header nav{letter-spacing:.08em;align-items:center;gap:clamp(1.25rem,3vw,3.5rem);font-size:.67rem;font-weight:720;font-stretch:78%;display:flex}.site-header nav a,.site-header__edition{line-height:1}.site-header nav a{padding-block:.5rem;position:relative}.site-header nav a:after{content:"";transform-origin:100%;height:1px;transition:transform .22s var(--ease-editorial);background:currentColor;position:absolute;bottom:.22rem;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.site-header__edition{color:var(--muted);letter-spacing:.07em;justify-self:end;font-size:.62rem;font-weight:650;font-stretch:82%}.hero{grid-template-columns:minmax(0,3.15fr) minmax(13rem,.85fr);align-items:end;gap:clamp(1.25rem,2.8vw,3.25rem);min-height:calc(100svh - 3.8rem);padding:clamp(1.25rem,2vw,2rem) clamp(1rem,2vw,2rem) clamp(5rem,9vw,9rem);display:grid}.hero figure{margin:0}.hero button{cursor:pointer;touch-action:manipulation;background:0 0;justify-content:flex-start;width:100%;padding:0;display:flex}.hero__primary img{width:auto;max-width:100%;height:auto;max-height:calc(100svh - 8rem)}.hero figcaption{letter-spacing:.065em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:1rem;padding-top:.58rem;font-size:.61rem;font-weight:680;font-stretch:80%;line-height:1.2;display:flex}.hero__aside{align-content:space-between;align-self:stretch;gap:clamp(3rem,9vh,7rem);padding-top:clamp(1rem,4vh,3.5rem);display:grid}.hero__practice p{color:var(--muted);letter-spacing:.08em;margin:0 0 1.25rem;font-size:.61rem;font-weight:700;font-stretch:78%}.hero__practice ul{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.hero__practice li{letter-spacing:-.045em;width:max-content;max-width:100%;font-size:clamp(.95rem,1.28vw,1.25rem);font-weight:750;font-stretch:112%;line-height:1}.hero__practice li:nth-child(2){font-weight:620;font-stretch:84%}.hero__secondary button{justify-content:flex-end}.hero__secondary img{object-fit:contain;object-position:right bottom;width:100%;height:auto;max-height:48svh}.section-header{border-bottom:1px solid var(--ink);letter-spacing:.075em;justify-content:space-between;align-items:baseline;gap:2rem;padding-bottom:.7rem;font-size:.67rem;font-weight:720;font-stretch:78%;display:flex}.section-header h2{font:inherit;margin:0}.section-header>span{color:var(--muted)}.work{padding:1.25rem clamp(1rem,2vw,2rem) clamp(8rem,15vw,15rem)}.work-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(6rem,10vw,11rem) clamp(.8rem,1.5vw,1.75rem);padding-top:clamp(2.5rem,6vw,6rem);display:grid}.work-card{min-width:0}.work-card[data-project-index="0"]{grid-column:1/span 7}.work-card[data-project-index="1"]{grid-column:9/span 4;margin-top:14vw}.work-card[data-project-index="2"]{grid-column:2/span 4}.work-card[data-project-index="3"]{grid-column:7/span 6;margin-top:7vw}.work-card[data-project-index="4"]{grid-column:1/span 8}.work-card[data-project-index="5"]{grid-column:10/span 3;margin-top:16vw}.work-card[data-project-index="6"]{grid-column:2/span 5}.work-card[data-project-index="7"]{grid-column:9/span 4;margin-top:9vw}.work-card__button{width:100%;color:var(--ink);text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;padding:0;display:block}.work-card__media{width:100%;aspect-ratio:var(--image-ratio);background:var(--paper-bright);display:block;position:relative;overflow:hidden}.work-card__image{object-fit:cover;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.work-card__image--previous{z-index:1}.work-card__image--current{z-index:2;animation:.11s ease-out both work-frame-reveal}@keyframes work-frame-reveal{0%{opacity:.08}to{opacity:1}}.work-card__caption{grid-template-columns:1.6rem minmax(0,1fr) auto;align-items:start;gap:.65rem;padding-top:.62rem;display:grid}.work-card__number,.work-card__open,.work-card__caption small{letter-spacing:.06em;text-transform:uppercase;font-size:.61rem;font-weight:700;font-stretch:78%;line-height:1.25}.work-card__caption strong,.work-card__caption small{display:block}.work-card__caption strong{letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.86rem,1.08vw,1.05rem);font-weight:690;font-stretch:108%;line-height:1;overflow:hidden}.work-card__caption small{margin-top:.3rem}.work-card__open{color:var(--muted);white-space:nowrap}@media (hover:hover) and (pointer:fine){.work-card__button:hover .work-card__image--current,.work-card__button:focus-visible .work-card__image--current{will-change:opacity}.work-card__button:hover .work-card__open,.work-card__button:focus-visible .work-card__open{color:var(--ink)}}::view-transition-group(project-image){z-index:900;animation-duration:.76s;animation-timing-function:var(--ease-editorial);overflow:clip}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(project-image){object-fit:cover;mix-blend-mode:normal;height:100%}::view-transition-new(project-image){object-fit:cover;mix-blend-mode:normal;height:100%}.project-reveal{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-column:1/-1;min-width:0;margin-block:clamp(1rem,3vw,3rem);padding-bottom:clamp(5rem,10vw,10rem);scroll-margin-top:3.8rem}.project-reveal__header{grid-template-columns:minmax(11rem,.85fr) minmax(0,2.15fr) auto;align-items:start;gap:1.25rem;padding-block:.85rem clamp(2.5rem,4vw,4rem);display:grid}.project-reveal__header p{letter-spacing:.07em;text-transform:uppercase;gap:.24rem;margin:0;font-size:.6rem;font-weight:720;font-stretch:78%;line-height:1.25;display:grid}.project-reveal__header p span:last-child{color:var(--muted)}.project-reveal__header h2{letter-spacing:-.045em;max-width:34ch;margin:0;font-size:clamp(.95rem,1.45vw,1.35rem);font-weight:690;font-stretch:112%;line-height:1}.project-reveal__header button,.project-reveal__end button{letter-spacing:.07em;cursor:pointer;background:0 0;min-height:2rem;padding:.2rem 0;font-size:.62rem;font-weight:760;font-stretch:78%}.project-reveal__header button:hover,.project-reveal__header button:focus-visible,.project-reveal__end button:hover,.project-reveal__end button:focus-visible{color:var(--pink)}.project-reveal__gallery{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(6rem,13vw,13rem) clamp(.8rem,1.5vw,1.75rem);display:grid}.project-reveal__frame{min-width:0;margin:0}.project-reveal__frame--lead{grid-column:1/-1}.project-reveal__frame--1{grid-column:1/span 5}.project-reveal__frame--2{grid-column:7/-1;margin-top:10vw}.project-reveal__frame--3{grid-column:2/span 9}.project-reveal__frame--4{grid-column:8/-1;margin-top:7vw}.project-reveal__frame--5{grid-column:1/span 7}.project-reveal__media{width:100%;aspect-ratio:var(--frame-aspect);opacity:0;clip-path:inset(8% 0 12%);transition:opacity .7s var(--ease-editorial), clip-path .98s var(--ease-editorial), transform .98s var(--ease-editorial);display:block;overflow:clip;transform:translateY(1.6rem)}.project-reveal__frame--lead .project-reveal__media,.project-reveal__frame.is-visible .project-reveal__media{opacity:1;clip-path:inset(0);transform:none}.project-reveal__frame--lead .project-reveal__media{aspect-ratio:auto}.project-reveal__media img{object-fit:contain;transform-origin:50%;width:100%;height:100%;transition:transform 1.2s var(--ease-editorial);transform:scale(1.035)translateY(.9rem)}.project-reveal__frame--lead .project-reveal__media img,.project-reveal__frame.is-visible .project-reveal__media img{transform:none}.project-reveal__frame--lead .project-reveal__media img{object-fit:contain;width:100%;height:auto;max-height:88svh}.project-reveal__frame figcaption{color:var(--muted);letter-spacing:.065em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding-top:.5rem;font-size:.57rem;font-weight:680;font-stretch:78%;display:flex}.project-reveal__end{border-top:1px solid var(--hairline);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;margin-top:clamp(6rem,12vw,12rem);padding-top:.7rem;font-size:.6rem;font-weight:720;font-stretch:78%;display:flex}.contact{isolation:isolate;border-top:1px solid var(--ink);grid-template-rows:auto 1fr auto;gap:2rem;min-height:100svh;padding:1rem clamp(1rem,2vw,2rem) 1.1rem;scroll-margin-top:3.8rem;display:grid;position:relative;overflow:hidden}.contact:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#f7f6f22e 0%,#f7f6f205 52%,#f7f6f2e0 89%,#f7f6f2fa 100%);position:absolute;inset:0}.contact__background{z-index:-2;object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.contact__meta{border-bottom:1px solid var(--ink);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.7rem;font-size:.59rem;font-weight:730;font-stretch:78%;display:flex}.contact__details{align-self:end;width:min(43rem,68vw);margin:0 0 clamp(2.5rem,8vh,6rem) auto}.contact__details nav{border-top:1px solid var(--ink)}.contact__details nav a{border-bottom:1px solid var(--hairline);grid-template-columns:5.5rem minmax(0,1fr) auto;align-items:baseline;gap:.75rem;padding:1rem 0;display:grid}.contact__details nav a>span,.contact__details nav a>span:last-child{letter-spacing:.065em;font-size:.61rem;font-weight:740;font-stretch:78%}.contact__details nav strong{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.82rem,1vw,1rem);font-weight:610;font-stretch:105%;overflow:hidden}.contact__details nav a:hover strong,.contact__details nav a:focus-visible strong{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.contact__base{border-top:1px solid var(--ink);letter-spacing:.065em;text-transform:uppercase;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-top:.75rem;font-size:.6rem;font-weight:690;font-stretch:78%;display:grid}.contact__base a{justify-self:center;margin:-.45rem;padding:.45rem}.contact__base span:last-child{justify-self:end}.contact__base em{font-style:normal}@media (max-width:960px){.hero{grid-template-columns:minmax(0,2.5fr) minmax(12rem,1fr)}.site-header__edition{display:none}.site-header{grid-template-columns:1fr auto}.work-card[data-project-index="0"],.work-card[data-project-index="4"]{grid-column:1/span 8}.work-card[data-project-index="1"],.work-card[data-project-index="7"]{grid-column:9/span 4}.contact__details{width:min(46rem,76vw)}}@media (max-width:700px){.site-header{min-height:3.35rem;padding:.6rem .85rem}.site-brand{font-size:.88rem}.site-header nav{gap:1rem;font-size:.6rem}.hero{min-height:0;padding:.85rem .85rem 6rem;display:block}.hero__primary img{width:100%;max-height:none}.hero__aside{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:end;gap:1rem;margin-top:3.75rem;padding:0;display:grid}.hero__practice p{margin-bottom:.75rem}.hero__practice li{font-size:clamp(.75rem,3.2vw,.95rem)}.hero__secondary img{max-height:none}.hero figcaption{font-size:.55rem}.hero__primary figcaption span:last-child{display:none}.work{padding:.85rem .85rem 8rem}.section-header{font-size:.59rem}.work-grid{padding-top:2.75rem;display:block}.work-card{width:100%;margin:0 0 5.75rem!important}.work-card[data-project-index="1"],.work-card[data-project-index="4"],.work-card[data-project-index="7"]{width:79%;margin-left:auto!important}.work-card[data-project-index="2"],.work-card[data-project-index="5"]{width:86%}.work-card__caption{grid-template-columns:1.35rem minmax(0,1fr)}.work-card__open{display:none}.project-reveal{margin:0 0 5.75rem;padding-bottom:5rem;scroll-margin-top:3.35rem}.project-reveal__header{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding-block:.75rem 3.75rem}.project-reveal__header p{font-size:.55rem}.project-reveal__header h2{grid-area:2/1/auto/-1;max-width:24ch;font-size:.94rem}.project-reveal__gallery{display:block}.project-reveal__frame{width:100%;margin:0 0 6rem}.project-reveal__frame--2,.project-reveal__frame--4{width:82%;margin-left:auto}.project-reveal__frame--1,.project-reveal__frame--5{width:88%}.project-reveal__end{margin-top:1rem}.contact{gap:1.5rem;min-height:100svh;padding:.8rem .85rem .9rem;scroll-margin-top:3.35rem}.contact__background{object-position:58% center}.contact__details{width:100%;margin-bottom:2rem}.contact__details nav a{grid-template-columns:4rem minmax(0,1fr) auto}.contact__details nav strong{font-size:.78rem}.contact__base{grid-template-columns:1fr auto;row-gap:1.25rem}.contact__base a{justify-self:end}.contact__base span:last-child{grid-column:1/-1;justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.work-card__image--previous{display:none}.project-reveal__media,.project-reveal__media img{opacity:1;clip-path:none;transform:none}}