/* vietnamese */
@font-face {
  font-family: 'Chivo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/chivo-8c15b5bca6f4.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Chivo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/chivo-f78964d16f6f.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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;
}
/* latin */
@font-face {
  font-family: 'Chivo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/chivo-48dbaa07c4cd.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Chivo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/chivo-7aafd03abb54.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Chivo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/chivo-f442b58d34a4.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Chivo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/chivo-ed867dd35c28.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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;
}
/* vietnamese */
@font-face {
  font-family: 'Chivo';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/assets/chivo-fc584b591df4.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Chivo';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/assets/chivo-f57352ecfa71.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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;
}
/* latin */
@font-face {
  font-family: 'Chivo';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/assets/chivo-c713901ae712.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Chivo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/chivo-6bb8b3f3a066.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Chivo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/chivo-d2e2d4d80668.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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;
}
/* latin */
@font-face {
  font-family: 'Chivo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/chivo-f7cc8a78f1d1.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Chivo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/chivo-b1555d610750.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin */
@font-face {
  font-family: 'Chivo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/chivo-eaa7c13e4a09.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Chivo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/chivo-3829e93a332c.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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;
}

:root{color-scheme:light;--ink:#333;--muted:#616161;--line:#e6e6e6;--page:90%;--gap:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Chivo,Arial,sans-serif;font-size:16px;line-height:1.8;font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}img{max-width:100%;display:block}button:disabled{cursor:default;opacity:.35}.skip-link{position:fixed;left:20px;top:-80px;z-index:20;background:#fff;color:#111;padding:8px 16px}.skip-link:focus{top:12px}.site-header{width:var(--page);max-width:1800px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:36px 0 34px;gap:30px}.brand{font-size:24px;line-height:1.2;color:#000;white-space:nowrap}.main-nav{display:flex;gap:26px;align-items:center;padding-right:36px;font-size:14px;line-height:1.3}.main-nav a{color:#999;transition:color .15s}.main-nav a:hover,.main-nav a[aria-current=page]{color:#333}.page{width:var(--page);max-width:1800px;margin:0 auto 80px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.work-card{position:relative;display:block;aspect-ratio:1.55;overflow:hidden;background:#eee}.work-card img{height:100%;width:100%;object-fit:cover;transition:transform .55s ease}.work-card:hover img{transform:scale(1.025)}.work-card .card-caption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:rgba(0,0,0,.40);color:#fff;opacity:0;transition:opacity .2s}.card-caption h2{font-size:clamp(22px,2.9vw,40px);font-weight:400;line-height:1.35;margin:0;max-width:95%;text-wrap:balance}.work-card:hover .card-caption,.work-card:focus-visible .card-caption{opacity:1}.work-card.featured .card-caption{opacity:1;align-items:flex-start;justify-content:flex-end;text-align:left;padding:27px 30px;background:linear-gradient(transparent 40%,rgba(0,0,0,.72))}.featured .card-caption h2{font-size:clamp(26px,2.7vw,42px);letter-spacing:-.025em}.card-meta{display:block;font-size:14px;margin-top:5px;line-height:1.5;color:#eee}.project-intro{width:76%;max-width:1120px;padding-top:30px;margin-bottom:88px}.project-intro h1,.text-page h1{font-size:48px;line-height:1.3;font-weight:400;letter-spacing:-.025em;margin:0 0 30px;text-wrap:balance}.prose{color:var(--muted)}.prose p{margin:0 0 24px}.prose p:last-child{margin-bottom:0}.prose a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.prose a:hover{color:#111}.prose ul{padding-left:24px}.prose li p{margin-bottom:7px}.prose strong{font-weight:700}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start}.media-grid.masonry{display:block;position:relative}.media-grid.masonry .media-item{position:absolute;width:calc((100% - 48px)/2)}.media-item{margin:0;min-width:0}.media-item img{width:100%;height:auto}.image-open,.video-launch{display:block;padding:0;border:0;background:#f5f5f5;width:100%;position:relative;color:#fff}.image-open{cursor:zoom-in}.image-open img{transition:filter .2s}.image-open:hover img{filter:brightness(.97)}.video-frame{aspect-ratio:16/9;background:#111;position:relative;width:100%}.video-frame .video-launch,.video-frame iframe{width:100%;height:100%;border:0}.video-frame img{height:100%;width:100%;object-fit:cover;filter:brightness(.86)}.play-badge{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:68px;height:68px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(0,0,0,.28);transition:background .2s}.play-badge svg{width:22px;height:22px;margin-left:3px;fill:#fff}.video-launch:hover .play-badge{background:rgba(0,0,0,.65)}.video-label{position:absolute;left:20px;right:20px;bottom:16px;line-height:1.4;font-size:14px;text-align:left;text-shadow:0 1px 4px #000}.media-caption{font-size:14px;color:#777;margin-top:12px}.media-caption p{margin:0}.video-fallback{display:inline-block;font-size:13px;line-height:1.5;margin-top:8px;color:#777;text-decoration:underline;text-underline-offset:3px}.project-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:30px;padding:30px 0 0;margin-top:90px;border-top:1px solid var(--line);font-size:14px}.project-nav a:hover{text-decoration:underline;text-underline-offset:4px}.project-nav .next{text-align:right}.nav-direction{display:block;color:#999;font-size:13px;line-height:1.4;margin-bottom:8px}.all-work{color:#777}.text-page{padding-top:32px}.writing-content{max-width:830px;margin:10px auto 100px}.writing-content h1{margin-bottom:44px}.writing-content p{margin-bottom:22px}.about-title{text-align:center;margin-bottom:62px!important}.about-layout{display:grid;grid-template-columns:1fr 2fr;gap:6%;align-items:start;margin-bottom:70px}.about-image{width:100%;height:auto}.about-copy{max-width:950px}.social-links{display:flex;gap:22px;margin-top:26px;font-size:14px}.social-links a{text-decoration:underline;text-underline-offset:4px}.lightbox{border:0;background:#111;color:#fff;padding:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;overflow:hidden}.lightbox::backdrop{background:#111}.lightbox-inner{height:100%;display:flex;align-items:center;justify-content:center;padding:70px 70px 80px}.lightbox-image{max-height:100%;max-width:100%;object-fit:contain;width:auto;height:auto}.lightbox button{position:absolute;color:#fff;background:rgba(0,0,0,.35);border:0;width:48px;height:48px;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center}.lightbox-close{right:20px;top:15px}.lightbox-prev{left:10px;top:calc(50% - 24px)}.lightbox-next{right:10px;top:calc(50% - 24px)}.lightbox-caption{position:absolute;bottom:20px;left:70px;right:70px;text-align:center;font-size:14px;color:#ddd}.lightbox-count{display:block;color:#aaa;font-size:13px}.empty-page{max-width:700px;padding:80px 0}.empty-page h1{font-size:48px;font-weight:400}.empty-page a{text-decoration:underline}
@media(min-width:1800px){:root{--gap:30px}.site-header{padding-top:44px;padding-bottom:44px}.project-intro{padding-top:36px}}
@media(max-width:900px){.main-nav{padding-right:0}.project-intro{width:90%}.project-intro h1{font-size:40px}.media-grid{gap:28px}.media-grid.masonry .media-item{width:calc((100% - 28px)/2)}.work-card.featured .card-caption{padding:20px}.about-layout{grid-template-columns:1fr 1.7fr;gap:5%}.card-caption h2{font-size:25px}}
@media(max-width:600px){:root{--page:90%;--gap:18px}.site-header{padding:28px 0;gap:15px}.brand{font-size:22px}.main-nav{font-size:14px;gap:15px}.page{margin-bottom:50px}.work-grid{grid-template-columns:1fr}.work-card{aspect-ratio:1.5}.work-card .card-caption{opacity:1;align-items:flex-start;justify-content:flex-end;text-align:left;background:linear-gradient(transparent 50%,rgba(0,0,0,.65));padding:20px}.card-caption h2,.featured .card-caption h2{font-size:28px}.card-meta{font-size:14px}.project-intro{width:100%;padding-top:16px;margin-bottom:44px}.project-intro h1,.text-page h1{font-size:34px;line-height:1.25;margin-bottom:25px}.prose{font-size:16px;line-height:1.8}.media-grid{grid-template-columns:1fr;gap:28px}.media-grid.masonry .media-item{width:100%}.text-page{padding-top:16px}.about-title{text-align:left;margin-bottom:30px!important}.about-layout{grid-template-columns:1fr;gap:32px}.about-image{max-width:400px}.project-nav{gap:15px;margin-top:55px;font-size:13px}.project-nav .all-work{font-size:14px;white-space:nowrap}.lightbox-inner{padding:65px 12px 95px}.lightbox-caption{left:25px;right:25px;bottom:26px}.lightbox-prev,.lightbox-next{top:auto!important;bottom:16px}.lightbox-caption{pointer-events:none;padding:0 24px}.writing-content{margin-top:0}.writing-content h1{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}