/* The selected agency archive keeps each film and its actual authorship together. */
#archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:40px;margin-top:10px}
#archive-list .archive-card{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:0 0 19px;border:0;border-bottom:1px solid #e6d4e633;text-align:left}
.archive-thumbnail{display:grid;place-items:center;position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:#201e25}
.archive-thumbnail img{width:100%;height:100%;object-fit:contain;transition:opacity .2s ease}
.archive-card:hover .archive-thumbnail img{opacity:.85}
.archive-thumbnail .archive-arrow{position:absolute;bottom:10px;right:10px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:17px;background:#f4f0e5;color:#28252a}
.archive-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-top:14px}
.archive-card .archive-title{font-size:17px;line-height:1.4;overflow-wrap:anywhere}
.archive-card .archive-title small{font-size:10px;line-height:1.5;letter-spacing:0;margin-top:6px}
.archive-card .archive-year{flex:none;font-size:10px;line-height:1.5;padding-top:4px;font-variant-numeric:tabular-nums}
.archive-card-credit{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-top:15px;padding-top:11px;border-top:1px solid #e6d4e61c}
.archive-card .archive-credit,.archive-card .archive-role{display:block;min-width:0;font-size:10px;line-height:1.6}
.archive-card .archive-role{text-align:right}
.archive-thumbnail-unavailable{padding:20px;font-size:12px}
#archive-list .archive-empty{grid-column:1/-1}
/* Mask only label pixels, on an exactly square image element. File bytes stay intact. */
.image-view-surface img.label-art{flex:none;max-width:100%;max-height:100%;aspect-ratio:1;object-fit:contain;background:none;filter:drop-shadow(0 5px 9px #242b1f12)}
@media(max-width:560px){
  #archive-list{grid-template-columns:minmax(0,1fr);row-gap:29px}
  #archive-list .archive-card{padding-bottom:18px}
  .archive-card .archive-title{font-size:18px}
  .archive-card .archive-credit,.archive-card .archive-role{font-size:11px}
  .archive-card .archive-year{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.archive-thumbnail img{transition:none}}

/* The work index uses the same quiet ground as the vertical gallery. */
#index-drawer{background:#faf9f6;color:#171717}
#index-drawer .agency{background:#faf9f6;color:#171717}
#index-drawer .agency-intro h2{color:#171717}
#index-drawer .agency :is(.section-kicker,.agency-context,.film-credit,.film-meta>span,.pillar-label>span,.pillar-description,.archive-heading>span,.archive-heading h3 span,.archive-meta,.archive-year,.archive-title small,.archive-credit,.archive-role,.archive-role small,.archive-credit-note,.search-field svg){color:#62615d}
#index-drawer .agency :is(.archive-heading,.archive-card,.archive-card-credit,.search-field,.year-field,.source-link){border-color:#17171724}
#index-drawer .agency :is(.archive-row:hover,.archive-meta button,.archive-empty){color:#171717}
#index-drawer .agency .search-field input::placeholder{color:#62615d}
#index-drawer .agency .year-field select option{background:#faf9f6;color:#171717}
#index-drawer .agency :is(.film-image,.archive-thumbnail){background:#eeedea}
#index-drawer .agency .film-play{color:#fff}