/* Hybrid Workforce — FIG. 01 on /company.
   Canvas is 900 × 1200 design units (3:4). The SVG scales to the slot width;
   the four photos are HTML <img>s positioned in percentages of the same
   canvas and multiply-blended onto the warm-white ground. */
.hybrid-workforce {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;
  background: #F0F0F0;
  overflow: hidden;
  isolation: isolate;          /* keep the multiply blend inside the figure */
  contain: layout paint;
  container-type: inline-size;  /* lets the JS-off caption scale with the canvas */
}
.hybrid-workforce__photo {
  position: absolute;
  clip-path: inset(0 0 100% 0);
  opacity: 1;
  mix-blend-mode: multiply;    /* white in the processed PNGs becomes the ground */
  pointer-events: none;
}
.hybrid-workforce__photo img {
  position: absolute;
  left: 0; bottom: 0;
  width: 100%; height: 100%;
  object-fit: contain;
  object-position: center bottom;
  display: block;
}
.hybrid-workforce__svg {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  display: block;
}
/* JS-off fallback: the ground and the caption, placed where the SVG draws it
   (baseline at 40,1130 of 900×1200 → left 4.44 %, top 94.17 %). */
.hybrid-workforce__fallback {
  position: absolute;
  left: 4.4444%;
  top: 94.1667%;
  transform: translateY(-100%);
  font-family: "Space Mono", ui-monospace, monospace;
  font-weight: 700;
  font-size: 2cqw;             /* 18 px of a 900-unit canvas */
  letter-spacing: 0.14em;
  color: #4A4A4A;
  white-space: nowrap;
}