/* HOME only: approved A prototype, without preview controls. */
.gr-home-loading {
  --gr-home-loader:ready;
  position:fixed; inset:0; z-index:1000; background:#020405;
  display:none; place-items:center; overflow:hidden;
  opacity:0; visibility:hidden; pointer-events:none;
}
.gr-home-loading-sheen {
  position:absolute; inset:-25%;
  background:linear-gradient(112deg,transparent 25%,#8a8f9b08 43%,#bdc1cc0c 48%,#726d9707 53%,transparent 68%);
  opacity:.65;
}
.gr-home-loading-logo {
  position:relative; width:min(480px,calc(100vw - 64px)); height:auto;
  max-height:30vh; object-fit:contain; opacity:0; filter:brightness(0) invert(1);
}
.gr-home-loading-boot .gr-home-loading {
  display:grid; visibility:visible; opacity:1; pointer-events:auto;
  animation:gr-home-loading-safe-exit 2500ms step-end forwards;
}
.gr-home-loading-running .gr-home-loading { animation:gr-home-loading-exit 1800ms ease both; }
.gr-home-loading-running .gr-home-loading-logo { animation:gr-home-loading-logo-enter 1800ms ease both; }
.gr-home-loading-running .gr-home-loading-sheen { animation:gr-home-loading-sheen 2800ms linear -550ms both; }
.gr-home-loading-boot .hero-title .title-line,
.gr-home-loading-boot .hero-art { opacity:0; }
@keyframes gr-home-loading-logo-enter { 0% { opacity:0; } 28%,63% { opacity:1; } 86%,100% { opacity:0; } }
@keyframes gr-home-loading-exit { 0%,68% { opacity:1; } 100% { opacity:0; } }
@keyframes gr-home-loading-sheen { from { transform:translate3d(-12%,-8%,0); opacity:.6; } to { transform:translate3d(12%,8%,0); opacity:.6; } }
@keyframes gr-home-loading-safe-exit { to { opacity:0; visibility:hidden; pointer-events:none; } }
@media(prefers-reduced-motion:reduce) {
  .gr-home-loading-boot .gr-home-loading { animation:none; opacity:0; visibility:hidden; pointer-events:none; }
  .gr-home-loading-boot .hero-title .title-line,
  .gr-home-loading-boot .hero-art { opacity:1; }
  .gr-home-loading-logo,.gr-home-loading-sheen { animation:none!important; }
}