/* STUDIOFENCE 11 — quiet work index with real photographs, not decorative thumbnails. */
.work-list .work-row.sf11-with-thumb {
  grid-template-columns:36px 112px minmax(0,1fr) minmax(180px,29%) !important;
  column-gap:clamp(16px,1.5vw,27px) !important;
  align-items:center !important;
  padding:18px 12px !important;
  min-height:112px;
}
.work-list .work-row.sf11-with-thumb > .num {grid-column:1;grid-row:1;align-self:center;}
.work-list .work-row.sf11-with-thumb > .sf11-work-thumb {
  grid-column:2;grid-row:1;display:block;width:112px;height:78px;
  overflow:hidden;background:#eee;align-self:center;
}
.work-list .work-row.sf11-with-thumb .sf11-work-thumb img {
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
  filter:none;transition:transform .45s cubic-bezier(.2,.7,.25,1);
}
.work-list .work-row.sf11-with-thumb > .work-name {grid-column:3;grid-row:1;font-size:clamp(17px,1.6vw,21px)!important;align-self:center;}
.work-list .work-row.sf11-with-thumb > .work-type {grid-column:4;grid-row:1;align-self:center;min-width:0;}
@media(hover:hover) and (pointer:fine){
  .work-list .work-row.sf11-with-thumb:hover .sf11-work-thumb img {transform:scale(1.035);}
}
@media(max-width:900px){
  .work-list .work-row.sf11-with-thumb{
    grid-template-columns:27px 90px minmax(0,1fr) !important;
    column-gap:14px !important;row-gap:3px !important;
    align-items:start !important;padding:18px 5px!important;min-height:116px;
  }
  .work-list .work-row.sf11-with-thumb > .num {grid-column:1;grid-row:1 / 3;margin-top:6px;}
  .work-list .work-row.sf11-with-thumb > .sf11-work-thumb {grid-column:2;grid-row:1 / 3;width:90px;height:78px;}
  .work-list .work-row.sf11-with-thumb > .work-name {grid-column:3;grid-row:1;align-self:end;}
  .work-list .work-row.sf11-with-thumb > .work-type {grid-column:3;grid-row:2;align-self:start;}
}
@media(max-width:520px){
  .work-list .work-row.sf11-with-thumb {
    grid-template-columns:20px 80px minmax(0,1fr) !important;
    column-gap:11px!important;row-gap:5px!important;
    padding:16px 2px!important;min-height:105px;
  }
  .work-list .work-row.sf11-with-thumb > .sf11-work-thumb {width:80px;height:72px;}
  .work-list .work-row.sf11-with-thumb > .work-name {font-size:16px!important;line-height:1.35!important;}
  .work-list .work-row.sf11-with-thumb > .work-type {font-size:10px!important;line-height:1.55!important;}
  .work-list .work-row.sf11-with-thumb .sf28-award-context {line-height:1.45;}
}
@media(prefers-reduced-motion:reduce){
  .work-list .work-row.sf11-with-thumb .sf11-work-thumb img{transition:none!important;transform:none!important;}
}