/* Instant FOUC prevention — load synchronously in <head> before main styles */
html {
    background-color: #030805 !important;
}

body {
    visibility: hidden;
}

/* Keep the cinematic overlay visible while the rest of body is hidden.
   Use visibility (not opacity) so the logo on #reveal-overlay can paint.
   Logo image itself lives in style.css — first paint already waits on it. */
#reveal-overlay {
    visibility: visible;
    position: fixed;
    inset: 0;
    z-index: 20005;
    pointer-events: none;
    background-color: #030805;
}