/* Centered loading logo */
.loading-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: block;
    height: auto;
    width: min(60vw, 260px);
    max-height: min(35vh, 260px);
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

@media (max-width:480px) {
    .loading-logo {
        width: min(65vw, 220px);
        max-height: 28vh;
    }
}

.loading-logo.fade-out {
    opacity: 0;
    transition: opacity .25s ease;
}