/* Photography connects the interactive foreground to the corporate setting. */
.home-page .ecosystem-section > .scene-image {
  height: min(100%, 1150px);
  opacity: .38;
  object-position: 70% top;
  mask-image: linear-gradient(#000 0%, #000 64%, transparent 100%);
}

.home-page .ecosystem-section > .scene-shade {
  background: linear-gradient(90deg, rgba(4, 13, 36, .8), rgba(4, 13, 36, .24) 74%),
    linear-gradient(180deg, rgba(4, 13, 36, .22), rgba(4, 13, 36, .65) 1000px, #040d24 1200px);
}

.international-section {
  position: relative;
  isolation: isolate;
  margin-left: calc(-1 * var(--edge));
  margin-right: calc(-1 * var(--edge));
  padding: 90px var(--edge) 86px;
  border-top: 0;
}

.international-background {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% center;
  pointer-events: none;
}

.international-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(4, 13, 36, .81), rgba(4, 13, 36, .37) 75%),
    linear-gradient(180deg, #040d24, rgba(4, 13, 36, .13) 20%, rgba(4, 13, 36, .24) 70%, #040d24);
  pointer-events: none;
}

.international-heading {
  text-shadow: 0 2px 20px rgba(0, 0, 0, .4);
}

.international-heading > p:last-child {
  color: #e1e8f5;
}

.international-map-frame {
  background: radial-gradient(ellipse at 46% 52%, rgba(32, 74, 151, .25), transparent 69%), rgba(5, 17, 40, .79);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .2);
}

.international-panel {
  background: rgba(7, 22, 48, .86);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .22);
}

.home-page .scene-delivery > .scene-image {
  object-position: 72% center;
  filter: none;
}

.home-page .scene-delivery > .scene-shade {
  background: linear-gradient(90deg, rgba(2, 9, 24, .88) 0%, rgba(2, 9, 24, .64) 48%, rgba(2, 9, 24, .13) 84%),
    linear-gradient(180deg, rgba(4, 13, 36, .78), transparent 22%, rgba(4, 13, 36, .55));
}

@media (max-width: 760px) {
  .home-page .ecosystem-section > .scene-image {
    height: 1100px;
    opacity: .32;
    object-position: 65% top;
  }

  .international-section {
    padding-top: 66px;
    padding-bottom: 64px;
  }

  .international-background {
    object-position: 74% center;
  }

  .international-section::before {
    background: linear-gradient(90deg, rgba(4, 13, 36, .7), rgba(4, 13, 36, .42)),
      linear-gradient(180deg, #040d24, rgba(4, 13, 36, .15) 16%, rgba(4, 13, 36, .24) 72%, #040d24);
  }

  .home-page .scene-delivery > .scene-image {
    object-position: 78% center;
  }

  .home-page .scene-delivery > .scene-shade {
    background: linear-gradient(90deg, rgba(2, 9, 24, .81), rgba(2, 9, 24, .44)),
      linear-gradient(180deg, rgba(4, 13, 36, .65), transparent 18%, rgba(4, 13, 36, .75));
  }
}