/* ========== UVODNA ANIMACIJA ========== */
.uvod {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: #000;
    display: grid;
    place-items: center;
    animation: uvodVan 0.3s ease 1.5s forwards;
}

.uvod-obris,
.uvod-logo {
    grid-area: 1 / 1;
    width: min(80vw, 60vh);
    height: min(80vw, 60vh);
}

.uvod-obris {
    fill: none;
    stroke: #f7931e;
    stroke-width: 10;
    stroke-linejoin: round;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: uvodCrtaj 0.9s ease-in-out forwards, uvodVan 0.3s ease 0.8s forwards;
}

.uvod-logo {
    opacity: 0;
    animation: uvodUnutra 0.3s ease 0.8s forwards;
}

@keyframes uvodCrtaj { to { stroke-dashoffset: 0; } }
@keyframes uvodUnutra { to { opacity: 1; } }
@keyframes uvodVan { to { opacity: 0; visibility: hidden; } }

/* Korisnik je u sustavu iskljucio animacije: bez uvoda. */
@media (prefers-reduced-motion: reduce) {
    .uvod { display: none; }
}