/* The picture story — the dark room. Full plates break out wider than the text column; halves pair, thirds go three
   to a row on one shared shape; a portrait or a lone picture sits beside its caption; then the contact sheet. */
.wrk-story .bdh-head{margin-bottom:clamp(40px,4.6vw,64px)}
.wrk-story__rows{display:flex;flex-direction:column;gap:clamp(44px,5.4vw,84px)}
.wrk-fig{margin:0;min-width:0}
.wrk-fig__ph{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--ink-2);aspect-ratio:var(--ar,1.5)}
.wrk-fig__cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:14px;font-size:var(--t-sm);line-height:1.55;color:var(--on-ink-2)}
.wrk-fig__n{font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--on-ink-3)}
.wrk-fig__t{flex:1 1 320px;max-width:72ch}
.wrk-fig__cap .wrk-credit{margin-left:auto}

/* full: a wide plate, wider than the text column on big screens */
.wrk-fig--full .wrk-fig__ph{width:min(100% - (var(--gutter) * 2),1520px);margin-inline:auto;border-radius:var(--r-xl)}

/* rows of halves and thirds share one shape */
.wrk-figrow{display:grid;gap:clamp(14px,1.8vw,26px)}
.wrk-figrow--pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.wrk-figrow--trio{grid-template-columns:repeat(3,minmax(0,1fr))}
.wrk-figrow .wrk-fig__ph{aspect-ratio:var(--ar)}
.wrk-figrow--trio .wrk-fig__t{flex-basis:100%}
.wrk-figrow--trio .wrk-fig__cap .wrk-credit{margin-left:0}

/* solo: the picture beside its caption */
.wrk-fig--solo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--bdh-gap);align-items:end}
.wrk-fig--solo .wrk-fig__ph{grid-column:1 / span 7}
.wrk-fig--solo.is-tall .wrk-fig__ph{grid-column:2 / span 5}
.wrk-fig--solo .wrk-fig__cap{grid-column:9 / -1;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 6px}
.wrk-fig--solo.is-tall .wrk-fig__cap{grid-column:8 / -1}
.wrk-fig--solo .wrk-fig__t{flex:none;font-family:var(--f-h);font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.45;color:var(--on-ink)}
.wrk-fig--solo .wrk-fig__cap .wrk-credit{margin-left:0}

/* the contact sheet */
.wrk-sheet2{margin-top:clamp(56px,6vw,96px);padding-top:28px;border-top:1px solid var(--on-ink-line)}
.wrk-sheet2__n{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;border-radius:var(--r-pill);background:var(--on-ink-card);
  box-shadow:inset 0 0 0 1px var(--on-ink-line);color:var(--on-ink-2);letter-spacing:.04em}
/* one picture takes the full row, two pair up, three make a trio, four or more a grid of squares */
.wrk-sheet2__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,16px)}
.wrk-sheet2__i{position:relative;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:var(--ink-2)}
.wrk-sheet2__grid--n1{grid-template-columns:minmax(0,1fr)}
.wrk-sheet2__grid--n1 .wrk-sheet2__i{aspect-ratio:21 / 9;border-radius:var(--r-lg)}
.wrk-sheet2__grid--n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wrk-sheet2__grid--n2 .wrk-sheet2__i{aspect-ratio:3 / 2}
.wrk-sheet2__grid--n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wrk-sheet2__grid--n3 .wrk-sheet2__i{aspect-ratio:4 / 3}
.wrk-sheet2__no{position:absolute;left:10px;bottom:10px;z-index:3;padding:3px 8px;border-radius:var(--r-pill);background:var(--paper);font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.06em;color:var(--ink);pointer-events:none}

@media (max-width:1023px){
  .wrk-fig--solo .wrk-fig__ph,.wrk-fig--solo.is-tall .wrk-fig__ph{grid-column:1 / span 7}
  .wrk-fig--solo .wrk-fig__cap,.wrk-fig--solo.is-tall .wrk-fig__cap{grid-column:8 / -1}
}
@media (max-width:760px){
  .wrk-figrow--trio{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wrk-figrow--trio .wrk-fig:last-child:nth-child(odd){grid-column:1 / -1}
  .wrk-fig--solo{grid-template-columns:minmax(0,1fr);row-gap:14px}
  .wrk-fig--solo .wrk-fig__ph,.wrk-fig--solo.is-tall .wrk-fig__ph,.wrk-fig--solo .wrk-fig__cap,.wrk-fig--solo.is-tall .wrk-fig__cap{grid-column:1 / -1}
  .wrk-fig--solo.is-tall .wrk-fig__ph{max-width:420px}
}
@media (max-width:760px){
  /* picture credits are links: a 44px target on touch screens, without changing the caption's rhythm */
  .wrk-fig__cap .wrk-credit a{padding-block:15px}             /* inline: a 44px target, the caption’s lines never move */
}
@media (max-width:640px){
  .wrk-figrow--pair,.wrk-figrow--trio{grid-template-columns:minmax(0,1fr)}
  .wrk-figrow--trio .wrk-fig:last-child:nth-child(odd){grid-column:auto}
  .wrk-fig--full .wrk-fig__ph{width:100%;border-radius:0;aspect-ratio:4 / 3}
  .wrk-sheet2__grid,.wrk-sheet2__grid--n3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wrk-sheet2__grid--n1{grid-template-columns:minmax(0,1fr)}
  .wrk-sheet2__grid--n1 .wrk-sheet2__i{aspect-ratio:4 / 3}
  .wrk-sheet2__grid--n2 .wrk-sheet2__i,.wrk-sheet2__grid--n3 .wrk-sheet2__i{aspect-ratio:1}
  .wrk-sheet2__grid--n3 .wrk-sheet2__i:last-child{grid-column:1 / -1;aspect-ratio:2 / 1}
  .wrk-fig__cap .wrk-credit{margin-left:0}
}