/* Cinematic logo splash shown from first paint until the Blazor circuit is
   interactive (splash.js reveals it via GSAP and hides it via antologaHideSplash,
   called from antologaReady in site.js). */

/* Corporate fonts embedded here (absolute paths) so the splash is self-contained
   and the tagline renders in-brand even before app.css cascades. Mirrors the
   @font-face declarations in app.css. Inter = headings/tagline, Nunito = body. */
@font-face {
    font-family: Inter;
    src: url('/fonts/Inter-VariableFont.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: Nunito;
    src: url('/fonts/Nunito-VariableFont.ttf') format('truetype');
    font-display: swap;
}
#splash-screen {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: #f8f8f8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

#splash-logo {
    width: min(374px, 66.3vw); /* base 440px/78vw scaled down 15% */
    height: auto;
    /* Hidden until the GSAP timeline primes the from-states (avoids a flash of the
       fully-drawn logo). showStatic() / the timeline set visibility back on. */
    visibility: hidden;
    overflow: visible;
}

/* Matches .login-tagline (login.css): Inter, thin, uppercase, wide tracking, dark. */
#splash-tagline {
    margin: 1.75rem 0 0;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: clamp(0.66rem, 1.8vw, 0.78rem); /* login-tagline size +20% */
    font-weight: 400;
    letter-spacing: 0.175rem;
    text-transform: uppercase;
    color: var(--text-dark, #282828);
    opacity: 0;
    transform: translateY(10px);
}

@media (max-width: 480px) {
    #splash-tagline {
        font-size: 0.66rem;
        letter-spacing: 0.125rem;
    }
}

#splash-screen.splash-exit {
    opacity: 0;
    transition: opacity 0.5s ease;
}