:root { color-scheme: dark; background: #000; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
#stage { position: fixed; inset: 0; display: grid; place-items: center; overflow: hidden; background: #000; }
#original-logo {
  display: block;
  width: min(94vw, 1672px);
  height: auto;
  max-height: 94dvh;
  object-fit: contain;
  animation: reveal 1.8s ease-out both, golden-light 9s ease-in-out 1.8s infinite;
}
/* Animate light on the supplied image, preserving every original contour. */
@keyframes reveal { from { opacity: 0; } to { opacity: 1; } }
@keyframes golden-light {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.18); }
}
@media (max-width: 600px) { #original-logo { width: 100vw; } }
@media (prefers-reduced-motion: reduce) { #original-logo { animation: none; } }