@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-vietnamese-standard-normal.Br4FGdAc.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-latin-ext-standard-normal.qp-RdZgh.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-latin-standard-normal.C5Lc8Qmc.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}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(./martian-mono-cyrillic-ext-standard-normal.BFx_pHPN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(./martian-mono-cyrillic-standard-normal.Dgr-UBxV.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(./martian-mono-latin-ext-standard-normal.DeTdBbNh.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:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(./martian-mono-latin-standard-normal.1TqSgyfh.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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#ece9e1;--ink:#121211;--ink-2:#5f5d58;--ink-3:#aaa79f;--rule:#12121129;--accent:#2b9ee6;--g:clamp(16px, 2vw, 32px);--cg:clamp(12px, 1.6vw, 24px);--cols:5.5rem minmax(0, 1fr) 12.5rem 10.5rem 14px;--display:"Bricolage Grotesque Variable", "Arial Narrow", system-ui, sans-serif;--mono:"Martian Mono Variable", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .75, .15, 1);--bar-h:40px}*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--bar-h) + 8px)}body{background:var(--paper);min-width:320px;color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}a{color:inherit}img,picture{display:block}::selection{background:var(--accent);color:var(--ink)}:where(a,button,[tabindex]):focus-visible{outline:3px solid var(--ink);outline-offset:2px}.sr,.yr-rep{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--ink);color:var(--paper);font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;text-decoration:none;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:var(--g)}.bar{z-index:40;height:var(--bar-h);padding:0 var(--g);background:var(--paper);font:400 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #0000;align-items:center;gap:clamp(12px,2vw,28px);transition:border-color .2s;display:flex;position:sticky;top:0}.bar.is-stuck{border-bottom-color:var(--rule)}.bar a{text-decoration:none}.bar a:hover{color:var(--accent)}.bar-id{font-weight:700}.bar-mid,.bar-year{color:var(--ink-2)}.bar-year{white-space:nowrap;margin-left:auto}.bar-year b{color:var(--ink);font-variant-numeric:tabular-nums;min-width:4ch;font-weight:600;display:inline-block}.bar-mail{white-space:nowrap}.hero{padding:clamp(4px, .8vw, 14px) var(--g) var(--hpb,clamp(20px, 2.4vw, 36px));position:relative}.name{font-weight:800;font-size:calc((100vw - 2 * var(--g)) * .187);font-variation-settings:"wght" 800, "wdth" 100;margin:0;line-height:.82}.nl{white-space:nowrap;display:block}.nl-in{white-space:pre;display:inline-block}.bl{vertical-align:baseline;width:0;height:0;display:inline-block}.hero-meta{align-items:start;gap:14px 16px;max-width:34rem;margin-top:clamp(18px,4vw,28px);display:grid}.hero.is-abs .hero-meta{right:var(--g);width:min(30vw,27rem);margin:0;position:absolute}.lead{font-variation-settings:"wght" 720, "wdth" 90;letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(1.05rem,1.35vw,1.4rem);line-height:1.08}.bio{color:var(--ink-2);text-wrap:pretty;font-variation-settings:"wght" 420, "wdth" 96;margin:.45em 0 0;font-size:clamp(.88rem,.95vw,1rem);line-height:1.38}.jump{font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;gap:6px 18px;display:flex}.jump a{border-bottom:1px solid var(--ink);padding-bottom:3px;text-decoration:none}.jump a:hover{color:var(--accent);border-color:var(--accent)}.jump sup{color:var(--ink-2);margin-left:2px;font-size:.8em}.index{border-top:2px solid var(--ink)}.ihead,.shead{padding:12px var(--g);font:500 10.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:6px 22px;display:flex}.ihead h2,.shead h2{font:inherit;margin:0;font-weight:700}.ihead h2 span{margin-left:1.2em;font-weight:400}.ih-count,.shead p{color:var(--ink-2);margin:0}.cols{grid-template-columns:var(--cols);column-gap:var(--cg);padding:0 var(--g) 8px;border-bottom:1px solid var(--ink);font:400 9.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);display:grid}.list,.mini{margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--rule)}.row-head{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;grid-template-columns:var(--cols);column-gap:var(--cg);width:100%;padding:clamp(8px, 1vw, 16px) var(--g) clamp(10px, 1.2vw, 18px);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;grid-template-areas:"year name role status plus";align-items:baseline;margin:0;display:grid;position:relative}.row-head:focus-visible,.mrow:focus-visible,.end-row:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}.row-head:before,.mrow:before,.end-row:before{content:"";background:var(--accent);transform-origin:top;width:5px;transition:transform .35s var(--ease);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.row.is-active .row-head:before,.row.is-open .row-head:before,.row-head:focus-visible:before,a.mrow:hover:before,.mrow:focus-visible:before,.end-row:hover:before,.end-row:focus-visible:before{transform:scaleY(1)}.c-year{font:500 12px/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;grid-area:year;transition:color .25s}.ditto{color:var(--ink-3);padding-left:.6ch}.c-name{min-width:0;font-size:calc(clamp(2.6rem, 6.8vw, 8.4rem) * var(--nk,1));letter-spacing:-.028em;white-space:nowrap;font-variation-settings:"wght" 360, "wdth" 78;transition:font-variation-settings .45s var(--ease), transform .45s var(--ease), color .25s;transform-origin:0;grid-area:name;justify-self:start;line-height:.88}.c-role{font:400 10.5px/1.35 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);grid-area:role}.c-status{grid-area:status;justify-self:start}.c-plus{grid-area:plus;place-self:center end;width:14px;height:14px;position:relative}.c-plus:before,.c-plus:after{content:"";height:1.5px;transition:transform .35s var(--ease);background:currentColor;margin-top:-.75px;position:absolute;top:50%;left:0;right:0}.c-plus:after{transform:rotate(90deg)}.row.is-open .c-plus:after{transform:rotate(0)}.row.is-active .c-name,.row.is-open .c-name,.row-head:focus-visible .c-name{font-variation-settings:"wght" 800, "wdth" 100;transform:translate(.1em)}.row.is-active .c-year,.row.is-open .c-year,.row-head:focus-visible .c-year{color:var(--accent)}.list.is-dim .row:not(.is-active):not(.is-open) .c-name{color:var(--ink-3)}.tag{font:500 9.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:100px;align-items:center;gap:7px;padding:6px 9px 5px;display:inline-flex}.tag--live{background:var(--ink);border-color:var(--ink);color:var(--paper)}.tag--live:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite pulse}.tag--tf{color:var(--accent)}.tag--tf:before{content:"";border:1.5px solid;border-radius:50%;width:6px;height:6px}.tag--client:before{content:"";background:currentColor;width:6px;height:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.row-body{visibility:hidden;transition:grid-template-rows .5s var(--ease), visibility 0s linear .5s;grid-template-rows:0fr;display:grid}.row.is-open .row-body{visibility:visible;grid-template-rows:1fr;transition-delay:0s}.rb-clip{min-height:0;overflow:hidden}.rb{grid-template-columns:var(--cols);column-gap:var(--cg);padding:2px var(--g) clamp(24px, 3vw, 44px);grid-template-areas:".main facts facts.";display:grid}.rb-main{grid-area:main;min-width:0}.one{letter-spacing:-.01em;font-variation-settings:"wght" 480, "wdth" 90;text-wrap:balance;max-width:32ch;margin:0;font-size:clamp(1.2rem,2vw,2rem);line-height:1.1}.facts{font:400 10px/1.45 var(--mono);letter-spacing:.05em;text-transform:uppercase;grid-area:facts;align-content:start;gap:9px;margin:0;display:grid}.facts div{grid-template-columns:7.5em 1fr;gap:8px;display:grid}.facts dt{color:var(--ink-2)}.facts dd{margin:0}.more{font:600 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid;margin-top:6px;padding-bottom:3px;text-decoration:none;display:inline-block}.more:hover{color:var(--accent)}.strip{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:clamp(16px,2vw,26px);display:flex}.strip .m{object-fit:contain;width:auto;max-width:100%;height:clamp(200px,22vw,340px)}.strip .m-port{height:clamp(300px,30vw,440px)}.strip .m-sq{height:clamp(180px,18vw,280px)}.strip .m-card{width:min(100%,clamp(280px,30vw,440px));height:auto}.m-port{border-radius:clamp(14px,1.6vw,24px)}.m-icon{border-radius:22.5%}.m-card{aspect-ratio:4/3;display:block;position:relative;overflow:hidden;container-type:inline-size}.card-sales{background:var(--accent);color:var(--ink)}.cs{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) auto;column-gap:3cqw;padding:5.5cqw;display:grid;position:absolute;inset:0}.ck{font:500 2.6cqw/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1}.cs-in{align-self:center;gap:2.2cqw;margin:0;padding:0;list-style:none;display:grid}.cs-in li{font-variation-settings:"wght" 800, "wdth" 75;letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:2.5cqw;font-size:8cqw;line-height:.9;display:flex}.cs-in li:after{content:"";background:currentColor;flex:1;height:.35cqw;min-height:1.5px}.cs-out{font-variation-settings:"wght" 300, "wdth" 75;border-left:.6cqw solid;align-self:center;padding:2cqw 0 2cqw 3cqw;font-size:7cqw;line-height:.92}.cs-foot{align-self:end}.sv-k{font-family:var(--mono);letter-spacing:.08em;fill:var(--paper);font-size:8.5px}.sv-dim{fill:#8d8a83}.sv-ink{fill:var(--ink)}.sv-big{font-family:var(--display);font-variation-settings:"wght" 800, "wdth" 75;fill:var(--accent);letter-spacing:-1px;font-size:70px}.shead{border-bottom:1px solid var(--ink);padding-top:clamp(36px,5vw,72px);padding-bottom:10px}.shead h2{min-width:calc(5.5rem + var(--cg) - 22px)}.shead .ih-count{margin-left:auto}.mrow{grid-template-columns:var(--cols);column-gap:var(--cg);padding:clamp(7px, .8vw, 12px) var(--g);border-bottom:1px solid var(--rule);color:inherit;grid-template-areas:"year name desc desc plus";align-items:baseline;text-decoration:none;display:grid;position:relative}.m-name{letter-spacing:-.02em;font-variation-settings:"wght" 430, "wdth" 82;min-width:0;transition:font-variation-settings .4s var(--ease), color .25s, transform .4s var(--ease);grid-area:name;justify-self:start;font-size:clamp(1.55rem,3.4vw,3.3rem);line-height:.95}.m-desc{font:400 10.5px/1.45 var(--mono);letter-spacing:.04em;color:var(--ink-2);text-wrap:pretty;grid-area:desc}.m-go{font:500 12px/1 var(--mono);grid-area:plus;justify-self:end}a.mrow:hover .m-name,.mrow:focus-visible .m-name{font-variation-settings:"wght" 800, "wdth" 100;transform:translate(.08em)}a.mrow:hover .c-year,.mrow:focus-visible .c-year{color:var(--accent)}.sub--archive .m-name{color:var(--ink-2);font-variation-settings:"wght" 340, "wdth" 78;font-size:clamp(1.3rem,2.4vw,2.3rem)}.sub--archive .mrow,.timeline .mrow{padding-top:clamp(5px,.6vw,9px);padding-bottom:clamp(5px,.6vw,9px)}.timeline .m-name{font-variation-settings:"wght" 420, "wdth" 86;font-size:clamp(1.15rem,1.9vw,1.8rem)}.about{grid-template-columns:var(--cols);column-gap:var(--cg);padding:clamp(20px, 3vw, 44px) var(--g);grid-template-areas:".text photo photo.";row-gap:24px;display:grid}.about-photo{grid-area:photo}.about-photo img{aspect-ratio:1;object-fit:cover;filter:grayscale()contrast(1.08);mix-blend-mode:multiply;width:100%;height:auto}.about-text{font-variation-settings:"wght" 420, "wdth" 96;text-wrap:pretty;grid-area:text;max-width:40rem;font-size:clamp(.95rem,1vw,1.05rem);line-height:1.45}.about-text p{margin:0 0 1em}.about-text .about-lead{letter-spacing:-.015em;font-variation-settings:"wght" 720, "wdth" 88;text-wrap:balance;font-size:clamp(1.4rem,2.4vw,2.4rem);line-height:1.05}.end{border-top:2px solid var(--ink);margin-top:clamp(36px,5vw,72px)}.end-row{grid-template-columns:var(--cols);column-gap:var(--cg);padding:clamp(10px, 1.4vw, 20px) var(--g) clamp(14px, 1.8vw, 26px);grid-template-areas:"year name name status plus";align-items:baseline;text-decoration:none;display:grid;position:relative}.end-name{letter-spacing:-.03em;overflow-wrap:anywhere;font-variation-settings:"wght" 360, "wdth" 78;min-width:0;transition:font-variation-settings .45s var(--ease), color .25s;grid-area:name;justify-self:start;font-size:clamp(2.2rem,6.8vw,8.4rem);line-height:.9}.end-cta{font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;grid-area:status}.end-row:hover .end-name,.end-row:focus-visible .end-name{font-variation-settings:"wght" 800, "wdth" 100;color:var(--accent)}.foot{padding:14px var(--g) 22px;border-top:1px solid var(--rule);font:400 9.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);flex-wrap:wrap;gap:6px 24px;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--accent)}.foot .foot-note{margin-left:auto}.floater{z-index:60;pointer-events:none;opacity:0;visibility:hidden;transform-origin:0 0;will-change:transform, opacity;width:max-content;transition:opacity .18s linear,visibility 0s linear .18s;position:fixed;top:0;left:0}.floater.is-on{opacity:1;visibility:visible;transition:opacity .18s linear}.f-in{transform-origin:0 0;transition:transform .4s var(--ease);transform:scale(.94)}.floater.is-on .f-in{transform:none}.floater .m{filter:drop-shadow(0 26px 30px #1212115c)drop-shadow(0 2px 4px #1212111f)}.floater .m-land{width:clamp(260px,28vw,460px);height:auto}.floater .m-port{width:auto;height:clamp(280px,46vh,480px)}.floater .m-sq{width:clamp(200px,17vw,290px);height:auto}.floater .m-card{width:clamp(280px,26vw,400px);height:auto}.f-cap{background:var(--ink);min-width:200px;max-width:310px;color:var(--paper);font:400 10px/1.45 var(--mono);letter-spacing:.03em;gap:5px;margin-top:10px;padding:9px 11px 10px;display:grid}.f-cap b{font:700 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.f-cap em{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-style:normal}.case-head{padding:clamp(8px, 1.4vw, 20px) var(--g) clamp(20px, 3vw, 40px);border-bottom:2px solid var(--ink)}.case-kicker{font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 clamp(10px,1.4vw,20px);display:flex}.case-name{letter-spacing:-.035em;font-variation-settings:"wght" 800, "wdth" 92;text-wrap:balance;margin:0;font-size:clamp(3rem,12vw,12rem);line-height:.84}.case-body{grid-template-columns:var(--cols);column-gap:var(--cg);padding:clamp(24px, 3vw, 48px) var(--g);grid-template-areas:".main facts facts.";row-gap:28px;display:grid}.case-text{font-variation-settings:"wght" 400, "wdth" 96;text-wrap:pretty;grid-area:main;min-width:0;max-width:40rem;font-size:clamp(1rem,1.1vw,1.15rem);line-height:1.5}.case-text .one{max-width:none;margin-bottom:1em}.case-text p{margin:0 0 1em}.case-links{flex-wrap:wrap;gap:10px 22px;margin-top:10px;display:flex}.case-media{padding:0 var(--g) clamp(24px, 3vw, 48px);flex-wrap:wrap;align-items:flex-end;gap:clamp(12px,1.6vw,24px);display:flex}.case-media .m{object-fit:contain;width:auto;max-width:100%;height:clamp(220px,26vw,480px)}.case-media .m-sq{height:clamp(200px,24vw,420px)}.case-media .m-card{width:min(100%,48rem);height:auto}@media (width<=1099px){:root{--cols:5.5rem minmax(0, 1fr) 10.5rem 14px}.cols{display:none}.row-head{grid-template-areas:"year name role plus""year name status plus";align-items:center;row-gap:8px}.c-year{align-self:center}.c-name{font-size:calc(6.4vw * var(--nk,1))}.c-role{align-self:end}.c-status{align-self:start}.rb,.case-body{grid-template-areas:".main facts."}.mrow{grid-template-columns:5.5rem minmax(0,1fr) minmax(0,1fr) 14px;grid-template-areas:"year name desc plus"}.about{grid-template-areas:".text photo."}.end-row{grid-template-areas:"year name name plus"}.end-cta{display:none}}@media (width<=899px){.bar-mid{display:none}}@media (width<=699px){.row-head,.mrow,.end-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px 12px}.row-head{grid-template-areas:"year role status""name name plus";padding-top:14px;padding-bottom:16px}.mrow{grid-template-areas:"year.plus""name name name""desc desc desc"}.end-row{grid-template-areas:"year. .""name name name"}.c-name{font-size:calc(clamp(2rem, 9.6vw, 4.2rem) * var(--nk,1))}.c-status{justify-self:end}.yr-rep{clip-path:none;width:auto;height:auto;overflow:visible;position:static!important}.ditto{display:none}.rb,.case-body,.about{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""facts";row-gap:22px}.about{grid-template-areas:"photo""text"}.about-photo{width:min(100%,14rem)}.strip .m,.case-media .m{width:auto;max-width:100%;height:auto;max-height:60vh}.strip .m-land,.case-media .m-land{width:100%}.strip .m-sq,.case-media .m-sq{width:min(100%,260px)}.m-name{font-size:clamp(1.4rem,6.8vw,2.6rem)}.sub--archive .m-name{font-size:clamp(1.3rem,6.2vw,2.1rem)}.end-name{font-size:clamp(1.8rem,9.2vw,4rem)}.foot .foot-note{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}
