/* One frame ratio per image row. The inner viewport preserves the original
   collage crop, then scales it uniformly to cover the outer frame. */
#jw-main .jw-source-photo,
#jw-main .jw-making-photo {
  position:relative;
  overflow:hidden;
  height:auto;
  aspect-ratio:var(--frame-ratio,var(--crop-ratio))!important;
}
.jw-photo-window {
  position:absolute;
  left:50%;
  top:50%;
  width:max(100%,calc(100% * var(--crop-ratio) / var(--frame-ratio,var(--crop-ratio))));
  transform:translate(-50%,-50%);
  overflow:hidden;
}
.jw-site .jw-source-photo .jw-photo-window img {top:var(--source-top)}
.jw-about-small .jw-source-photo,
.jw-dealer-small-photos .jw-source-photo,
.jw-solution-engineering-photos>div:last-child .jw-source-photo,
.jw-factory-strip .jw-source-photo,
.jw-detail-factory-grid .jw-source-photo,
.jw-company-team-grid .jw-source-photo,
.jw-company-workshop-grid .jw-source-photo,
.jw-making-secondary .jw-making-photo {--frame-ratio:1.55}
.jw-company-workshop-grid .jw-company-wide .jw-source-photo {--frame-ratio:1.73}
.jw-detail-sample-grid .jw-source-photo {--frame-ratio:1.3;margin-block:0}
.jw-partner-photo {--frame-ratio:1.8}
.jw-dealer-support-photo>.jw-source-photo {--frame-ratio:1.38}
.jw-solution-app-photo>.jw-source-photo {--frame-ratio:1.3;width:100%}
.jw-dealer-sales-photo img {object-fit:cover}
/* Keep workshop rows equal even where the previous layout used unequal columns. */
.jw-site .jw-making-photos {display:block}
.jw-site .jw-making-secondary {display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.jw-site .jw-making-secondary figure:last-child {display:block}