/* Figma 10245:3594: a 1920 × 1855 editorial scene. */
.prosperity.prosperity-story {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 1920 / 1855;
  padding: 0;
  overflow: hidden;
  isolation: isolate;
  color: #000;
  background: var(--surface, #fff);
}
.prosperity-story .prosperity-title {
  position: absolute;
  z-index: 3;
  inset: 10.416667vw auto auto 10.15625%;
  width: 47.864583%;
  font-size: 7.291667vw;
  font-weight: 500;
  line-height: 1;
  text-align: start;
  text-transform: uppercase;
}
.prosperity-story .prosperity-statement {
  position: absolute;
  z-index: 1;
  inset: 68.229167vw auto auto 14.635417%;
  width: 70.729167%;
  margin: 0;
  font-size: 3.333333vw;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
.prosperity-story.prosperity-scroll-ready .prosperity-statement {
  inset-block-start: 60.625vw;
}
.prosperity-story .prosperity-photo {
  position: absolute;
  z-index: 2;
  width: 31.302083%;
  margin: 0;
  overflow: hidden;
  pointer-events: none;
}
.prosperity-story .prosperity-photo img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.prosperity-story .prosperity-photo-day {
  inset: 19.791667vw auto auto 18.229167%;
  aspect-ratio: 601 / 412;
}
.prosperity-story .prosperity-photo-night {
  inset: 25.208333vw auto auto 55.78125%;
  aspect-ratio: 601 / 762;
}
.prosperity-photos-moving .prosperity-photo { will-change: transform; }
@media (max-width: 899px) {
  .prosperity.prosperity-story {
    aspect-ratio: auto;
    padding: 1px 24px 96px;
  }
  .prosperity-story .prosperity-title {
    inset: 72px 24px auto;
    width: auto;
    font-size: clamp(52px, 12vw, 76px);
  }
  .prosperity-story .prosperity-statement {
    position: relative;
    inset: auto;
    width: 100%;
    margin-top: calc(268px + 53.251248vw);
    font-size: clamp(24px, 3.9vw, 34px);
    line-height: 1.06;
  }
  .prosperity-story.prosperity-scroll-ready .prosperity-statement {
    inset-block-start: auto;
    margin-top: calc(200px + 53.251248vw);
  }
  .prosperity-story .prosperity-photo-day {
    inset: 150px auto auto 24px;
    width: 44%;
  }
  .prosperity-story .prosperity-photo-night {
    inset: 236px auto auto 52%;
    width: 42%;
  }
}