/* ============ spaces ============ */
.spaces {
  position: relative; z-index: 1;
  height: 100dvh; overflow-y: auto;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
}
.space {
  position: relative;
  height: 100dvh;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.etch {
  position: absolute; top: calc(var(--menubar-h) + 18px); left: 6.5vw;
  font-size: 11.5px; font-weight: 600; letter-spacing: .17em; text-transform: uppercase;
  color: var(--frost-35);
  user-select: none; -webkit-user-select: none;
}

/* window entrance per space */
.space .window, .space .hero, .space .privacy-strip, .space .install-side, .space .colophon, .space .widgets {
  opacity: 0; transform: translateY(16px);
  transition: opacity .6s ease, transform .6s cubic-bezier(.2,.7,.25,1);
}
.space.seen .window, .space.seen .hero, .space.seen .privacy-strip, .space.seen .install-side, .space.seen .colophon, .space.seen .widgets {
  opacity: 1; transform: none;
}
.space.seen > *:nth-child(3) { transition-delay: .08s; }
.space.seen > *:nth-child(4) { transition-delay: .16s; }
.space.seen > *:nth-child(5) { transition-delay: .24s; }