/* Small, irregular squares carry the selected pixel texture through the diagrams. */
.platform-landing
  :is(
    .app-library,
    .layer-figure,
    .state-figure,
    .trace-figure,
    .queue-figure,
    .closing
  ) {
  position: relative;
  isolation: isolate;
}
.platform-landing .pixel-field {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  color: var(--ink);
  overflow: hidden;
}
.platform-landing .pixel-field:not(.dot-field) {
  mask-image: linear-gradient(
    180deg,
    transparent,
    #000 16%,
    #000 80%,
    transparent
  );
}
.platform-landing .hero-scene:after {
  background: linear-gradient(
    180deg,
    var(--paper),
    transparent 12%,
    transparent 88%,
    var(--paper)
  );
}
.platform-landing .state-vault:before {
  display: none;
}
@media (max-width: 640px) {
  .platform-landing .pixel-field:not(.dot-field) {
    opacity: 0.7;
  }
}