html.is-entering {
  overflow: hidden;
}
html.is-entering body > :not(#site-entrance) {
  visibility: hidden;
}
html.is-entering.entrance-revealing body > :not(#site-entrance) {
  visibility: visible;
}
#site-entrance {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  background: #101c24;
  color: #f6f8fa;
  opacity: 1;
  transition: opacity 350ms ease;
}
#site-entrance.is-leaving {
  opacity: 0;
}
#site-entrance canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.entrance-wordmark {
  position: relative;
  padding-left: 0.32em;
  font-family: Inter, Arial, sans-serif;
  font-size: clamp(23px, 4vw, 33px);
  font-weight: 400;
  letter-spacing: 0.32em;
  line-height: 1;
}
@media (prefers-reduced-motion: reduce) {
  #site-entrance {
    transition-duration: 120ms;
  }
}