/* One complete scene replaces the former left, centre and right image stitch. */
.home-world {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: clamp(680px, 56.28vw, 950px);
  padding: calc(var(--header-h) + clamp(28px, 4vw, 58px)) 24px 40px;
  overflow: hidden;
  background-color: #dff3ff;
  background-image: var(--home-background);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-world .home-copy {
  position: relative;
  z-index: 1;
  width: min(540px, calc(100% - 24px));
  margin: 0 auto;
  padding: clamp(22px, 2.4vw, 34px);
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 28px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 18px 55px rgba(25, 68, 92, .16);
  backdrop-filter: blur(7px);
  transform: none;
}

@media (max-width: 820px) {
  .home-world {
    min-height: 760px;
    padding-top: calc(var(--header-h) + 34px);
    background-position: center bottom;
  }

  .home-world .home-copy {
    width: min(520px, calc(100% - 20px));
    padding: 24px;
    transform: none;
  }
}

@media (max-width: 540px) {
  .home-world {
    min-height: 720px;
    padding: calc(var(--header-h) + 24px) 10px 28px;
  }

  .home-world .home-copy {
    align-self: flex-start;
    width: calc(100% - 10px);
    padding: 22px 18px;
    border-radius: 22px;
  }
}