/* 3D garden city behind the homepage */
body.home-page {
  background-color: transparent;
  background-image: none;
}

.hero-world {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: #05070c;
  pointer-events: none;
}

.hero-world canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.hero-world__veil {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(
      to bottom,
      rgba(13, 17, 23, 0.2) 0%,
      rgba(13, 17, 23, 0.12) 40%,
      rgba(13, 17, 23, 0.38) 100%
    );
}

#root {
  position: relative;
  z-index: 1;
}

#header {
  min-height: 9.5rem;
}

@media (max-width: 767px) {
  #header {
    min-height: 8.25rem;
  }

  .hero-world__veil {
    background:
      linear-gradient(
        to bottom,
        rgba(13, 17, 23, 0.28) 0%,
        rgba(13, 17, 23, 0.2) 40%,
        rgba(13, 17, 23, 0.48) 100%
      );
  }
}