/* The decorative surface covers the document top through the history seam. */
body.spatial-home { position: relative; isolation: isolate; display: flow-root; }
.hero-letter-bg { display: none; }
body.spatial-home > .hero-letter-bg:not([hidden]) {
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--hero-letter-height, 100vh);
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #ffffff;
  pointer-events: none;
  user-select: none;
}
.hero-letter-bg[hidden] { display: none !important; }
.hero-letter-bg, .hero-letter-bg * { pointer-events: none !important; }
body.spatial-home > #main, body.spatial-home > .site-footer { position: relative; z-index: 1; }
/* Navigation keeps its existing sticky position and z-index: 30. */
@media print { .hero-letter-bg { display: none !important; } }