.nardora-splash {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: clamp(14px, 3dvh, 24px);
    overflow: hidden;
    padding:
        max(18px, env(safe-area-inset-top))
        max(18px, env(safe-area-inset-right))
        max(18px, env(safe-area-inset-bottom))
        max(18px, env(safe-area-inset-left));
    color: #f2ebc9;
    text-align: center;
    background:
        radial-gradient(circle at 50% 42%, rgba(22, 92, 80, 0.38), transparent 42%),
        linear-gradient(145deg, #061412 0%, #0b2522 54%, #040b09 100%);
    opacity: 0;
    transition: opacity 280ms ease;
}

.nardora-splash--visible { opacity: 1; }
.nardora-splash--leaving { opacity: 0; pointer-events: none; }

.nardora-splash__crest {
    display: block;
    width: min(76vw, 560px);
    max-height: min(72dvh, 620px);
    object-fit: contain;
    border-radius: clamp(18px, 4vw, 34px);
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.36);
    transform: translateY(8px) scale(0.96);
    opacity: 0;
    animation: nardora-crest-in 680ms cubic-bezier(.2, .8, .2, 1) forwards;
}

.nardora-splash__footer {
    width: min(76vw, 420px);
    display: grid;
    gap: 12px;
}

.nardora-splash__motto {
    margin: 0;
    color: rgba(242, 235, 201, 0.9);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(0.9rem, 3.6vw, 1.08rem);
    font-style: italic;
}

.nardora-splash__loader {
    width: 100%;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
}

.nardora-splash__loader span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #8c641a, #f6e27a, #d4af37);
    transform-origin: left;
    animation: nardora-load 1.75s ease-out forwards;
}

@keyframes nardora-crest-in {
    to { transform: translateY(0) scale(1); opacity: 1; }
}

@keyframes nardora-load {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

@media (max-width: 600px) and (orientation: portrait) {
    .nardora-splash {
        gap: 18px;
    }

    .nardora-splash__crest {
        width: min(86vw, 520px);
        max-height: 68dvh;
    }

    .nardora-splash__footer {
        width: min(78vw, 360px);
    }
}

@media (max-height: 600px) and (orientation: landscape) {
    .nardora-splash {
        grid-template-columns: minmax(0, 1fr) minmax(210px, 0.62fr);
        gap: 22px;
    }

    .nardora-splash__crest {
        width: auto;
        height: min(88dvh, 520px);
        max-height: 88dvh;
    }

    .nardora-splash__footer {
        width: min(34vw, 340px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nardora-splash,
    .nardora-splash * {
        animation: none !important;
        transition-duration: 1ms !important;
    }

    .nardora-splash__crest {
        transform: none;
        opacity: 1;
    }

    .nardora-splash__loader span {
        transform: none;
    }
}