@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-vietnamese-wdth-normal.1chd077tiu-qs.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(../media/archivo-latin-ext-wdth-normal.1w-ual84inuz5.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(../media/archivo-latin-wdth-normal.3b1_7etm2gpf5.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{--ink:#000;--paper:#ebe9e4;--mute:#8d8b86;--line:#262626;--dim:.5;--pad:clamp(16px, 2vw, 28px);--head:76px;--font:"Archivo Variable", "Helvetica Neue", Arial, sans-serif;--narrow:"wdth" 64;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--ink);-webkit-text-size-adjust:100%}html.is-locked{overflow:hidden}body{background:var(--ink);color:var(--paper);font-family:var(--font);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}:focus-visible{outline:1px solid var(--paper);outline-offset:3px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{font-weight:inherit;margin:0}img{display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--paper);color:var(--ink);padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip:focus{transform:none}.site-header{z-index:20;padding:18px var(--pad);color:#fff;mix-blend-mode:difference;letter-spacing:0;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:baseline;font-size:clamp(17px,1.25vw,24px);display:grid;position:fixed;inset:0 0 auto}.site-header a{pointer-events:auto}.site-header.is-solid{mix-blend-mode:normal;background:var(--ink);color:var(--paper)}.site-header nav{display:contents}.site-header nav a:last-child{justify-self:end}.site-header [aria-current=page]{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.site-header .brand[aria-current=page]{text-decoration:none}.pic{background-color:#111;background-position:50%;background-size:cover;width:100%;display:block;overflow:hidden}.pic img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease)}.pic.is-loaded{background-color:#0000;background-image:none!important}.pic.is-loaded img{opacity:1}.wall{columns:2;column-gap:0}.wall li{break-inside:avoid}.wall a{display:block}.wall .pic.is-loaded img{opacity:var(--dim);transition:opacity .45s var(--ease)}.wall a:hover .pic img,.wall a:focus-visible .pic img{opacity:1;transition-duration:.15s}.wall a:focus-visible{outline-offset:-4px}@media (hover:none){.wall .pic.is-loaded img{opacity:.82}}@media (min-width:700px){.wall{columns:4}}@media (min-width:1100px){.wall{columns:6}}@media (min-width:1600px){.wall{columns:7}}.viewer{z-index:40;background:var(--ink);animation:viewer-in .25s var(--ease);grid-template:"stage text"minmax(0,1fr)"stage bar"/minmax(0,1fr) minmax(260px,340px);display:grid;position:fixed;inset:0}@keyframes viewer-in{0%{opacity:0}}.viewer-stage{padding:var(--head) var(--pad) var(--pad);grid-area:stage;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.viewer-image{z-index:2;pointer-events:none;justify-content:center;width:100%;display:flex;position:relative}.viewer-image .pic{width:min(100%, calc((100svh - var(--head) - var(--pad)) * var(--r,1.5)))}.viewer-image .play{pointer-events:auto}.viewer-hit{z-index:1;width:50%;position:absolute;top:0;bottom:0}.viewer-hit.is-prev{cursor:w-resize;left:0}.viewer-hit.is-next{cursor:e-resize;right:0}.viewer-hit:focus-visible{outline-offset:-6px}.viewer-text{padding:var(--head) var(--pad) 0 0;grid-area:text;align-self:end;max-height:100%;overflow-y:auto}.viewer-title{font-variation-settings:var(--narrow);letter-spacing:-.005em;margin-bottom:14px;font-size:clamp(28px,2.6vw,40px);font-weight:500;line-height:.95}.viewer-caption{color:var(--mute);max-width:44ch;font-size:13.5px;line-height:1.5}.viewer-bar{padding:22px var(--pad) var(--pad) 0;grid-area:bar;align-items:baseline;gap:20px;font-size:13.5px;display:flex}.viewer-bar .count{color:var(--mute);font-variant-numeric:tabular-nums;min-width:4.5em}.viewer-arrows{gap:16px;display:flex}.viewer-close{margin-left:auto}.play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#00000059;border:1px solid #ffffffd9;border-radius:999px;padding:12px 22px;font-size:14px;transition:background .2s;position:absolute;top:50%;left:50%;translate:-50% -50%}.play:hover{background:#0009}.viewer-video{z-index:2;width:min(100%, calc((100svh - var(--head) - var(--pad)) * 16 / 9));aspect-ratio:16/9;position:relative}.viewer-video.is-portrait{width:min(100%, calc((100svh - var(--head) - var(--pad)) * 9 / 16));aspect-ratio:9/16}.viewer-video iframe,.video iframe{border:0;width:100%;height:100%;display:block}@media (max-width:899px){.viewer{padding-bottom:64px;display:block;overflow-y:auto}.viewer-stage{min-height:auto;padding:56px 0 0}.viewer-image .pic{width:min(100%, calc((100svh - 200px) * var(--r,1.5)))}.viewer-video,.viewer-video.is-portrait{width:100%}.viewer-video.is-portrait{width:min(100%,56.25svh - 112.5px)}.viewer-hit{display:none}.viewer-text{padding:20px var(--pad) 24px;max-height:none}.viewer-bar{padding:14px var(--pad) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#000 40%);position:fixed;inset:auto 0 0}}.projects{padding:calc(var(--head) + 8px) var(--pad) calc(var(--pad) * 3)}.project-list{gap:40px var(--pad);grid-template-columns:1fr;display:grid}@media (min-width:640px){.project-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.project-list{grid-template-columns:repeat(3,1fr)}}.project-card{display:block}.project-card:hover{text-decoration:none}.project-card .pic img{transition:opacity .7s var(--ease), transform .9s var(--ease)}.project-card:hover .pic img{transform:scale(1.025)}.project-card-title{font-variation-settings:var(--narrow);margin-top:12px;font-size:clamp(20px,1.7vw,26px);font-weight:500;line-height:1;display:block}.project-card:hover .project-card-title{text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:1px}.project{padding:calc(var(--head) + 8px) var(--pad) 0}.project-head{grid-template-columns:1fr;gap:28px;display:grid}@media (min-width:900px){.project-head{gap:var(--pad);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.project-text{top:calc(var(--head) + 8px);position:sticky}}.project-title{font-variation-settings:var(--narrow);letter-spacing:-.01em;overflow-wrap:anywhere;margin-bottom:28px;font-size:clamp(40px,5.6vw,92px);font-weight:500;line-height:.9}.prose{max-width:46ch}.prose p,.bio p{white-space:pre-line}.prose p+p,.prose p+ul,.prose ul+p{margin-top:.9em}.prose a,.bio a{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.prose ul{padding-left:1.2em;list-style:outside}.prose blockquote{margin:.9em 0;font-style:italic}.prose h3{margin-top:1.2em;font-weight:600}.credits{color:var(--mute);margin-top:28px;font-size:12.5px;line-height:1.55}.credits p{white-space:pre-line}.credits p+p{margin-top:.8em}.video{aspect-ratio:16/9;background:#111;position:relative}.video.is-portrait{aspect-ratio:9/16;max-height:85svh;margin-inline:auto}.video-poster{width:100%;display:block;position:relative}.video-poster .pic img{transition:opacity .7s var(--ease), filter .3s}.video-poster:hover .pic img{filter:brightness(.8)}.video-blank{aspect-ratio:16/9;background:#111;display:block}.video-poster .play{z-index:1}.gallery{gap:var(--pad);margin-top:var(--pad);grid-template-columns:1fr;display:grid}@media (min-width:700px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery .is-wide{grid-column:1/-1}}.gallery-caption{color:var(--mute);margin-top:8px;font-size:12.5px}.next-project{margin-top:calc(var(--pad) * 4);border-top:1px solid var(--line);padding:28px 0 calc(var(--pad) * 3)}.next-project a{display:block}.next-project a:hover{text-decoration:none}.next-label{color:var(--mute);margin-bottom:10px;font-size:13.5px;display:block}.next-title{font-variation-settings:var(--narrow);letter-spacing:-.015em;transition:font-variation-settings .5s var(--ease);font-size:clamp(40px,8vw,140px);font-weight:500;line-height:.88;display:block}.next-project a:hover .next-title{font-variation-settings:"wdth" 80}html:has(.info){--ink:#ebe9e4;--paper:#000;--mute:#66645f;--line:#cfccc5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.info{padding:calc(var(--head) + 8px) var(--pad) calc(var(--pad) * 3);grid-template-columns:1fr;gap:56px;display:grid}@media (min-width:1000px){.info{gap:var(--pad);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.info-bio{top:calc(var(--head) + 8px);align-self:start;position:sticky}}.info-portrait{max-width:320px;margin-bottom:28px}.bio{letter-spacing:-.005em;max-width:32em;font-size:clamp(19px,1.55vw,24px);line-height:1.32}.bio p+p{margin-top:.8em}.contact-links{flex-wrap:wrap;gap:6px 22px;margin-top:28px;font-size:clamp(19px,1.55vw,24px);display:flex}.contact-links a{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.cv{gap:36px var(--pad);grid-template-columns:1fr;align-content:start;font-size:13.5px;line-height:1.45;display:grid}@media (min-width:700px){.cv{grid-template-columns:repeat(2,minmax(0,1fr))}}.cv-section h2{color:var(--mute);border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:8px;font-size:13.5px}.cv-list li{grid-template-columns:5.2em minmax(0,1fr);gap:8px;padding:2px 0;display:grid}.cv-year{color:var(--mute);font-variant-numeric:tabular-nums}.services{flex-wrap:wrap;gap:2px 14px;display:flex}.contact,.not-found{min-height:100svh;padding:var(--head) var(--pad) calc(var(--pad) * 2);flex-direction:column;justify-content:flex-end;display:flex}.contact li,.not-found h1{font-variation-settings:var(--narrow);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(36px,6.5vw,112px);font-weight:500;line-height:.95}.not-found p{margin-top:20px;font-size:15px}.not-found a{text-underline-offset:.2em;text-decoration:underline}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}