/* The commission index follows the proportions of its photographs. */
.archive-heading{padding:35px 3% 28px;align-items:end;gap:30px}
.archive-heading h1{font-size:clamp(65px,8vw,116px);line-height:.9;letter-spacing:-.065em}
.archive-heading .eyebrow{font-size:9px;margin-bottom:19px}
.archive-heading>p{font-size:13px;max-width:335px;line-height:1.65}
.archive-heading>p>.zh{font-size:10px}.archive-heading>div>.zh{margin-top:14px;font-size:10px}
.archive-films-link{display:inline-block;font-size:10px;margin-top:10px}
.archive-controls{margin:0 3%;padding-top:12px;grid-template-columns:1fr 240px;gap:5px 30px}
.archive-filters{gap:3px}.archive-filters button{font-size:11px;padding:10px 12px;min-height:38px}
.archive-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.archive-search input{font-size:12px;height:38px}.clear-search{height:38px}
.archive-subjects{grid-column:1;align-self:start;font-size:10px;padding:6px 0}
.archive-subjects>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:45px;min-height:30px}
.archive-subjects>summary::-webkit-details-marker{display:none}
.archive-subjects[open]>summary>span{transform:rotate(45deg)}
.archive-categories{padding:4px 0 10px;gap:0 18px;border:0}
.archive-categories button{font-size:10px;min-height:34px;padding:6px 0}
.archive-categories button span{display:none}
.archive-results{grid-column:2;grid-row:2;text-align:right;align-self:center;letter-spacing:0}
.archive-jump{margin:0 3% 14px;padding:14px 0 0;gap:25px;font-size:10px;border-top:1px solid var(--rule)}
.archive-jump span{font-size:9px}
.commissions{padding:0 3% 65px;scroll-margin-top:95px}
.commissions>.commission-heading{padding:0;margin:0 0 20px;border:0;gap:20px;align-items:baseline}
.commissions>.commission-heading h2{font:400 27px/1.3 Georgia,serif;letter-spacing:-.035em;margin:0}
.commissions>.commission-heading h2>.zh{display:inline;font:9px/1.5 Arial,sans-serif;margin-left:15px}
.commissions>.commission-heading>p{font:9px/1.5 Arial,sans-serif;margin:0;letter-spacing:.07em;text-transform:uppercase}
.commission-grid.masonry-grid{--masonry-columns:4;--masonry-column-gap:14px;display:grid;grid-template-columns:repeat(var(--masonry-columns),minmax(0,1fr));grid-auto-rows:auto;column-gap:var(--masonry-column-gap);row-gap:var(--masonry-column-gap);align-items:start}
.commission-grid.is-masonry-ready{grid-auto-rows:1px;grid-auto-flow:row dense;row-gap:0}
.masonry-tile{min-width:0;margin:0;align-self:start}.masonry-tile[hidden]{display:none!important}
.masonry-tile.is-masonry-featured{grid-column:span 2}
.masonry-inner{display:flow-root;min-width:0;width:100%}
.commission-media,.commission-card.featured .commission-media{height:auto;display:block}
.commission-media>.image-open{height:auto;width:100%;display:block;max-width:none;margin:0}
.commission-media .original-image,.commission-video video{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:contain;margin:0;filter:none}
.commission-media--window{position:relative;aspect-ratio:var(--commission-visible-aspect);overflow:hidden}
.commission-media--window>.image-open{position:absolute;inset:0;height:100%;overflow:hidden}
.commission-media--window .original-image{position:absolute;left:var(--commission-image-left);top:var(--commission-image-top);width:var(--commission-image-width);height:auto;max-width:none;max-height:none}
.commission-video{background:#151515}.commission-video video{background:#151515}
.commission-caption{border:0;padding:9px 0 17px;margin:0}
.commission-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.commission-caption h3{font:400 12px/1.4 Arial,sans-serif;letter-spacing:-.015em}
.commission-label>span{font:8px/1.5 Arial,sans-serif;color:var(--muted);text-align:right;white-space:nowrap}
.commission-caption>.zh{font-size:9px;line-height:1.5;margin-top:4px;color:var(--muted)}
.commission-note{margin-top:4px;font-size:11px}.commission-note summary{display:flex;justify-content:space-between;gap:8px;list-style:none;font:9px/1.6 Arial,sans-serif;min-height:20px}
.commission-note summary::-webkit-details-marker{display:none}.commission-note summary span{font-size:9px;margin:0}
.commission-note summary>span[aria-hidden]{font-size:13px}.commission-note[open] summary>span[aria-hidden]{transform:rotate(45deg)}
.commission-note p{margin-top:10px;line-height:1.65}.commission-note .zh{font-size:10px}
.film-entry-link{display:inline-block;font-size:9px;margin-top:5px;text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.filtered-editorial{padding:8px 0 25px;margin-bottom:24px}
@media(min-width:1700px){.commission-grid.masonry-grid{--masonry-columns:5;--masonry-column-gap:18px}}
@media(max-width:1000px){.commission-grid.masonry-grid{--masonry-columns:3;--masonry-column-gap:12px}}
@media(max-width:680px){
 .archive-heading{display:block;padding:30px 4% 22px}.archive-heading h1{font-size:76px}.archive-heading>p{margin-top:20px;max-width:330px;font-size:12px}.archive-heading .eyebrow{margin-bottom:16px}
 .archive-controls{margin:0 4%;grid-template-columns:1fr auto;gap:3px 15px}.archive-filters{grid-column:1/-1;justify-content:flex-start;gap:0}.archive-filters button{padding:9px 10px;font-size:10px}
 .archive-search{grid-column:1/-1;grid-row:2}.archive-search input{font-size:16px;height:36px}.archive-subjects{grid-column:1;grid-row:3}.archive-results{grid-column:2;grid-row:3;font-size:9px}
 .archive-jump{margin:0 4% 14px;gap:20px}.commissions{padding:0 4% 45px;scroll-margin-top:85px}
 .commissions>.commission-heading{display:flex;gap:15px;margin-bottom:17px}.commissions>.commission-heading h2{font-size:25px}.commissions>.commission-heading h2>.zh{display:block;margin:5px 0 0;font-size:9px}.commissions>.commission-heading>p{font-size:7px;text-align:right;max-width:90px;line-height:1.7}
 .commission-grid.masonry-grid{--masonry-columns:2;--masonry-column-gap:10px}.commission-caption{padding:7px 0 14px}.commission-label{display:block}.commission-caption h3{font-size:11px}.commission-label>span{display:block;margin-top:3px;font-size:8px;text-align:left}.commission-caption>.zh{font-size:8px}.commission-note summary{font-size:8px}.commission-note summary span{font-size:8px}
}
.commission-video{position:relative;aspect-ratio:var(--film-ratio);overflow:hidden}
.commission-video video{width:100%;height:100%;object-fit:contain}
.film-play{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;text-align:left;background:#292b28;color:#eee9df;border:0;width:100%;height:100%;padding:16px;cursor:pointer}
.film-play-top,.film-play-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;font:9px/1.3 Arial,sans-serif;letter-spacing:.04em}.film-play-top{opacity:.5;font-size:8px}
.film-play-title{font:italic clamp(22px,2.7vw,40px)/1.05 Georgia,serif;letter-spacing:-.035em;max-width:85%;margin:16px 0}.film-play-bottom>span:last-child{font:22px/1 Arial,sans-serif;transition:transform 180ms ease}
.film-play:hover .film-play-bottom>span:last-child{transform:translateX(3px)}
.film-play:focus-visible{outline:2px solid #c6a675;outline-offset:-6px}
@media(max-width:680px){.film-play{padding:11px}.film-play-title{font-size:24px;margin:10px 0}.film-play-top{font-size:7px}.film-play-bottom{font-size:8px}.film-play-bottom>span:last-child{font-size:17px}}
@media(prefers-reduced-motion:reduce){.film-play-bottom>span:last-child{transition:none}}

/* A continuous moodboard: varied scale, staggered starts, quiet captions. */
.moodboard-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:45px 5% 15px}
.moodboard-heading .eyebrow{font-size:9px;margin-bottom:28px;letter-spacing:.08em}
.moodboard-heading h1{font:400 clamp(72px,9.5vw,150px)/.82 Georgia,serif;letter-spacing:-.075em}
.moodboard-heading h1 em{font-weight:400;font-style:italic;margin-left:14%}
.moodboard-intro{font:12px/1.65 Arial,sans-serif;padding-bottom:8px;text-align:right}
.moodboard-intro .zh{display:block;font-size:10px;margin-top:8px}.moodboard-intro>a{display:inline-block;font-size:10px;margin-top:32px;text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:5px}
.moodboard-tools{margin:0 5% 20px;font-size:10px}.moodboard-tools>summary{margin-left:auto;list-style:none;display:flex;align-items:center;gap:30px;width:max-content;padding:10px 0;cursor:pointer;min-height:36px}.moodboard-tools>summary::-webkit-details-marker{display:none}.moodboard-tools[open]>summary>span{transform:rotate(45deg)}
.moodboard-tools .archive-controls{margin:10px 0 25px}.archive-jump{display:none}
.commissions>.commission-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.commissions{padding:0 4% 75px}
.commission-grid.moodboard-grid{--masonry-columns:12;--masonry-column-gap:clamp(18px,2.5vw,40px);grid-template-columns:repeat(12,minmax(0,1fr))}
.moodboard-grid>.masonry-tile{grid-column:span var(--moodboard-span)}
.moodboard-grid>.masonry-tile.is-masonry-featured{grid-column:span 6}
.moodboard-grid .masonry-inner{padding-top:var(--moodboard-drift)}
.moodboard-grid .commission-caption{padding:9px 0 12px;opacity:0;transition:opacity 150ms ease;min-height:38px}
.moodboard-grid .masonry-tile:hover .commission-caption,.moodboard-grid .masonry-tile:focus-within .commission-caption,.moodboard-grid .commission-caption:has(details[open]){opacity:1}
.moodboard-grid .commission-caption h3{font-size:11px}.moodboard-grid .commission-label>span{font-size:8px}
.moodboard-grid .film-play{background:#343a35}.moodboard-grid .film-play-title{font-size:clamp(25px,3.3vw,52px)}
.moodboard-grid .masonry-tile:nth-child(8n) .film-play{background:#7a604c}
.moodboard-grid .masonry-tile:nth-child(13n) .film-play{background:#353b43}
@media(hover:none){.moodboard-grid .commission-caption{opacity:1}}
@media(max-width:1000px){.commission-grid.moodboard-grid{--masonry-column-gap:18px}.moodboard-grid .commission-label{display:block}.moodboard-grid .commission-label>span{display:none}.moodboard-grid .film-play-title{font-size:30px}.moodboard-grid .film-play-top{font-size:7px}}
@media(max-width:680px){
 .moodboard-heading{padding:30px 5% 18px;gap:18px}.moodboard-heading h1{font-size:68px}.moodboard-heading .eyebrow{font-size:7px;max-width:160px;line-height:1.5;margin-bottom:22px}.moodboard-intro{font-size:9px;max-width:122px;text-align:left;padding-bottom:0}.moodboard-intro .zh{font-size:8px;line-height:1.8}.moodboard-intro>a{font-size:8px;margin-top:23px;line-height:1.6}
 .moodboard-tools{margin-bottom:8px}.moodboard-tools>summary{font-size:9px;gap:24px}.commissions{padding:0 4% 40px}.commission-grid.moodboard-grid{--masonry-column-gap:14px;grid-template-columns:repeat(6,minmax(0,1fr))}.moodboard-grid>.masonry-tile{grid-column:span var(--moodboard-mobile-span)}.moodboard-grid>.masonry-tile.is-masonry-featured{grid-column:span 6}.moodboard-grid .masonry-inner{padding-top:calc(var(--moodboard-drift)*.28)}
 .moodboard-grid .commission-caption{opacity:1;padding:6px 0 8px;min-height:26px}.moodboard-grid .commission-caption h3{font-size:9px}.moodboard-grid .commission-caption>.zh,.moodboard-grid .commission-note summary span[lang]{display:none}.moodboard-grid .film-play-title{font-size:24px}.moodboard-grid .film-play-top{font-size:7px}.moodboard-grid .film-play{padding:12px}
}
@media(prefers-reduced-motion:reduce){.moodboard-grid .commission-caption{transition:none}}
.moodboard-heading{padding-top:32px;padding-bottom:2px;align-items:center}
.moodboard-heading .eyebrow{margin-bottom:18px}
.moodboard-heading h1{font-size:clamp(48px,6vw,90px);line-height:1}
.moodboard-heading h1 br{display:none}.moodboard-heading h1 em{margin-left:.15em}
.moodboard-intro>a{margin-top:17px}.moodboard-grid.work-cards-ready .commission-caption{display:none}
.work-info-card{position:fixed;inset:auto 28px 28px auto;margin:0;width:min(380px,calc(100vw - 40px));max-height:calc(100svh - 80px);padding:0;border:1px solid #d1cdc3;background:#f8f6f0;color:#252622;box-shadow:0 14px 55px #1f21191f;overflow:auto}
.work-info-card::backdrop{background:#15160f12}
.work-info-card__panel{padding:30px}.work-info-card__close{display:block;margin:0 0 28px auto;padding:5px 0;border:0;background:none;font:10px/1.5 Arial,sans-serif;color:#70716a;cursor:pointer}
.work-info-card__title{font:400 31px/1.15 Georgia,serif;letter-spacing:-.035em;margin:0 0 22px}
.work-info-card__body p{font:16px/1.65 Georgia,serif;margin:0 0 16px}.work-info-card__body .work-info-card__translation{font:11px/1.8 Arial,sans-serif;color:#6d6e66}
.work-info-card__body .work-info-card__label{font:9px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#777a6f;margin-bottom:24px}
.work-info-card__description:nth-last-child(1){font:11px/1.9 Arial,sans-serif;color:#74766d}
.work-info-card__actions{border-top:1px solid #d1cdc3;padding-top:20px;margin-top:25px}
.work-info-card__primary{display:block;border:0;background:none;padding:5px 0;color:inherit;font:12px/1.5 Arial,sans-serif;text-decoration:none;cursor:pointer}
.work-info-card__primary::after{content:' \2197\FE0E';margin-left:12px}
.work-info-card[open]{animation:work-card-enter 180ms cubic-bezier(.2,.8,.2,1)}
@keyframes work-card-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){.moodboard-heading{padding-top:27px;align-items:end;gap:15px}.moodboard-heading h1{font-size:52px}.moodboard-heading h1 br{display:block}.moodboard-heading h1 em{margin-left:.15em}.moodboard-heading .eyebrow{margin-bottom:17px}.moodboard-intro{max-width:120px}.work-info-card{inset:auto 12px 12px 12px;width:auto;max-height:75svh}.work-info-card__panel{padding:25px}.work-info-card__title{font-size:29px}.work-info-card__close{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.work-info-card[open]{animation:none}}

@media(max-width:680px){.work-info-card{max-width:none}}

/* Keep the three text rows readable inside a half-width film tile. */
@media(max-width:680px){
 .moodboard-grid .film-play{padding:8px;gap:4px}
 .moodboard-grid .film-play-title{font-size:18px;line-height:1.1;margin:0;max-width:100%}
 .moodboard-grid .film-play-bottom>span:last-child{font-size:13px}
}

/* Moving images sit among photographs, with their own unaltered frame. */
.moodboard-grid>.masonry-tile{grid-column:var(--moodboard-start,auto) / span var(--moodboard-span)}
.moodboard-grid .commission-video{background:transparent}
.moodboard-grid .film-play,
.moodboard-grid .masonry-tile:nth-child(8n) .film-play,
.moodboard-grid .masonry-tile:nth-child(13n) .film-play{background:transparent;padding:0;display:block}
.film-detail-cue{position:absolute;right:10px;bottom:8px;color:white;font:400 18px/1 Arial,sans-serif;text-shadow:0 1px 5px #0008;opacity:0;transition:opacity 140ms ease}
.film-play:hover .film-detail-cue,.film-play:focus-visible .film-detail-cue{opacity:1}
.preview-motion-toggle{display:block;margin:0 5% 0 auto;padding:9px 0;border:0;background:none;font:10px/1.5 Arial,sans-serif;color:var(--muted)}
.preview-motion-toggle[hidden]{display:none}
.preview-motion-toggle+.moodboard-tools{margin-top:-35px;margin-right:calc(5% + 110px)}
@media(max-width:680px){
 .moodboard-grid>.masonry-tile{grid-column:var(--moodboard-mobile-start,auto) / span var(--moodboard-mobile-span)}
 .film-detail-cue{opacity:.7;font-size:16px}
 .preview-motion-toggle{font-size:9px}
 .preview-motion-toggle+.moodboard-tools{margin-top:-33px;margin-right:calc(5% + 95px)}
}
@media(prefers-reduced-motion:reduce){.film-detail-cue{transition:none}}

/* The photographic series open the archive. */
.work-credit{display:block;margin:8px 0 0;padding:0;color:#77746c;font:400 10px/1.55 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.005em;text-transform:none;overflow-wrap:anywhere}
.work-credit__year,.work-credit__brand{white-space:nowrap}
.work-credit__separator{color:#aaa69e}
.moodboard-grid .work-credit{margin-bottom:6px}
.film-work .work-credit{margin-top:10px;margin-bottom:22px}
.series-index-card .work-credit{margin-top:8px}
.series-index{padding-top:38px;padding-bottom:70px}
.series-index>.commission-heading{border-top:0;padding-top:0}
.series-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,44px)}
.series-index-card{min-width:0;margin:0}
.series-index-card .series-cover{height:clamp(180px,20vw,260px);min-height:0;overflow:clip}
.series-index-card .series-cover>img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom}
.series-index-card .archive-photo-caption{display:block}
.series-index-card .detail-hint{display:block;margin-top:10px}
@media(max-width:1000px){.series-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.series-index{padding-top:25px;padding-bottom:45px}.series-index-grid{grid-template-columns:1fr}.series-index-card .series-cover{height:220px}}