.intro{--intro-bg:#fff;--intro-fg:#000;--intro-dim:#6a6a6a;--intro-exit-bg:#000;--intro-exit-fg:#fff;--intro-iris:#fff3;background:var(--intro-bg);height:540vh;position:relative}.intro[data-tone=black]{--intro-bg:#000;--intro-fg:#fff;--intro-dim:#8f8f8f;--intro-exit-bg:#fff;--intro-exit-fg:#000;--intro-iris:#0000009e}.intro-pozornica{background:var(--intro-bg);height:100dvh;position:sticky;top:0;overflow:hidden}.intro-pozornica>*{position:absolute;inset:0}.intro-gl{width:100%;height:100%;display:block}.intro-gotov .intro-gl{visibility:hidden}.intro-rijec{pointer-events:none;width:100%;height:100%}.intro-rijec path{fill:var(--intro-fg)}.intro-iris{pointer-events:none;display:none}.intro[data-mode="2d"] .intro-iris{display:block}.intro[data-mode="2d"] .intro-gl{display:none}.intro-izlaz{background:var(--intro-exit-bg);color:var(--intro-exit-fg);overflow:hidden}html.js .intro-izlaz{clip-path:circle(0)}.intro-izlaz-sadrzaj{opacity:0;height:100%}html:not(.js) .intro-izlaz-sadrzaj{opacity:1}.intro-izlaz .hero{height:100%;min-height:100%}.intro-hint{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));letter-spacing:.16em;text-transform:uppercase;color:var(--intro-dim);pointer-events:none;flex-direction:column;align-items:center;gap:12px;font-size:.75rem;display:flex;inset:auto 0 0}.intro-hint i{background:linear-gradient(var(--intro-fg), transparent);transform-origin:top;width:1px;height:38px;animation:2.4s cubic-bezier(.6,0,.2,1) infinite intro-drop;display:block}@keyframes intro-drop{0%{transform:scaleY(0)}55%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.intro-preskoci{inset:auto clamp(14px, 3vw, 28px) calc(18px + env(safe-area-inset-bottom,0px)) auto;z-index:20;letter-spacing:.04em;min-height:40px;color:var(--intro-fg);border:1px solid color-mix(in srgb, var(--intro-fg) 22%, transparent);background:color-mix(in srgb, var(--intro-bg) 55%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-radius:999px;padding:0 16px;font-size:.8rem;transition:opacity .3s,visibility .3s,color .3s,border-color .3s,background-color .3s;position:fixed}.intro-preskoci.izlaz{color:var(--intro-exit-fg);border-color:color-mix(in srgb, var(--intro-exit-fg) 22%, transparent);background:color-mix(in srgb, var(--intro-exit-bg) 55%, transparent)}.intro-preskoci[hidden]{opacity:0;visibility:hidden;display:block}html:not(.js) .intro{height:auto}html:not(.js) .intro-pozornica{background:var(--intro-exit-bg);height:auto;position:static;overflow:visible}html:not(.js) .intro-pozornica>*{position:static}html:not(.js) .intro-gl,html:not(.js) .intro-rijec,html:not(.js) .intro-iris,html:not(.js) .intro-hint,html:not(.js) .intro-preskoci{display:none}@media (prefers-reduced-motion:reduce){.intro-hint i{animation:none}}