/* Original photographs sit behind native, editable content. Motion is capped at
   36px by motion.mjs; 48px of bleed keeps every edge covered while scrolling. */
.section.legacy-scene {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #07111a;
  color: #edf5fa;
}
.section.legacy-scene > .scene-image {
  position: absolute;
  inset: -48px 0;
  width: 100%;
  max-width: none;
  margin: 0 !important;
  transform: translateY(var(--scene-offset, 0px));
  pointer-events: none;
  z-index: -1;
}
.section.legacy-scene > .scene-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.section.legacy-scene > .scene-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #07111a40, transparent 30%, transparent 70%, #07111a66), linear-gradient(90deg, #07111aeb, #07111ac4);
}
.legacy-scene.innovation-note { border-top: 3px solid #8bcb42; border-bottom: 1px solid #234258; }
.legacy-scene.innovation-note h2,
.legacy-scene.service-section h2,
.legacy-scene.service-section h3 { color: #edf5fa; }
.legacy-scene.innovation-note .eyebrow { color: #6dd8ef; }
.legacy-scene.innovation-note .small-label { color: #bdced9; }
.legacy-scene .innovation-body { border-color: #6c92946b; }
.legacy-scene .innovation-body p,
.legacy-scene.service-section p { color: #d5e2ea; }
.legacy-scene.service-section .eyebrow { color: #8bcb42; }
.legacy-scene .service-cycle { background: #07111a59; border-color: #527486; }
.legacy-scene .service-cycle p { border-color: #527486; }

/* The annotated workshop, wires and numbered locations share one static plane. */
.connected-visual.scene .network-stage .workshop-visual img { transform: none; }

@media (max-width: 1023px), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .section.legacy-scene > .scene-image { transform: none !important; }
}
@media print {
  .section.legacy-scene { background: #fff; color: #111; }
}