/* Load after page styles. Existing photographic layers only; no motion or new panels. */
.segment-page .scene,
.home-page .scene-structure,
.contact-page .contact-main {
  --continuity-edge: linear-gradient(180deg,
    #06112f 0,
    rgba(6, 17, 47, .5) 28px,
    rgba(6, 17, 47, 0) 120px,
    rgba(6, 17, 47, 0) calc(100% - 150px),
    rgba(6, 17, 47, .65) calc(100% - 40px),
    #06112f 100%);
}

/* Preserve the native warmth, skin tones and blue details of each photograph. */
.segment-page .scene > .scene-image,
.home-page .scene-structure > .scene-image {
  filter: none;
}

/* First and third scenes reserve the quiet left-hand area for the text. */
.segment-page .scene.scene-business > .scene-shade,
.segment-page .scene.scene-technology > .scene-shade {
  background:
    linear-gradient(90deg,
      rgba(6, 17, 47, .84) 0%,
      rgba(6, 17, 47, .72) 30%,
      rgba(6, 17, 47, .4) 53%,
      rgba(6, 17, 47, .12) 72%,
      rgba(6, 17, 47, .035) 100%),
    var(--continuity-edge);
}

/* Specialist activity stays visible to the left of the second scene's copy. */
.segment-page .scene.scene-structure > .scene-shade {
  background:
    linear-gradient(270deg,
      rgba(6, 17, 47, .85) 0%,
      rgba(6, 17, 47, .72) 30%,
      rgba(6, 17, 47, .32) 56%,
      rgba(6, 17, 47, .08) 78%,
      rgba(6, 17, 47, .035) 100%),
    var(--continuity-edge);
}

/* The brighter industrial photo needs extra contrast on its left-hand aisle. */
.segment-page .scene.scene-business:has(> .scene-image[src*="technology-operations"]) > .scene-shade {
  background:
    linear-gradient(90deg,
      rgba(6, 17, 47, .89) 0%,
      rgba(6, 17, 47, .8) 30%,
      rgba(6, 17, 47, .48) 53%,
      rgba(6, 17, 47, .1) 74%,
      rgba(6, 17, 47, .025) 100%),
    var(--continuity-edge);
}

/* Home scope is intentionally limited to the business-context scene. */
.home-page .scene-structure > .scene-shade {
  background:
    linear-gradient(270deg,
      rgba(6, 17, 47, .91) 0%,
      rgba(6, 17, 47, .81) 32%,
      rgba(6, 17, 47, .49) 57%,
      rgba(6, 17, 47, .18) 78%,
      rgba(6, 17, 47, .07) 100%),
    var(--continuity-edge);
}

/* Small text-level cues connect the foreground to the brand without a card. */
.segment-page .scene > .scene-content,
.home-page .scene-structure > .scene-content {
  text-shadow: 0 2px 15px rgba(1, 7, 20, .38);
}

.segment-page .scene .eyebrow,
.home-page .scene-structure .eyebrow {
  color: #c4d5f4;
}

.segment-page .scene .service-list li,
.home-page .scene-structure .service-list li {
  border-top-color: rgba(192, 213, 250, .34);
}

.segment-page .scene > .scene-footnote,
.home-page .scene-structure > .scene-footnote {
  color: rgba(225, 234, 251, .74);
  text-shadow: 0 1px 8px rgba(1, 7, 20, .4);
}

/* Contact uses its existing veil; the form and its visual surface are untouched. */
.contact-page .contact-main::before {
  background:
    linear-gradient(90deg,
      rgba(6, 17, 47, .67) 0%,
      rgba(6, 17, 47, .48) 36%,
      rgba(6, 17, 47, .16) 68%,
      rgba(6, 17, 47, .045) 100%),
    var(--continuity-edge);
}

@media (max-width: 1000px) {
  /* The right-aligned desktop content switches to the left at this breakpoint. */
  .segment-page .scene.scene-structure > .scene-shade {
    background:
      linear-gradient(90deg,
        rgba(6, 17, 47, .8) 0%,
        rgba(6, 17, 47, .67) 42%,
        rgba(6, 17, 47, .34) 74%,
        rgba(6, 17, 47, .16) 100%),
      var(--continuity-edge);
  }
}

@media (max-width: 760px) {
  .segment-page .scene.scene-business > .scene-shade,
  .segment-page .scene.scene-structure > .scene-shade,
  .segment-page .scene.scene-technology > .scene-shade,
  .segment-page .scene.scene-business:has(> .scene-image[src*="technology-operations"]) > .scene-shade {
    background:
      linear-gradient(90deg, rgba(6, 17, 47, .61), rgba(6, 17, 47, .32)),
      linear-gradient(180deg,
        rgba(6, 17, 47, .15) 0%,
        rgba(6, 17, 47, .36) 28%,
        rgba(6, 17, 47, .63) 62%,
        rgba(6, 17, 47, .82) 88%),
      var(--continuity-edge);
  }

  .home-page .scene-structure > .scene-shade {
    background:
      linear-gradient(90deg, rgba(6, 17, 47, .7), rgba(6, 17, 47, .44)),
      linear-gradient(180deg, rgba(6, 17, 47, .22), rgba(6, 17, 47, .8) 75%),
      var(--continuity-edge);
  }

  .contact-page .contact-main::before {
    background:
      linear-gradient(90deg, rgba(6, 17, 47, .63), rgba(6, 17, 47, .4)),
      linear-gradient(180deg,
        rgba(6, 17, 47, .13) 0%,
        rgba(6, 17, 47, .38) 30%,
        rgba(6, 17, 47, .65) 66%,
        rgba(6, 17, 47, .8) 90%),
      var(--continuity-edge);
  }
}