/* MBMC brand logo — metallic mark on dark UI */
.nav-logo,
.footer-brand .nav-logo,
.loading-logo-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    line-height: 0;
}
.nav-logo img,
.footer-brand .nav-logo img,
.loading-logo-link img {
    display: block;
    height: 38px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    filter: drop-shadow(0 1px 8px rgba(var(--silver-rgb), 0.12));
}
.loading-logo-link {
    opacity: 0;
    animation: brandLogoFadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
}
.loading-logo-link img {
    height: 48px;
    max-width: 240px;
    filter: drop-shadow(0 2px 16px rgba(var(--silver-rgb), 0.18));
}
@keyframes brandLogoFadeIn {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}
.footer-brand .nav-logo img {
    height: 42px;
    margin-bottom: 16px;
}
.nav-logo span,
.footer-brand .nav-logo span {
    display: none;
}

.page-hero-logo {
    margin-bottom: 28px;
}
.page-hero-logo img {
    display: inline-block;
    height: 52px;
    width: auto;
    max-width: 260px;
    object-fit: contain;
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    filter: drop-shadow(0 2px 12px rgba(var(--silver-rgb), 0.15));
}

/* Loading screen — subtle metallic ambience behind logo */
.loading-screen {
    background:
        radial-gradient(ellipse 60% 40% at 50% 45%, rgba(var(--silver-rgb), 0.04) 0%, transparent 70%),
        var(--bg-primary) !important;
}