/* FlowStation hero display only: project the existing full-resolution UI in
   the browser instead of resampling the UI into the background photograph.
   Match the original cover crop (center / 60%) and mobile 135% image box. */
.product-page .pf-flowstation .pf-hero-flowstation .flow-hero-imagebox {
  position:absolute; inset:0; container-type:size; pointer-events:none;
}
.product-page .pf-flowstation .pf-hero-flowstation .flow-hero-device-stage {
  position:absolute; width:max(100cqw,150cqh); height:max(66.6666667cqw,100cqh);
  left:50%; top:60%; transform:translate(-50%,-60%); isolation:isolate;
}
.product-page .pf-flowstation .pf-hero-flowstation .flow-hero-device-stage > img {
  position:absolute; inset:0; width:100%; height:100%; max-width:none;
  object-fit:fill; object-position:center; transform:none;
}
.product-page .pf-flowstation .pf-hero-flowstation .pf-screen-plane.flow-hero-screen {
  position:absolute; top:0; left:0; width:100%; height:auto;
  aspect-ratio:1784 / 1078; overflow:hidden; transform-origin:0 0;
  visibility:hidden; background:#f4f7fa; z-index:1;
}
.product-page .pf-flowstation .pf-hero-flowstation .pf-screen-plane.flow-hero-screen[data-projection-state="mapped"] {
  visibility:visible;
}
.product-page .pf-flowstation .pf-hero-flowstation .flow-hero-screen > img {
  position:absolute; inset:0; width:100%; height:100%; max-width:none;
  object-fit:contain; object-position:center; transform:none;
}
@media(max-width:800px) {
  .product-page .pf-flowstation .pf-hero-flowstation .flow-hero-imagebox {
    width:135%; transform:translateX(-25.9%);
  }
}
/* Only the journey photo: fill the height set by the unchanged right column. */
@media(min-width:981px) {
  .product-page .pf-flowstation #operations .pf-staff-visual {
    align-self:stretch; position:relative;
  }
  .product-page .pf-flowstation #operations .pf-staff-visual > .pf-flow-device {
    position:absolute; inset:0; aspect-ratio:auto;
  }
}
/* Keep the existing stacked layout, with a slightly taller photo crop. */
@media(max-width:980px) {
  .product-page .pf-flowstation #operations .pf-staff-visual > .pf-flow-device {
    aspect-ratio:1448 / 1180;
  }
}