/* R10: shared reference grid geometry, independent of source photo proportions. */
#work.case-gallery>.case-story:has(.reference-strip){
 --case-reference-gap:12px;
 --case-reference-width:calc((var(--case-photo-height) - var(--case-reference-gap))*.65 + var(--case-reference-gap));
 grid-template-columns:var(--case-reference-width) minmax(0,1fr);
}
#work .case-context .reference-strip{
 width:100%;height:var(--case-photo-height);gap:var(--case-reference-gap)!important;
 grid-template-columns:repeat(2,minmax(0,1fr));
 grid-template-rows:repeat(2,minmax(0,1fr));
}
#work .case-context .reference-strip .image-open{
 width:100%!important;min-width:0;max-width:100%;height:100%!important;
}
#work .case-context .reference-strip img{
 width:100%!important;height:100%!important;max-width:100%!important;
 object-fit:cover!important;object-position:center;
}
@media(max-width:767px){
 #work.case-gallery>.case-story:has(.reference-strip){grid-template-columns:minmax(0,1fr)}
 #work .case-context .reference-strip{
  display:grid;overflow:visible;height:calc((100cqw - var(--case-reference-gap))/.65 + var(--case-reference-gap));
 }
}
/* These four supplied previews contain a white strip above the photograph.
   Clip that strip in the thumbnail only; full originals remain unchanged. */
#work .case-story[data-case="8"] .reference-strip .image-open img{
 height:103.2%!important;transform:translateY(-3.1007751938%)!important;
}