.stage { min-height: 100svh; padding: 23px 32px 30px 24px; display: flex; }
    .panel { background: #f5f3ee; border-radius: 64px; width: 100%; max-width: 1920px; margin: auto; min-height: calc(100svh - 53px); display: grid; place-items: center; overflow: hidden; }
    .logo-space { width: 842px; height: 163px; position: relative; }
    .logo { width: 842px; height: 163px; position: relative; transform-origin: top left; }
    .logo img { display: block; width: 100%; height: 100%; }
    .logo-icon { position: absolute; left: -4.43px; top: 39.64px; width: 117.219px; height: 105.152px; }
    .house { position: absolute; inset: 3.69% 4.66% 3.33% 4.04%; }
    .house-art { position: absolute; inset: -4.05% -3.7%; }
    .person { position: absolute; left: 20.59px; top: 26.32px; width: 75.311px; height: 75.311px; mix-blend-mode: luminosity; }
    .cross { position: absolute; inset: 71.53% 29.45% 10.88% 54.77%; mix-blend-mode: luminosity; }
    .logo-wordmark { position: absolute; left: 119.68px; top: 39.94px; width: 721.05px; height: 136.161px; }
    .logo > .logo-icon, .logo > .logo-wordmark { animation-iteration-count: 1; animation-fill-mode: both; }
    /* Finish the two-second entrance, then reveal the Loader's green artwork. */
    .green-fill { position: absolute; left: -15px; top: 0; width: 857px; height: 176.101px; clip-path: inset(0 100% 0 0); animation: fill-green 1.2s ease-in-out 2s both; }
    .green-fill .logo-icon { left: 10.57px; }
    .green-fill .logo-wordmark { left: 134.68px; }
    @keyframes fill-green { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
    @media (prefers-reduced-motion: reduce) {
      .logo > .logo-icon, .logo > .logo-wordmark, .green-fill { animation: none; }
      .green-fill { clip-path: inset(0); }
    }
    @media (max-width: 600px) { .stage { padding: 12px; } .panel { min-height: calc(100svh - 24px); border-radius: 32px; } }
  
.stage { position:fixed; inset:0; z-index:100; background:#fff; margin:0; transition:transform 900ms cubic-bezier(.76,0,.24,1), visibility 900ms; }
.stage.leaving { transform:translateY(-105%); visibility:hidden; }
body.intro-active { overflow:hidden; }
#phoneStage, .val, .step, .hill { translate:0 var(--parallax-y, 0px); }
#waitlist-content { transition:opacity 800ms ease, translate 900ms cubic-bezier(.22,1,.36,1); }
.intro-active #waitlist-content { opacity:0; translate:0 40px; }
@media(prefers-reduced-motion:reduce) { .stage, #phoneStage, .val, .step, .hill { translate:0 var(--parallax-y, 0px); }
#waitlist-content { transition:none; } }