/* Dream World page: desktop measurements follow the 1920px mock-up.
   Title top spacing, banner height and form spacing can be adjusted here. */
.dreamworld-nav { position: relative; height: calc(78 * var(--u)); }
.dreamworld-content { padding-top: calc(88 * var(--u)); padding-bottom: calc(60 * var(--u)); }
.dreamworld-heading { position: relative; z-index: 27; margin: 0 auto calc(45 * var(--u)); width: calc(682 * var(--u)); }
.dreamworld-heading img { width: 100%; height: auto; }
.dreamworld-intro { position: relative; z-index: 27; min-height: calc(450 * var(--u)); background: url('../images/signup-banner.png') center / 100% 100% no-repeat; display: flex; align-items: center; }
.dreamworld-copy { width: calc(860 * var(--u)); margin-left: calc(50% - 396 * var(--u)); padding-block: calc(40 * var(--u)); font-size: calc(24 * var(--u)); font-weight: 700; line-height: 1.5; }
.dreamworld-copy p + p { margin-top: calc(36 * var(--u)); }
.dreamworld-signup { position: relative; z-index: 27; width: calc(792 * var(--u)); margin: calc(30 * var(--u)) auto 0; }
.signup-reassurance { font-size: calc(24 * var(--u)); font-weight: 700; text-align: center; color: #8690a0; line-height: 1.5; }
.dreamworld-signup .signup-form { margin-top: calc(24 * var(--u)); }
@media (max-width: 700px) {
  .dreamworld-nav { height: 88px; }
  .dreamworld-content { padding-top: 46px; padding-bottom: 40px; }
  .dreamworld-heading { width: min(682px, calc(100% - 40px)); margin-bottom: 30px; }
  .dreamworld-intro { min-height: 360px; background-size: auto 100%; }
  .dreamworld-copy { width: auto; margin: 0; padding: 55px 25px; font-size: 18px; line-height: 1.5; text-shadow: 0 1px 4px #101820; }
  .dreamworld-copy p + p { margin-top: 28px; }
  .dreamworld-signup { width: calc(100% - 48px); max-width: 450px; margin-top: 25px; }
  .signup-reassurance { font-size: 16px; }
  .dreamworld-signup .signup-form { margin-top: 24px; }
}