@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/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(/_astro/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(/_astro/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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-cyrillic-ext-400-normal.xuaO2J-f.woff2)format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-ext-400-normal.DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-cyrillic-400-normal.BSMlKf0J.woff2)format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-400-normal.CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-vietnamese-400-normal.BulugwFq.woff2)format("woff2"),url(/_astro/ibm-plex-mono-vietnamese-400-normal.DDuiU_S-.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-ext-400-normal.BmRBH3aV.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-ext-400-normal.D3D2R8hC.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff)format("woff");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{color-scheme:dark;--color-paper:#151918;--color-ink:#eff0ed;--color-muted:#adb5ae;--color-rule:#404b43;--color-accent:#f07860;--color-accent-fill:#ba331e;--color-panel:#202823;--color-panel-ink:var(--color-ink);--font-sans:"Archivo Variable", Arial, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--content-width:80rem;--page-gutter:clamp(1.25rem, 4vw, 4rem);--motion-duration:.18s;font-family:var(--font-sans);color:var(--color-ink);background:var(--color-paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:2rem}body{min-width:20rem;margin:0}img,picture,svg{max-width:100%;display:block}img{height:auto}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-underline-offset:.18em}::selection{background:var(--color-accent);color:var(--color-paper)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--paper:var(--color-paper);--ink:var(--color-ink);--muted:var(--color-muted);--rule:var(--color-rule);--red:var(--color-accent);--panel:var(--color-panel)}html{scroll-padding-top:2rem}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}*{box-sizing:border-box}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--red)}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--red);outline-offset:5px}main:focus{outline:none}h1,h2,h3,p{margin:0}img,svg{max-width:100%}.shell{width:min(1280px,100% - 80px);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--ink);color:var(--paper);padding:.8rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.skip-link:hover{background:var(--red);color:var(--paper)}.site-header{justify-content:space-between;align-items:center;gap:2rem;min-height:104px;display:flex}.site-header a{padding-block:10px;text-decoration:none}.site-name{letter-spacing:-.025em;font-size:17px;font-weight:650}.site-header nav{gap:36px;font-size:15px;display:flex}.hero{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-top:62px;padding-bottom:96px;display:grid;position:relative}.hero-copy{z-index:1;grid-column:1/8;padding-top:16px}.hero h1{letter-spacing:-.065em;font-size:clamp(76px,8.4vw,121px);font-weight:800;line-height:.88}.hero h1 span{display:block}.hero h1 span+span{margin-top:.085em}.hero-position{max-width:530px;margin-top:44px}.hero-role{letter-spacing:-.035em;max-width:470px;font-size:clamp(25px,2.5vw,36px);font-weight:550;line-height:1.15}.hero-intro{color:var(--muted);max-width:470px;margin-top:23px;font-size:18px;line-height:1.6}.portrait{background:var(--panel);grid-column:9/13;margin-left:-26px;overflow:hidden}.portrait img{width:100%;height:auto;animation:.5s cubic-bezier(.2,.6,.25,1) both portrait-enter;display:block}@keyframes portrait-enter{0%{clip-path:polygon(0 0,60% 0,60% 20%,100% 20%,100% 40%,35% 40%,35% 60%,85% 60%,85% 80%,50% 80%,50% 100%,0 100%);transform:translate(-10px)}to{clip-path:polygon(0 0,100% 0,100% 20%,100% 20%,100% 40%,100% 40%,100% 60%,100% 60%,100% 80%,100% 80%,100% 100%,0 100%);transform:translate(0)}}.hero-work-link{grid-column:1/8;justify-self:start;gap:34px;margin-top:48px;font-size:15px;text-decoration:none;display:flex}.hero-work-link span{color:var(--red);font-size:21px;line-height:1}.section-heading{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:26px;display:flex}.section-heading h2,.about>h2{letter-spacing:-.035em;font-size:25px;font-weight:600}.section-heading p{color:var(--muted);font-size:15px}.work-row{border-bottom:1px solid var(--rule);grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-block:60px 68px;display:grid}.work-copy{grid-column:1/6;padding-right:26px}.work-meta{color:var(--muted);flex-wrap:wrap;gap:12px 24px;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.5;display:flex}.project-status{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.5}.is-live{color:var(--red)}.work-copy h3{letter-spacing:-.045em;margin-top:24px;font-size:clamp(28px,2.8vw,40px);font-weight:700;line-height:1.08}.work-copy h3 a{text-decoration:none}.work-headline{letter-spacing:-.025em;max-width:380px;margin-top:19px;font-size:23px;line-height:1.28}.work-summary{color:var(--muted);max-width:450px;margin-top:21px;font-size:16px;line-height:1.65}.work-role{color:var(--muted);margin-top:22px;font-size:13px;line-height:1.5}.case-link{color:var(--red);margin-top:27px;font-size:15px;font-weight:600;text-decoration-line:underline;display:inline-block}.work-diagram{grid-column:7/13;align-self:center;min-width:0}.about{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-block:104px 114px;display:grid}.about>h2{grid-column:1/4}.about-copy{letter-spacing:-.025em;grid-column:5/12;font-size:25px;line-height:1.45}.about-copy p+p{margin-top:24px}.about-copy .creative-note{color:var(--muted);letter-spacing:0;margin-top:32px;font-size:17px;line-height:1.6}.site-footer{border-top:1px solid var(--rule);padding-top:58px;padding-bottom:30px}.contact-main{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:79px;display:flex}.contact-main h2{letter-spacing:-.055em;font-size:clamp(46px,5.5vw,76px);font-weight:700;line-height:1}.contact-email{letter-spacing:-.025em;border-bottom:1px solid var(--red);padding-bottom:5px;font-size:clamp(18px,2.1vw,29px);text-decoration:none}.footer-bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:24px;font-size:13px;display:flex}.footer-bottom nav{flex-wrap:wrap;gap:24px;display:flex}.footer-bottom a{text-decoration:none}.case-header{padding-top:48px}.back-work{color:var(--muted);font-size:14px}.case-title-row{flex-wrap:wrap;align-items:baseline;gap:20px 36px;margin-top:53px;display:flex}.case-project-name{font-size:18px;font-weight:600}.case-header h1{letter-spacing:-.05em;text-wrap:balance;max-width:1070px;margin-top:26px;font-size:clamp(42px,5.8vw,82px);font-weight:700;line-height:1.04}.case-summary{color:var(--muted);max-width:790px;margin-top:33px;font-size:21px;line-height:1.55}.case-facts{border-top:1px solid var(--rule);grid-template-columns:1fr 1.55fr auto;align-items:start;gap:35px;margin-top:43px;margin-bottom:46px;padding-top:25px;display:grid}.case-facts h2{color:var(--muted);margin-bottom:9px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400}.case-facts p{max-width:430px;font-size:14px;line-height:1.6}.case-facts>a{font-size:13px}.case-diagram{max-width:100%}.case-reading{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-block:84px 104px;display:grid}.case-outline{grid-column:1/4}.case-outline nav{padding-right:35px;position:sticky;top:35px}.case-outline nav>p{color:var(--muted);margin-bottom:20px;font-size:12px}.case-outline ul{margin:0;padding:0;list-style:none}.case-outline li+li{margin-top:15px}.case-outline a{font-size:13px;line-height:1.45;text-decoration:none;display:inline-block}.case-prose{grid-column:5/12;min-width:0;font-size:18px;line-height:1.75}.case-prose h2{letter-spacing:-.035em;margin-top:58px;margin-bottom:23px;scroll-margin-top:35px;font-size:29px;font-weight:650;line-height:1.2}.case-prose h2:first-child{margin-top:0}.case-prose p{margin-bottom:22px}.case-prose strong{font-weight:650}.case-prose ul,.case-prose ol{padding-left:1.25em}.project-links{flex-wrap:wrap;gap:24px;display:flex}.next-work{border-top:1px solid var(--rule);padding-block:29px 75px}.next-work p{color:var(--muted);margin-bottom:16px;font-size:12px}.next-work a{letter-spacing:-.04em;justify-content:space-between;align-items:baseline;gap:30px;font-size:clamp(30px,4vw,52px);font-weight:600;text-decoration:none;display:flex}.next-work a span{color:var(--red);font-weight:400}.not-found{padding-block:90px 140px}.error-code{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:14px}.not-found h1{letter-spacing:-.055em;margin-top:25px;font-size:clamp(42px,7vw,88px);line-height:1.05}.not-found>p:not(.error-code){max-width:540px;color:var(--muted);margin-top:30px;font-size:19px;line-height:1.6}@media (width>=1500px){.hero{padding-top:78px}}@media (width<=1000px){.shell{width:calc(100% - 56px)}.hero{column-gap:18px;padding-top:45px;padding-bottom:75px}.hero h1{font-size:clamp(70px,9vw,98px)}.hero-copy{grid-column:1/8}.portrait{grid-column:9/13;align-self:start;margin-left:-30px}.hero-role{font-size:28px}.hero-intro{max-width:365px;font-size:16px}.hero-position{margin-top:32px}.work-copy{grid-column:1/7;padding-right:16px}.work-diagram{grid-column:7/13}.work-headline{font-size:21px}.work-row{column-gap:16px}.work-summary{font-size:15px}.about-copy{grid-column:5/13;font-size:23px}.case-prose{grid-column:5/13}.case-outline{grid-column:1/5}.case-facts{grid-template-columns:1fr 1.4fr}.case-facts>a{grid-column:1/-1}}@media (width<=767px){.shell{width:calc(100% - 40px)}.site-header{gap:16px;min-height:84px}.site-name{font-size:14px}.site-header nav{gap:19px;font-size:13px}.hero{flex-direction:column;padding-top:40px;padding-bottom:62px;display:flex}.hero-copy{padding-top:0}.hero h1{font-size:clamp(64px,14.3vw,109px);line-height:.91}.hero-position{margin-top:30px}.hero-role{max-width:360px;font-size:28px}.hero-intro{max-width:520px;margin-top:19px;font-size:17px}.portrait{align-self:flex-end;width:100%;max-width:440px;margin:33px 0 0}.hero-work-link{margin-top:26px;font-size:14px}.section-heading{padding-bottom:23px;display:block}.section-heading h2,.about>h2{font-size:24px}.section-heading p{margin-top:11px;font-size:14px}.work-row{flex-direction:column;gap:30px;padding-block:35px 42px;display:flex}.work-copy{padding-right:0}.work-copy h3{margin-top:20px;font-size:34px}.work-headline{max-width:480px;margin-top:18px;font-size:23px}.work-summary{max-width:540px;margin-top:19px;font-size:16px}.work-role{margin-top:19px}.case-link{margin-top:23px}.work-diagram{width:100%}.about{padding-block:57px 68px;display:block}.about-copy{margin-top:27px;font-size:22px}.about-copy .creative-note{font-size:16px}.site-footer{padding-top:37px;padding-bottom:25px}.contact-main{padding-bottom:49px;display:block}.contact-main h2{font-size:54px}.contact-email{margin-top:25px;font-size:clamp(18px,5vw,27px);display:inline-block}.footer-bottom{row-gap:21px;font-size:12px}.footer-bottom>p{flex-basis:100%}.footer-bottom nav{gap:20px}.case-header{padding-top:30px}.case-title-row{gap:10px 18px;margin-top:35px}.case-project-name{font-size:16px}.case-header h1{margin-top:23px;font-size:clamp(39px,8.1vw,59px);line-height:1.06}.case-summary{margin-top:27px;font-size:18px}.case-facts{grid-template-columns:1fr;gap:22px;margin-top:31px;margin-bottom:32px}.case-reading{padding-block:38px 57px;display:block}.case-outline{display:none}.case-prose{font-size:17px;line-height:1.75}.case-prose h2{margin-top:41px;margin-bottom:19px;font-size:27px}.next-work{padding-block:25px 50px}.next-work a{font-size:33px}.not-found{padding-block:65px 85px}}@media (width<=359px){.site-header{flex-wrap:wrap;padding-block:22px}.site-header nav{width:100%}.hero h1{font-size:13.7vw}}@media (prefers-reduced-motion:reduce){.portrait img{animation:none}*,:before,:after{scroll-behavior:auto!important}}