.site-splash {
    position: fixed;
    inset: 0;
    z-index: 1600;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at top, rgba(58, 42, 34, 0.94) 0%, rgba(18, 15, 13, 0.98) 52%, rgba(8, 8, 8, 0.99) 100%);
    transition: opacity 240ms ease, visibility 240ms ease;
}

.site-splash[hidden] {
    display: none;
}

.site-splash.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.site-splash__inner {
    display: grid;
    justify-items: center;
    gap: 18px;
}

.site-splash__inner img {
    width: min(240px, 62vw);
    height: auto;
}

.site-splash__spinner {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.18);
    border-top-color: rgba(228, 177, 136, 0.92);
    animation: site-splash-spin 0.8s linear infinite;
}

@keyframes site-splash-spin {
    to {
        transform: rotate(360deg);
    }
}