/* Osnova za zakacene scene. Bez JS-a i uz prefers-reduced-motion nema klase .ima-scene:
   sekcije su obican tok, svi koraci se vide jedan ispod drugog. Ne menjaj ovaj fajl; stil pisi u svom. */
.scena{position:relative}
.scena__kadar{position:relative}
.slojevi{display:grid}
/* Put skrola kroz scenu: 36svh po koraku (kratko, da listanje reaguje odmah). */
.ima-scene .scena{height:calc(100vh + var(--koraka,3)*36vh);height:calc(100svh + var(--koraka,3)*36svh)}
.ima-scene .scena[data-koraka="1"]{--koraka:1}
.ima-scene .scena[data-koraka="2"]{--koraka:2}
.ima-scene .scena[data-koraka="3"]{--koraka:3}
.ima-scene .scena[data-koraka="4"]{--koraka:4}
.ima-scene .scena[data-koraka="5"]{--koraka:5}
.ima-scene .scena[data-koraka="6"]{--koraka:6}
.ima-scene .scena[data-koraka="7"]{--koraka:7}
.ima-scene .scena[data-koraka="8"]{--koraka:8}
.ima-scene .scena__kadar{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.ima-scene .slojevi>*{grid-area:1/1}
.ima-scene [data-korak],.ima-scene [data-od]{opacity:0;visibility:hidden;transition:opacity .32s ease,transform .42s cubic-bezier(.2,.7,.2,1),visibility 0s linear .32s}
.ima-scene [data-korak].je-aktivan,.ima-scene [data-od].je-aktivan{opacity:1;visibility:visible;transition-delay:0s}
.ima-js .pojava{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.ima-js .pojava--vidi{opacity:1;transform:none}
[data-napredak]{position:fixed;left:0;top:0;z-index:60;width:100%;height:3px;transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
html:not(.ima-js) [data-napredak]{display:none}
@media (prefers-reduced-motion:reduce){.ima-js .pojava{opacity:1!important;transform:none!important;transition:none!important}[data-napredak]{display:none}}