/* Construction intro (see js/build.js). Only active when <html> has .build-on. */
.build-on body::before {
  content: ""; position: fixed; inset: 0; z-index: 9998; pointer-events: none;
  background: #07080b; opacity: 1;
  transition: opacity 1.6s cubic-bezier(0.22, 1, 0.36, 1);
  animation: bld-fallback 0.6s 6s forwards; /* never leave the page black if the script fails */
}
.build-on.build-lift body::before { opacity: 0; }
@keyframes bld-fallback { to { opacity: 0; } }

.bld-canvas { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 9999; pointer-events: none; }

.build-on .reveal { opacity: 1; transform: none; transition: none; }
.bld-wait { visibility: hidden; }
.bld-wait.bld-live { visibility: visible; transition: none !important; will-change: transform, clip-path; }