/* SITOX v15: two in-flow scenes. Existing motion-v3 handles the one-time reveal. */
.scene-flow__grid {
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  grid-template-areas:"image copy";
  gap:clamp(32px,4.5vw,64px);
  align-items:center;
}
.scene-flow--reverse .scene-flow__grid {
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  grid-template-areas:"copy image";
}
.scene-flow__copy { grid-area:copy; min-width:0; }
.scene-flow__figure { grid-area:image; margin:0; min-width:0; }
.scene-flow__frame {
  background:#dfe5e9;
  box-shadow:0 18px 40px -28px rgba(16,28,44,.4);
}
.scene-flow__frame .renderbild { aspect-ratio:3/2; object-fit:contain; }
/* Keep the complete composition visible, including on pointer hover. */
.scene-flow__frame:hover .renderbild { transform:none; }
.scene-flow__frame .bild-wasserzeichen {
  color:#fff;
  opacity:.68;
  text-shadow:0 1px 3px rgba(16,28,44,.7);
}
@media (max-width:59.99em) {
  .scene-flow .scene-flow__grid {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"copy" "image";
    gap:28px;
  }
  .scene-flow__copy { max-width:65ch; }
}
@media print {
  .scene-flow__frame { box-shadow:none; }
  .scene-flow__figure { break-inside:avoid; }
}