Bitka kod Siska 1593. | Dokumentarni film<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500&display=swap');\n\n :root {\n --gold: #d4a832;\n --red: #c0392b;\n --dark: #08070a;\n }\n\n * { margin:0; padding:0; box-sizing:border-box; }\n html, body { \n background: var(--dark); \n color: #f5f2ec; \n font-family: 'DM Sans', sans-serif; \n line-height: 1.75; \n overflow-x: hidden; \n width: 100%; \n min-height: 100vh; \n }\n\n \/* HEADER *\/\n header {\n position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n background: rgba(8,7,10,0.95); backdrop-filter: blur(8px);\n padding: 1rem 5%; display: flex; align-items: center; justify-content: space-between;\n border-bottom: 1px solid rgba(200,168,75,0.15);\n }\n .logo { font-family:'Bebas Neue',sans-serif; font-size:1.9rem; letter-spacing:0.1em; color:var(--gold); text-decoration:none; }\n .nav-links { display:flex; gap:2rem; font-size:0.95rem; letter-spacing:2px; text-transform:uppercase; }\n .nav-links a { color:rgba(245,242,236,0.85); text-decoration:none; transition:color 0.3s; }\n .nav-links a:hover { color:var(--gold); }\n .hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; }\n .hamburger span { width:28px; height:2px; background:#f5f2ec; }\n\n \/* Language *\/\n .lang-toggle button {\n padding:8px 16px; font-size:12px; font-weight:500; letter-spacing:2px; cursor:pointer; border:none;\n }\n .lang-toggle .active { background:var(--gold); color:#0a0a0a; }\n .lang-toggle button:not(.active) { background:transparent; color:#f5f2ec; border:1px solid rgba(245,242,236,0.3); }\n\n \/* Main content - no white frame *\/\n .doc-hero-content { position:relative; z-index:3; padding:0 5% 5rem; max-width:860px; }\n .doc-hero-meta { display:flex; gap:2rem; flex-wrap:wrap; margin-top:2rem; padding-top:2rem; border-top:1px solid rgba(200,168,75,0.2); }\n .doc-synopsis-grid { display:grid; grid-template-columns:1fr 1.7fr; gap:3rem; align-items:start; max-width:1200px; margin:0 auto; }\n .doc-premiere-grid-1 { display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; align-items:start; margin-bottom:3rem; }\n .doc-premiere-photos { display:grid; grid-template-columns:1fr 1fr; gap:6px; }\n .doc-premiere-grid-2 { display:grid; grid-template-columns:2fr 1fr; gap:2.5rem; align-items:center; }\n section { padding:60px 5% !important; }\n\n .slider-container { position:relative; overflow:hidden; background:#000; }\n .slider-track { display:flex; transition:transform 0.5s ease; }\n .slide-item { min-width:100%; position:relative; }\n .slide-item img { width:100%; height:500px; object-fit:cover; display:block; filter:sepia(0.15) contrast(1.05); }\n .slide-item img.poster { object-fit:contain; background:#0a0a0a; }\n .slide-caption { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to top, rgba(8,7,10,0.85) 0%, transparent 100%); padding:2rem 2rem 1.5rem; font-family:'DM Sans',sans-serif; font-size:13px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); }\n .slider-btn { position:absolute; top:50%; transform:translateY(-50%); background:rgba(212,168,50,0.15); border:1px solid rgba(212,168,50,0.4); color:var(--gold); width:48px; height:48px; font-size:1.2rem; cursor:pointer; z-index:10; display:flex; align-items:center; justify-content:center; transition:background 0.2s; }\n .slider-btn:hover { background:rgba(212,168,50,0.35); }\n .slider-prev { left:1rem; }\n .slider-next { right:1rem; }\n .slider-dots-row { display:flex; justify-content:center; gap:8px; margin-top:1rem; }\n .slider-dot { width:28px; height:3px; background:rgba(245,242,236,0.2); cursor:pointer; transition:background 0.3s, width 0.3s; border:none; }\n .slider-dot.active { background:var(--gold); width:48px; }\n\n \/* Accordion for Team *\/\n .acc-header {\n padding:1rem 1.2rem; cursor:pointer; background:rgba(200,168,75,0.03);\n border:1px solid rgba(200,168,75,0.2); margin-bottom:8px;\n display:flex; justify-content:space-between; align-items:center; font-size:1.05rem;\n }\n .acc-content { max-height:0; overflow:hidden; transition:max-height 0.4s ease; padding:0 1.2rem; }\n .acc-content.open { max-height:2800px; padding-bottom:1.5rem; }\n\n \/* Social buttons *\/\n .social-btn {\n display:inline-flex; align-items:center; gap:8px; padding:11px 24px;\n background:rgba(245,242,236,0.08); color:#f5f2ec; text-decoration:none;\n font-size:13px; letter-spacing:1px; border:1px solid rgba(212,168,50,0.3); transition:all 0.3s;\n }\n .social-btn:hover { background:var(--gold); color:#0a0a0a; }\n\n @media (max-width:992px) {\n .nav-links { display:none; position:absolute; top:100%; left:0; right:0; background:#08070a; flex-direction:column; padding:1rem 5%; gap:1.2rem; }\n .nav-links.active { display:flex; }\n .hamburger { display:flex; }\n }\n @media (max-width:768px) {\n .doc-hero-content { padding:100px 5% 4rem !important; }\n .doc-synopsis-grid { grid-template-columns:1fr !important; gap:2rem !important; }\n .doc-premiere-grid-1, .doc-premiere-grid-2 { grid-template-columns:1fr !important; gap:2rem !important; }\n .slide-item img { height:260px !important; }\n .slider-btn { width:36px; height:36px; font-size:1rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n<header>\n <a href=\"#\" class=\"logo\">KLEOS DIGIAL<\/a>\n <nav class=\"nav-links\" id=\"navLinks\">\n <a href=\"#synopsis\">O filmu<\/a>\n <a href=\"#trailer\">Trailer<\/a>\n <a href=\"#gallery\">Galerija<\/a>\n <a href=\"#premijera\">Premijere<\/a>\n <a href=\"#credits\">Ekipa<\/a>\n <a href=\"#newproject\">Oktavijan osvaja Segestiku<\/a>\n <\/nav>\n <div style=\"display:flex; align-items:center; gap:1.5rem;\">\n <div class=\"lang-toggle\">\n <button onclick=\"setLang('hr')\" id=\"btn-hr\" class=\"active\">HR<\/button>\n <button onclick=\"setLang('en')\" id=\"btn-en\">EN<\/button>\n <\/div>\n <div class=\"hamburger\" id=\"hamburger\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <\/div>\n<\/header>\n\n\n<div style=\"position:relative; min-height:100vh; display:flex; align-items:flex-end; overflow:hidden;\">\n <div style=\"position:absolute; inset:0; z-index:1; background:#0d0a10;\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-6-scaled.jpg\" id=\"hs0\" style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; opacity:0.4; transition:opacity 1.2s;\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-1-scaled.jpg\" id=\"hs1\" style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; opacity:0; transition:opacity 1.2s;\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-5-scaled.jpg\" id=\"hs2\" style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; opacity:0; transition:opacity 1.2s;\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-3-scaled.jpg\" id=\"hs3\" style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; opacity:0; transition:opacity 1.2s;\">\n <\/div>\n <div style=\"position:absolute; inset:0; z-index:2; background:linear-gradient(105deg, rgba(8,7,10,0.96) 0%, rgba(8,7,10,0.55) 55%, rgba(8,7,10,0.25) 100%), linear-gradient(to top, rgba(8,7,10,1) 0%, transparent 45%);\"><\/div>\n <div class=\"doc-hero-content\">\n <div style=\"display:flex; align-items:center; gap:1rem; margin-bottom:1.5rem;\">\n <div style=\"width:36px; height:1px; background:#d4a832;\"><\/div>\n <span class=\"hr-text\" style=\"font-size:12px; font-weight:500; letter-spacing:4px; text-transform:uppercase; color:#d4a832;\">Dokumentarni Film \u00b7 Kleos Digital \u00b7 2025.<\/span>\n <span class=\"en-text\" style=\"display:none; font-size:12px; font-weight:500; letter-spacing:4px; text-transform:uppercase; color:#d4a832;\">Documentary Film \u00b7 Kleos Digital \u00b7 2025<\/span>\n <\/div>\n <h1 style=\"font-family:'Bebas Neue',sans-serif; line-height:0.92; letter-spacing:0.03em; margin-bottom:1rem;\">\n <span style=\"display:block; font-size:clamp(3rem,7vw,7rem); color:#f5f2ec;\">\n <span class=\"hr-text\">Bitka<\/span>\n <span class=\"en-text\" style=\"display:none;\">The Battle<\/span>\n <\/span>\n <span style=\"display:block; font-size:clamp(1rem,2.5vw,2.2rem); letter-spacing:0.28em; color:#d4a832;\">\n <span class=\"hr-text\">kod Siska<\/span>\n <span class=\"en-text\" style=\"display:none;\">of Sisak<\/span>\n <\/span>\n <span style=\"display:block; font-size:clamp(3.5rem,9vw,9rem); color:#c0392b; text-shadow:0 0 80px rgba(192,57,43,0.35);\">1593.<\/span>\n <\/h1>\n <div class=\"doc-hero-meta\">\n <div>\n <div style=\"font-size:10px; letter-spacing:3px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Redatelj<\/span><span class=\"en-text\" style=\"display:none;\">Director<\/span><\/div>\n <div style=\"font-size:16px; color:#f5f2ec; margin-top:2px;\">Dinko Kadi<\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px; letter-spacing:3px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Produkcija<\/span><span class=\"en-text\" style=\"display:none;\">Production<\/span><\/div>\n <div style=\"font-size:16px; color:#f5f2ec; margin-top:2px;\">Kleos Digital<\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px; letter-spacing:3px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Trajanje<\/span><span class=\"en-text\" style=\"display:none;\">Runtime<\/span><\/div>\n <div style=\"font-size:16px; color:#f5f2ec; margin-top:2px;\">53 min<\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px; letter-spacing:3px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Premijera<\/span><span class=\"en-text\" style=\"display:none;\">Premiere<\/span><\/div>\n <div style=\"font-size:16px; color:#f5f2ec; margin-top:2px;\">HBO Max \u00b7 30. travnja 2026.<\/div>\n <\/div>\n <\/div>\n <div style=\"display:flex; gap:1rem; flex-wrap:wrap; margin-top:2.5rem;\">\n <a href=\"#trailer\" style=\"display:inline-flex; align-items:center; gap:0.8rem; background:#c0392b; color:#f5f2ec; font-size:12px; font-weight:500; letter-spacing:3px; text-transform:uppercase; padding:14px 28px; text-decoration:none;\">\n <span style=\"width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:9px solid #f5f2ec;\"><\/span>\n <span class=\"hr-text\">Pogledaj Trailer<\/span>\n <span class=\"en-text\" style=\"display:none;\">Watch Trailer<\/span>\n <\/a>\n <a href=\"#synopsis\" style=\"display:inline-block; background:transparent; color:#f5f2ec; font-size:12px; font-weight:500; letter-spacing:3px; text-transform:uppercase; padding:14px 28px; text-decoration:none; border:1px solid rgba(245,242,236,0.25);\">\n <span class=\"hr-text\">Saznaj Vi\u0161e<\/span>\n <span class=\"en-text\" style=\"display:none;\">Discover<\/span>\n <\/a>\n <\/div>\n <div style=\"margin-top:2.5rem; display:flex; gap:1rem; flex-wrap:wrap;\">\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61584750759059\" target=\"_blank\" class=\"social-btn\">Facebook<\/a>\n <a href=\"https:\/\/www.imdb.com\/title\/tt39165698\/\" target=\"_blank\" class=\"social-btn\">IMDb<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div style=\"background:#08070a; padding:60px 5%; text-align:center; position:relative; overflow:hidden;\" id=\"premiere\">\n <div style=\"position:absolute; inset:0; background:radial-gradient(ellipse at 50% 0%, rgba(192,57,43,0.1) 0%, transparent 60%); pointer-events:none;\"><\/div>\n <div style=\"position:relative; z-index:2; max-width:650px; margin:0 auto;\">\n <div style=\"display:inline-flex; align-items:center; gap:0.7rem; border:1px solid #c0392b; padding:8px 20px; margin-bottom:2rem; font-size:11px; letter-spacing:3px; text-transform:uppercase; color:#c0392b;\">\n <span style=\"width:7px; height:7px; background:#c0392b; border-radius:50%; display:inline-block;\"><\/span>\n <span class=\"hr-text\">Dostupno na HBO Max<\/span><span class=\"en-text\" style=\"display:none;\">Now Streaming on HBO Max<\/span>\n <\/div>\n <h2 style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,5vw,4rem); line-height:1.1; color:#f5f2ec; margin-bottom:0.8rem;\">\n <span class=\"hr-text\">Sad dostupno<br>na HBO Max<\/span>\n <span class=\"en-text\" style=\"display:none;\">Now Streaming<br>on HBO Max<\/span>\n <\/h2>\n <div style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(1.3rem,2.5vw,2rem); letter-spacing:0.15em; color:#d4a832; margin-bottom:0.5rem;\">\n <span class=\"hr-text\">30. travnja 2026.<\/span><span class=\"en-text\" style=\"display:none;\">April 1, 2026<\/span>\n <\/div>\n <div style=\"font-size:11px; letter-spacing:3px; text-transform:uppercase; color:rgba(245,242,236,0.5); margin-bottom:2.5rem;\">Streaming \u00b7 HBO Max<\/div>\n <div style=\"display:flex; align-items:center; gap:1.5rem; margin:2rem 0;\">\n <div style=\"flex:1; height:1px; background:rgba(200,168,75,0.18);\"><\/div>\n <span style=\"color:#d4a832;\">\u2694<\/span>\n <div style=\"flex:1; height:1px; background:rgba(200,168,75,0.18);\"><\/div>\n <\/div>\n <p style=\"font-size:15px; color:rgba(245,242,236,0.55); margin-bottom:2.5rem; font-style:italic;\">\n <span class=\"hr-text\">Za press materijale kontaktirajte:<\/span>\n <span class=\"en-text\" style=\"display:none;\">For press enquiries contact:<\/span>\n <a href=\"mailto:kleoscontent@gmail.com\" style=\"color:#d4a832; text-decoration:none;\"> kleoscontent@gmail.com<\/a>\n <\/p>\n <div style=\"display:flex; gap:1rem; justify-content:center; flex-wrap:wrap;\">\n <a href=\"#trailer\" style=\"display:inline-flex; align-items:center; gap:0.8rem; background:#c0392b; color:#f5f2ec; font-size:12px; font-weight:500; letter-spacing:3px; text-transform:uppercase; padding:14px 28px; text-decoration:none;\">\n <span style=\"width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:9px solid #f5f2ec;\"><\/span>\n <span class=\"hr-text\">Pogledaj Trailer<\/span><span class=\"en-text\" style=\"display:none;\">Watch Trailer<\/span>\n <\/a>\n <a href=\"mailto:kleoscontent@gmail.com\" style=\"display:inline-block; background:transparent; color:#f5f2ec; font-size:12px; font-weight:500; letter-spacing:3px; text-transform:uppercase; padding:14px 28px; text-decoration:none; border:1px solid rgba(245,242,236,0.25);\">\n <span class=\"hr-text\">Press Upit<\/span><span class=\"en-text\" style=\"display:none;\">Press Enquiry<\/span>\n <\/a>\n <a href=\"https:\/\/kleosdigital.hr\/\" style=\"display:inline-block; background:transparent; color:#f5f2ec; font-size:12px; font-weight:500; letter-spacing:3px; text-transform:uppercase; padding:14px 28px; text-decoration:none; border:1px solid rgba(245,242,236,0.25);\">\u2190 Kleos Digital<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div style=\"display:flex; align-items:center; gap:1.5rem; padding:0 5%;\">\n <div style=\"flex:1; height:1px; background:rgba(200,168,75,0.18);\"><\/div>\n <div style=\"color:#d4a832;\">\u2694<\/div>\n <div style=\"flex:1; height:1px; background:rgba(200,168,75,0.18);\"><\/div>\n<\/div>\n\n\n<div style=\"background:#100e14; padding:60px 5%;\" id=\"synopsis\">\n <div class=\"doc-synopsis-grid\">\n <div>\n <p style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d4a832; margin-bottom:1rem;\">\n <span class=\"hr-text\">O Filmu<\/span><span class=\"en-text\" style=\"display:none;\">About the Film<\/span>\n <\/p>\n <h2 style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,4vw,3.2rem); line-height:1.1; color:#f5f2ec; margin-bottom:2rem;\">\n <span class=\"hr-text\">Bitka koja je<br><span style=\"color:#c0392b;\">spasila<\/span><br>Europu<\/span>\n <span class=\"en-text\" style=\"display:none;\">The Battle that<br><span style=\"color:#c0392b;\">Saved<\/span><br>Europe<\/span>\n <\/h2>\n <div style=\"border:1px solid rgba(200,168,75,0.18); background:rgba(200,168,75,0.03);\">\n <div style=\"display:flex; justify-content:space-between; padding:0.6rem 1rem; border-bottom:1px solid rgba(200,168,75,0.08); font-size:14px; gap:1rem;\">\n <span style=\"font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#7a6530; white-space:nowrap;\"><span class=\"hr-text\">Redatelj<\/span><span class=\"en-text\" style=\"display:none;\">Director<\/span><\/span>\n <span style=\"color:#f5f2ec;\">Dinko Kadi<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; padding:0.6rem 1rem; border-bottom:1px solid rgba(200,168,75,0.08); font-size:14px; gap:1rem;\">\n <span style=\"font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#7a6530; white-space:nowrap;\"><span class=\"hr-text\">Produkcija<\/span><span class=\"en-text\" style=\"display:none;\">Production<\/span><\/span>\n <span style=\"color:#f5f2ec;\">Kleos Digital<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; padding:0.6rem 1rem; border-bottom:1px solid rgba(200,168,75,0.08); font-size:14px; gap:1rem;\">\n <span style=\"font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#7a6530; white-space:nowrap;\"><span class=\"hr-text\">Trajanje<\/span><span class=\"en-text\" style=\"display:none;\">Runtime<\/span><\/span>\n <span style=\"color:#f5f2ec;\">53 minute<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; padding:0.6rem 1rem; border-bottom:1px solid rgba(200,168,75,0.08); font-size:14px; gap:1rem;\">\n <span style=\"font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#7a6530; white-space:nowrap;\"><span class=\"hr-text\">Godina<\/span><span class=\"en-text\" style=\"display:none;\">Year<\/span><\/span>\n <span style=\"color:#f5f2ec;\">2025.<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; padding:0.6rem 1rem; border-bottom:1px solid rgba(200,168,75,0.08); font-size:14px; gap:1rem;\">\n <span style=\"font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#7a6530; white-space:nowrap;\">Streaming<\/span>\n <span style=\"color:#f5f2ec;\">HBO Max<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; padding:0.6rem 1rem; font-size:14px; gap:1rem;\">\n <span style=\"font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#7a6530; white-space:nowrap;\">HAVC<\/span>\n <span style=\"color:#f5f2ec;\">\u2713 <span class=\"hr-text\">Uvr\u0161ten<\/span><span class=\"en-text\" style=\"display:none;\">Listed<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"hr-text\">\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); margin-bottom:1.4rem; line-height:1.75;\">Osmanske snage predvo\u0111ene bosanskim beglerbegom Hasan-pa\u0161om Predojevi\u0107em zapo\u0107ele su opsadu sisa\u010dke utvrde 15. lipnja 1593. godine. Habsbur\u0161ke koalicijske snage stigle su u pomo\u0107 kako bi prekinule opsadu, a odlu\u010duju\u0107a bitka je zapo\u010dela 22. lipnja 1593. godine.<\/p>\n <blockquote style=\"border-left:3px solid #d4a832; padding:0.8rem 1.5rem; margin:2rem 0; font-style:italic; font-size:18px; color:#d4a832; line-height:1.6;\">“Pobjeda kod Siska ozna\u010dila je kraj vi\u0161egodi\u0161njeg ‘malog rata’ i bila je prva velika kopnena pobjeda protiv Osmanlija u srednjoj Europi.”<\/blockquote>\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); margin-bottom:1.4rem; line-height:1.75;\">Film kombinira povijesne izvore, igrane rekonstrukcije, stru\u010dne intervjue i animirane elemente, stvaraju\u0107i cjelovitu sliku bitke i njenog zna\u010daja.<\/p>\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); margin-bottom:1.4rem; line-height:1.75;\">Sniman na vi\u0161e lokacija. Od sisa\u010dke tvr\u0111ave Stari Grad do \u0160tajerske oru\u017earnice u Grazu (Landeszeughaus). U dokumentarnom filmu uz vrhunske stru\u010dnjake za rani Novi vijek, mo\u017eete vidjeti rijetke muzejske predmete poput kaciga i oru\u017eja izva\u0111enog iz rijeke Kupe. <\/p>\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); line-height:1.75;\">Film je uvr\u0161ten u Katalog hrvatskih filmova HAVC-a. Premijerno je prikazan sisa\u010dkoj publici u svibnju 2025., a na obljetnicu bitke 22. lipnja bio je centralni dio sve\u010danog programa.<\/p>\n <\/div>\n <div class=\"en-text\" style=\"display:none;\">\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); margin-bottom:1.4rem; line-height:1.75;\">Ottoman forces led by Bosnian Beylerbey Hasan-pasha Predojevi\u0107 attacked the Sisak fortress in 1593. Habsburg coalition forces came to relieve the siege, and battle commenced on June 22nd, 1593.<\/p>\n <blockquote style=\"border-left:3px solid #d4a832; padding:0.8rem 1.5rem; margin:2rem 0; font-style:italic; font-size:18px; color:#d4a832; line-height:1.6;\">“The victory at Sisak marked the end of years of ‘small war’ skirmishing and was the first major land victory against the Ottomans in Central Europe.”<\/blockquote>\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); margin-bottom:1.4rem; line-height:1.75;\">The film combines historical sources, dramatic reconstructions, expert interviews and animated elements to create a complete picture of the battle and its significance.<\/p>\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); margin-bottom:1.4rem; line-height:1.75;\">Filmed across multiple locations \u2014 from the Sisak fortress to the Graz Arsenal (Landeszeughaus) \u2014 featuring rare museum objects: helmets and weapons recovered from the river Kupa.<\/p>\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); line-height:1.75;\">The film has been included in the Croatian Film Catalogue of HAVC. It premiered in Sisak in May 2025, and on the battle’s anniversary June 22nd it was the centrepiece of a commemorative programme.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div style=\"background:#08070a; padding:60px 5%; text-align:center;\" id=\"trailer\">\n <div style=\"max-width:960px; margin:0 auto;\">\n <p style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d4a832; margin-bottom:0.5rem;\">Trailer<\/p>\n <h2 style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,5vw,48px); color:#f5f2ec; margin-bottom:2.5rem;\">\n <span class=\"hr-text\">Pogledaj Trailer<\/span>\n <span class=\"en-text\" style=\"display:none;\">Watch the Trailer<\/span>\n <\/h2>\n <div style=\"position:relative; width:100%; padding-top:56.25%; background:#000; border:1px solid rgba(200,168,75,0.18); box-shadow:0 0 80px rgba(192,57,43,0.12); overflow:hidden;\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/qNFvqr1hrvY\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen style=\"position:absolute; top:0; left:0; width:100%; height:100%; border:0;\"><\/iframe>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div style=\"background:#100e14; padding:60px 5%;\" id=\"gallery\">\n <div style=\"max-width:1200px; margin:0 auto;\">\n <p style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d4a832; margin-bottom:0.5rem;\">\n <span class=\"hr-text\">Iz Filma<\/span><span class=\"en-text\" style=\"display:none;\">From the Film<\/span>\n <\/p>\n <h2 style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,5vw,48px); color:#f5f2ec; margin-bottom:2.5rem;\">\n <span class=\"hr-text\">Galerija<\/span><span class=\"en-text\" style=\"display:none;\">Gallery<\/span>\n <\/h2>\n <div class=\"slider-container\" id=\"mainSlider\">\n <div class=\"slider-track\" id=\"sliderTrack\">\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-6-scaled.jpg\" alt=\"Stari Grad Sisak\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Stari Grad Sisak \u2014 dron snimka<\/span><span class=\"en-text\" style=\"display:none;\">Sisak Fortress \u2014 aerial view<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-1-scaled.jpg\" alt=\"Arsenal Graz\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Oru\u017earnica u Grazu- tipovi oklopa kori\u0161teni u bitki<\/span><span class=\"en-text\" style=\"display:none;\">Graz Arsenal \u2014 armour collection<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-5-scaled.jpg\" alt=\"Arsenal Graz oru\u017eje\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Janji\u010dari su bili elitna postrojba osmanske vojske<\/span><span class=\"en-text\" style=\"display:none;\">Graz Arsenal \u2014 weapons vault<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-4-scaled.jpg\" alt=\"Janji\u010dari rekonstrukcija\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Rekonstrukcija bitke<\/span><span class=\"en-text\" style=\"display:none;\">Re-enactment \u2014 Janissary infantry<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-2-scaled.jpg\" alt=\"Film still\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Prizor iz filma<\/span><span class=\"en-text\" style=\"display:none;\">Scene from the film<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-3-scaled.jpg\" alt=\"Animacija\">\n <div class=\"slide-caption\"><span class=\"hr-text\">3D animacija bitke<\/span><span class=\"en-text\" style=\"display:none;\">3D animation from the film<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/IMG_20250622_214919.jpg\" alt=\"Sisak obljetnica\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Sisak \u2014 obljetnica bitke, 22. lipnja 2025.<\/span><span class=\"en-text\" style=\"display:none;\">Sisak \u2014 battle anniversary, June 22nd 2025<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/IMG_20250622_210643-scaled.jpg\" alt=\"Premijera Sisak\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Sve\u010dani koncert sisa\u010dkih klapa uo\u010di prikazivanja filma 22.lipnja 2025. godine<\/span><span class=\"en-text\" style=\"display:none;\">Premiere \u2014 INA Rafinery Centre, Sisak 2025<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/bitka_kod_siska_2160x3840-1-scaled.jpg\" alt=\"Poster\" class=\"poster\" style=\"object-fit:contain; background:#0a0a0a;\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Slu\u017ebeni plakat filma<\/span><span class=\"en-text\" style=\"display:none;\">Official film poster<\/span><\/div>\n <\/div>\n <\/div>\n <button class=\"slider-btn slider-prev\" onclick=\"moveSlider(-1)\">\u2039<\/button>\n <button class=\"slider-btn slider-next\" onclick=\"moveSlider(1)\">\u203a<\/button>\n <\/div>\n <div class=\"slider-dots-row\" id=\"sliderDots\"><\/div>\n <\/div>\n<\/div>\n\n\n<div id=\"lightbox\" style=\"display:none; position:fixed; inset:0; z-index:9999; background:rgba(8,7,10,0.97); align-items:center; justify-content:center; padding:2rem;\" onclick=\"closeLb()\">\n <button style=\"position:absolute; top:1rem; right:1rem; font-size:12px; letter-spacing:2px; text-transform:uppercase; color:#d4a832; background:none; border:1px solid rgba(200,168,75,0.3); padding:8px 16px; cursor:pointer;\">\u2715<\/button>\n <img decoding=\"async\" id=\"lb-img\" src=\"\" style=\"max-width:90vw; max-height:90vh; object-fit:contain; border:1px solid rgba(200,168,75,0.2);\">\n<\/div>\n\n\n<div style=\"background:#1a1620; padding:60px 5%;\" id=\"premijera\">\n <div style=\"max-width:1000px; margin:0 auto;\">\n <p style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d4a832; margin-bottom:0.5rem;\">\n <span class=\"hr-text\">Premijere i festivali<\/span>\n <span class=\"en-text\" style=\"display:none;\">Premieres & Festivals<\/span>\n <\/p>\n <h2 style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,5vw,48px); color:#f5f2ec; margin-bottom:0.5rem;\">\n <span class=\"hr-text\">Premijere u Sisku<\/span>\n <span class=\"en-text\" style=\"display:none;\">Sisak Premieres<\/span>\n <\/h2>\n <p style=\"font-size:14px; letter-spacing:2px; text-transform:uppercase; color:#d4a832; margin-bottom:3rem;\">31.5.2025. & 22.6.2025.<\/p>\n <div class=\"doc-premiere-grid-1\">\n <div class=\"doc-premiere-photos\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/IMG_20250622_210643-scaled.jpg\" alt=\"Premijera Sisak\" style=\"width:100%; aspect-ratio:4\/3; object-fit:cover; filter:sepia(0.15); display:block;\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/IMG_20250622_214919.jpg\" alt=\"Premijera Sisak\" style=\"width:100%; aspect-ratio:4\/3; object-fit:cover; filter:sepia(0.15); display:block;\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/IMG_20250622_211844.jpg\" alt=\"Premijera Sisak\" style=\"width:100%; aspect-ratio:4\/3; object-fit:cover; filter:sepia(0.15); display:block;\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/premijera-4.jpg\" alt=\"Premijera Sisak\" style=\"width:100%; aspect-ratio:4\/3; object-fit:cover; filter:sepia(0.15); display:block;\">\n <\/div>\n <div>\n <p style=\"font-family:'DM Sans',sans-serif; font-size:16px; color:#aaaaaa; line-height:1.75; margin-bottom:1.5rem;\">\n <span class=\"hr-text\">Film je premijerno prikazan 31. svibnja u Domu rafinerije u Sisku i potom 22. lipnja 2025. godine na dan bitke uz prigodni program na kojemu smo mogli u\u017eivati u cjelodnevnim vite\u0161kim igrama, koncertu sisa\u010dkih klapa i zborova, a sve je zaokru\u017eilo javno prikazivanje dokumentarnog filma Bitka kod Siska 1593. godine.<\/span>\n <span class=\"en-text\" style=\"display:none;\">The film premiered on May 31st at the INA Rafinery Cultural Centre in Sisak, followed by a special screening on June 22nd, the battle’s anniversary, featuring a full day of medieval games, concerts by local choirs and klapa ensembles, culminating in the public screening of the documentary.<\/span>\n <\/p>\n <\/div>\n <\/div>\n <div style=\"display:flex; align-items:center; gap:1.5rem; margin-bottom:4rem;\">\n <div style=\"flex:1; height:1px; background:rgba(200,168,75,0.18);\"><\/div>\n <div style=\"color:#d4a832;\">\u2726<\/div>\n <div style=\"flex:1; height:1px; background:rgba(200,168,75,0.18);\"><\/div>\n <\/div>\n <div class=\"doc-premiere-grid-2\">\n <div>\n <div style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(1.5rem,3vw,2.5rem); color:#f5f2ec; margin-bottom:0.5rem; letter-spacing:0.03em;\">\n <span class=\"hr-text\">Festival Fibula<\/span>\n <span class=\"en-text\" style=\"display:none;\">Fibula Festival<\/span>\n <\/div>\n <div style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d4a832; margin-bottom:1rem;\">\n <span class=\"hr-text\">20. Revija dokumentarnog filma Fibula<\/span>\n <span class=\"en-text\" style=\"display:none;\">20th Fibula Documentary Film Festival<\/span>\n <\/div>\n <p style=\"font-family:'DM Sans',sans-serif; font-size:16px; color:#aaaaaa; line-height:1.75;\">\n <span class=\"hr-text\">Film je bio prikazan na 20. izdanju Revije dokumentarnog filma Fibula, kao dio bogatog programa jubilarnog izdanja festivala.<\/span>\n <span class=\"en-text\" style=\"display:none;\">The film was screened at the 20th edition of the Fibula Documentary Film Festival.<\/span>\n <\/p>\n <\/div>\n <div>\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/fibula.jpg\" alt=\"Fibula festival\" style=\"width:100%; height:auto; object-fit:cover; filter:sepia(0.15); display:block;\">\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div style=\"background:#1a1620; padding:60px 5%;\" id=\"newproject\">\n <div style=\"max-width:1200px; margin:0 auto;\">\n <p style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d4a832; margin-bottom:0.5rem;\">Novi projekt u pripremi<\/p>\n <h2 style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(2.2rem,5.5vw,4.5rem); color:#f5f2ec; margin-bottom:2rem;\">\n <span class=\"hr-text\">Oktavijan osvaja Segestiku<\/span>\n <span class=\"en-text\" style=\"display:none;\">Octavian Conquers Segestica<\/span>\n <\/h2>\n <div style=\"display:grid; grid-template-columns:1fr; gap:2rem;\">\n <div>\n <p style=\"font-size:16px; color:rgba(232,223,200,0.85); line-height:1.75;\">\n Dokumentarni film Osvajanje Segestike vodi gledatelje na putovanje kroz klju\u010dni trenutak rimske povijesti \u2013 osvajanje keltskog grada Segestike (dana\u0161nji Sisak) 35. g. pr. Kr. od strane budu\u0107eg cara Oktavijana Augusta. Kroz posjet Rimu, Sisku i drugim zna\u010dajnim lokalitetima, film otkriva kako je ova vojna kampanja doprinijela Oktavijanovoj mo\u0107i.\n <\/p>\n <p style=\"margin-top:1.5rem; font-size:16px; color:rgba(232,223,200,0.85); line-height:1.75;\">\n Film prati kretanje rimskih legija od Jadranske obale, preko sukoba s ilirskim i panonskim plemenima, do dramati\u010dne 30-dnevne opsade Segestike, oslanjaju\u0107i se na povijesne izvore Appiana i Diona Kasija. Istra\u017euje osnivanje rimske Siscije na ru\u0161evinama keltskog grada i povezuje te doga\u0111aje s Oktavijanovim trijumfom u Rimu, gdje je nadvladao politi\u010dke suparnike i uspostavio carstvo.\n <\/p>\n<p style=\"margin-top:1.5rem; font-size:16px; color:rgba(232,223,200,0.85); line-height:1.75;\">Kombinacijom intervjua s hrvatskim i talijanskim stru\u010dnjacima (povjesni\u010dari i arheolozi iz Muzeja grada Siska, Filozofskog fakulteta u Zagrebu i rimskih institucija), snimaka arheolo\u0161kih nalazi\u0161ta, animiranih karata kretanja vojske, prva ikada 3D rekonstrukcija Segestike i bitke te igranih scena s rimskim legionarima, film o\u017eivljava povijest na dinami\u010dan na\u010din. Poseban naglasak je na hrvatskom naslje\u0111u \u2013 Segestika i Siscia kao klju\u010dna mjesta u formiranju rimske Panonije i dana\u0161nji Sisak kao \u010duvar tog naslije\u0111a.\n <\/p>\n\n\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n\n\n<section style=\"background:#0d0b12; padding:60px 5%; margin:0;\" id=\"credits\">\n <div style=\"max-width:900px; margin:0 auto;\">\n <p style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d4a832; margin-bottom:0.5rem;\">\n <span class=\"hr-text\">Ekipa<\/span><span class=\"en-text\" style=\"display:none;\">Credits<\/span>\n <\/p>\n <h2 style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,5vw,48px); color:#f5f2ec; margin-bottom:2.5rem;\">\n <span class=\"hr-text\">Autorska Ekipa<\/span><span class=\"en-text\" style=\"display:none;\">Film Credits<\/span>\n <\/h2>\n\n <div style=\"display:flex; flex-direction:column; gap:12px;\">\n\n \n <details style=\"background:rgba(200,168,75,0.03); border:1px solid rgba(200,168,75,0.2); padding:0;\">\n <summary style=\"padding:1rem 1.2rem; cursor:pointer; font-size:1.05rem; list-style:none; display:flex; justify-content:space-between; align-items:center;\">\n <span style=\"font-size:11px; letter-spacing:3px; text-transform:uppercase; color:#d4a832;\">\n <span class=\"hr-text\">Filmska ekipa<\/span><span class=\"en-text\" style=\"display:none;\">Film Crew<\/span>\n <\/span>\n <span style=\"font-size:1.4rem; color:#d4a832;\">\u203a<\/span>\n <\/summary>\n <div style=\"padding:0 1.2rem 1.5rem;\">\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap;\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Redatelj i scenarij<\/span><span class=\"en-text\" style=\"display:none;\">Director & Screenplay<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Dinko Kadi<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap; background:rgba(200,168,75,0.02);\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Monta\u017ea<\/span><span class=\"en-text\" style=\"display:none;\">Editing<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Kleos Digital<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap;\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Animacija<\/span><span class=\"en-text\" style=\"display:none;\">Animation<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Ivan Bazina<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap; background:rgba(200,168,75,0.02);\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Lektura<\/span><span class=\"en-text\" style=\"display:none;\">Proofreading<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Viktorija Maduni\u0107<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap;\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Naracija<\/span><span class=\"en-text\" style=\"display:none;\">Narration<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Marinko Le\u0161<\/span>\n <\/div>\n <\/div>\n <\/details>\n\n \n <details style=\"background:rgba(200,168,75,0.03); border:1px solid rgba(200,168,75,0.2); padding:0;\">\n <summary style=\"padding:1rem 1.2rem; cursor:pointer; font-size:1.05rem; list-style:none; display:flex; justify-content:space-between; align-items:center;\">\n <span style=\"font-size:11px; letter-spacing:3px; text-transform:uppercase; color:#d4a832;\">\n <span class=\"hr-text\">Snimatelji<\/span><span class=\"en-text\" style=\"display:none;\">Cinematography<\/span>\n <\/span>\n <span style=\"font-size:1.4rem; color:#d4a832;\">\u203a<\/span>\n <\/summary>\n <div style=\"padding:0 1.2rem 1.5rem;\">\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap; background:rgba(200,168,75,0.02);\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Direktor fotografije<\/span><span class=\"en-text\" style=\"display:none;\">Director of Photography<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Damir Pi\u0161\u0107etek<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap;\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Snimatelj<\/span><span class=\"en-text\" style=\"display:none;\">Camera<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Marin Rendi\u0107 \u00b7 Darko Vukovi\u0107<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap; background:rgba(200,168,75,0.02);\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Dron<\/span><span class=\"en-text\" style=\"display:none;\">Drone<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Marin Rendi\u0107 \u00b7 Had\u017ei \u0110or\u0111e Bjelakovi\u0107<\/span>\n <\/div>\n <\/div>\n <\/details>\n\n \n <details style=\"background:rgba(200,168,75,0.03); border:1px solid rgba(200,168,75,0.2); padding:0;\">\n <summary style=\"padding:1rem 1.2rem; cursor:pointer; font-size:1.05rem; list-style:none; display:flex; justify-content:space-between; align-items:center;\">\n <span style=\"font-size:11px; letter-spacing:3px; text-transform:uppercase; color:#d4a832;\">\n <span class=\"hr-text\">Sugovornici<\/span><span class=\"en-text\" style=\"display:none;\">Interviewees<\/span>\n <\/span>\n <span style=\"font-size:1.4rem; color:#d4a832;\">\u203a<\/span>\n <\/summary>\n <div style=\"padding:0 1.2rem 1.5rem;\">\n <div style=\"display:flex; justify-content:space-between; align-items:start; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap; background:rgba(200,168,75,0.02);\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Povjesni\u010darka<\/span><span class=\"en-text\" style=\"display:none;\">Historian<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec; text-align:right;\">Doc. dr. sc. Kornelija Jurin Star\u010devi\u0107<br><small style=\"color:#aaaaaa; font-size:12px;\">FF Zagreb<\/small><\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:start; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap;\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Povjesni\u010darka<\/span><span class=\"en-text\" style=\"display:none;\">Historian<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec; text-align:right;\">Prof. dr. sc. Nata\u0161a \u0160tefanec<br><small style=\"color:#aaaaaa; font-size:12px;\">FF Zagreb<\/small><\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:start; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap; background:rgba(200,168,75,0.02);\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Kustosica<\/span><span class=\"en-text\" style=\"display:none;\">Curator<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec; text-align:right;\">Davorka Obradovi\u0107<br><small style=\"color:#aaaaaa; font-size:12px;\"><span class=\"hr-text\">Gradski muzej Sisak<\/span><span class=\"en-text\" style=\"display:none;\">Sisak City Museum<\/span><\/small><\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:start; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap;\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Restaurator<\/span><span class=\"en-text\" style=\"display:none;\">Restorer<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec; text-align:right;\">Thomas K\u00f6hler<br><small style=\"color:#aaaaaa; font-size:12px;\">Landeszeughaus, Graz<\/small><\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:start; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap; background:rgba(200,168,75,0.02);\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Kustos oru\u017eja<\/span><span class=\"en-text\" style=\"display:none;\">Weapons Curator<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec; text-align:right;\">Leon Bo\u0161njak<br><small style=\"color:#aaaaaa; font-size:12px;\"><span class=\"hr-text\">Hrvatski povijesni muzej<\/span><span class=\"en-text\" style=\"display:none;\">Croatian History Museum<\/span><\/small><\/span>\n <\/div>\n <\/div>\n <\/details>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<div style=\"background:#100e14; padding:3rem 5%; text-align:center; border-top:1px solid rgba(200,168,75,0.1);\">\n <div style=\"font-size:10px; letter-spacing:3px; text-transform:uppercase; color:#7a6530; margin-bottom:1.5rem;\">\n <span class=\"hr-text\">Partneri i sponzori<\/span><span class=\"en-text\" style=\"display:none;\">Partners & Sponsors<\/span>\n <\/div>\n <div style=\"display:flex; flex-wrap:wrap; justify-content:center; gap:0.8rem; max-width:800px; margin:0 auto;\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(232,223,200,0.35); padding:6px 14px; border:1px solid rgba(200,168,75,0.12);\">Applied Ceramics<\/span>\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(232,223,200,0.35); padding:6px 14px; border:1px solid rgba(200,168,75,0.12);\">Lenovo<\/span>\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(232,223,200,0.35); padding:6px 14px; border:1px solid rgba(200,168,75,0.12);\">DOT Konzalting<\/span>\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(232,223,200,0.35); padding:6px 14px; border:1px solid rgba(200,168,75,0.12);\">\u0160mit Electronic<\/span>\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(232,223,200,0.35); padding:6px 14px; border:1px solid rgba(200,168,75,0.12);\">Microline<\/span>\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(232,223,200,0.35); padding:6px 14px; border:1px solid rgba(200,168,75,0.12);\">Grad Sisak<\/span>\n <\/div>\n<\/div>\n\n\n<footer style=\"background:#050407; padding:2rem 5%; border-top:1px solid rgba(200,168,75,0.1);\">\n <div style=\"display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; align-items:center;\">\n <a href=\"https:\/\/kleosdigital.hr\/\" style=\"font-family:'Bebas Neue',sans-serif; font-size:1.4rem; color:#d4a832; text-decoration:none; letter-spacing:0.1em;\">KLEOS<span style=\"color:#f5f2ec;\">.<\/span><\/a>\n <div style=\"display:flex; gap:1.5rem; flex-wrap:wrap;\">\n <a href=\"#synopsis\" style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(245,242,236,0.4); text-decoration:none;\"><span class=\"hr-text\">Film<\/span><span class=\"en-text\" style=\"display:none;\">Film<\/span><\/a>\n <a href=\"#trailer\" style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(245,242,236,0.4); text-decoration:none;\">Trailer<\/a>\n <a href=\"#gallery\" style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(245,242,236,0.4); text-decoration:none;\"><span class=\"hr-text\">Galerija<\/span><span class=\"en-text\" style=\"display:none;\">Gallery<\/span><\/a>\n <a href=\"#premijera\" style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(245,242,236,0.4); text-decoration:none;\"><span class=\"hr-text\">Premijera<\/span><span class=\"en-text\" style=\"display:none;\">Premiere<\/span><\/a>\n <a href=\"#credits\" style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(245,242,236,0.4); text-decoration:none;\"><span class=\"hr-text\">Ekipa<\/span><span class=\"en-text\" style=\"display:none;\">Credits<\/span><\/a>\n <a href=\"#premiere\" style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(245,242,236,0.4); text-decoration:none;\">HBO Max<\/a>\n <a href=\"https:\/\/kleosdigital.hr\/\" style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(245,242,236,0.4); text-decoration:none;\">\u2190 Kleos Digital<\/a>\n <\/div>\n <span style=\"font-size:11px; color:rgba(245,242,236,0.2);\">\u00a9 2026 Kleos Digital<\/span>\n <\/div>\n <div style=\"margin-top:2rem; display:flex; gap:1rem; flex-wrap:wrap;\">\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61584750759059\" target=\"_blank\" class=\"social-btn\">Facebook<\/a>\n <a href=\"https:\/\/www.imdb.com\/title\/tt39165698\/\" target=\"_blank\" class=\"social-btn\">IMDb<\/a>\n <\/div>\n<\/footer>\n\n<script>\nfunction setLang(lang) {\n const hrEls = document.querySelectorAll('.hr-text');\n const enEls = document.querySelectorAll('.en-text');\n const btnHr = document.getElementById('btn-hr');\n const btnEn = document.getElementById('btn-en');\n if (lang === 'hr') {\n hrEls.forEach(el => el.style.display = '');\n enEls.forEach(el => el.style.display = 'none');\n btnHr.classList.add('active');\n btnEn.classList.remove('active');\n } else {\n hrEls.forEach(el => el.style.display = 'none');\n enEls.forEach(el => el.style.display = '');\n btnEn.classList.add('active');\n btnHr.classList.remove('active');\n }\n}\n\nconst heroSlides = ['hs0','hs1','hs2','hs3'];\nlet heroCur = 0;\nsetInterval(() => {\n document.getElementById(heroSlides[heroCur]).style.opacity = '0';\n heroCur = (heroCur + 1) % heroSlides.length;\n document.getElementById(heroSlides[heroCur]).style.opacity = '0.4';\n}, 4800);\n\nlet sliderIndex = 0;\nconst track = document.getElementById('sliderTrack');\nconst sliderSlides = track.querySelectorAll('.slide-item');\nconst total = sliderSlides.length;\nconst dotsContainer = document.getElementById('sliderDots');\n\nsliderSlides.forEach((_, i) => {\n const dot = document.createElement('button');\n dot.className = 'slider-dot' + (i === 0 ? ' active' : '');\n dot.onclick = () => goToSlide(i);\n dotsContainer.appendChild(dot);\n});\n\nfunction updateSlider() {\n track.style.transform = `translateX(-${sliderIndex * 100}%)`;\n dotsContainer.querySelectorAll('.slider-dot').forEach((d, i) => d.classList.toggle('active', i === sliderIndex));\n}\nfunction moveSlider(dir) {\n sliderIndex = (sliderIndex + dir + total) % total;\n updateSlider();\n}\nfunction goToSlide(i) {\n sliderIndex = i;\n updateSlider();\n}\nsetInterval(() => moveSlider(1), 5000);\n\nfunction openLb(src) {\n document.getElementById('lb-img').src = src;\n document.getElementById('lightbox').style.display = 'flex';\n document.body.style.overflow = 'hidden';\n}\nfunction closeLb() {\n document.getElementById('lightbox').style.display = 'none';\n document.body.style.overflow = '';\n}\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closeLb(); });\n\ndocument.getElementById('hamburger').addEventListener('click', () => {\n document.getElementById('navLinks').classList.toggle('active');\n});\n\nfunction toggleAcc(el) {\n const content = el.nextElementSibling;\n content.classList.toggle('open');\n el.lastElementChild.textContent = content.classList.contains('open') ? '\u2212' : '+';\n}\n\nsetLang('hr');\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Bitka kod Siska 1593. | Dokumentarni film KLEOS DIGIAL O filmu Trailer Galerija Premijere Ekipa Oktavijan osvaja Segestiku HR EN Dokumentarni Film \u00b7 Kleos Digital \u00b7 2025. Documentary Film \u00b7 Kleos Digital \u00b7 2025 Bitka The Battle kod Siska of Sisak 1593. RedateljDirector Dinko Kadi ProdukcijaProduction Kleos Digital TrajanjeRuntime 53 min PremijeraPremiere HBO Max \u00b7…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":31,"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5,"date":"2026-03-24T20:24:36","date_gmt":"2026-03-24T20:24:36","guid":{"rendered":"https:\/\/bitkakodsiska1593.com\/wp2\/?page_id=5"},"modified":"2026-04-01T18:44:20","modified_gmt":"2026-04-01T18:44:20","slug":"home","status":"publish","type":"page","link":"https:\/\/bitkakodsiska1593.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n \n \n Bitka kod Siska 1593. | Dokumentarni film<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500&display=swap');\n\n :root {\n --gold: #d4a832;\n --red: #c0392b;\n --dark: #08070a;\n }\n\n * { margin:0; padding:0; box-sizing:border-box; }\n html, body { \n background: var(--dark); \n color: #f5f2ec; \n font-family: 'DM Sans', sans-serif; \n line-height: 1.75; \n overflow-x: hidden; \n width: 100%; \n min-height: 100vh; \n }\n\n \/* HEADER *\/\n header {\n position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n background: rgba(8,7,10,0.95); backdrop-filter: blur(8px);\n padding: 1rem 5%; display: flex; align-items: center; justify-content: space-between;\n border-bottom: 1px solid rgba(200,168,75,0.15);\n }\n .logo { font-family:'Bebas Neue',sans-serif; font-size:1.9rem; letter-spacing:0.1em; color:var(--gold); text-decoration:none; }\n .nav-links { display:flex; gap:2rem; font-size:0.95rem; letter-spacing:2px; text-transform:uppercase; }\n .nav-links a { color:rgba(245,242,236,0.85); text-decoration:none; transition:color 0.3s; }\n .nav-links a:hover { color:var(--gold); }\n .hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; }\n .hamburger span { width:28px; height:2px; background:#f5f2ec; }\n\n \/* Language *\/\n .lang-toggle button {\n padding:8px 16px; font-size:12px; font-weight:500; letter-spacing:2px; cursor:pointer; border:none;\n }\n .lang-toggle .active { background:var(--gold); color:#0a0a0a; }\n .lang-toggle button:not(.active) { background:transparent; color:#f5f2ec; border:1px solid rgba(245,242,236,0.3); }\n\n \/* Main content - no white frame *\/\n .doc-hero-content { position:relative; z-index:3; padding:0 5% 5rem; max-width:860px; }\n .doc-hero-meta { display:flex; gap:2rem; flex-wrap:wrap; margin-top:2rem; padding-top:2rem; border-top:1px solid rgba(200,168,75,0.2); }\n .doc-synopsis-grid { display:grid; grid-template-columns:1fr 1.7fr; gap:3rem; align-items:start; max-width:1200px; margin:0 auto; }\n .doc-premiere-grid-1 { display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; align-items:start; margin-bottom:3rem; }\n .doc-premiere-photos { display:grid; grid-template-columns:1fr 1fr; gap:6px; }\n .doc-premiere-grid-2 { display:grid; grid-template-columns:2fr 1fr; gap:2.5rem; align-items:center; }\n section { padding:60px 5% !important; }\n\n .slider-container { position:relative; overflow:hidden; background:#000; }\n .slider-track { display:flex; transition:transform 0.5s ease; }\n .slide-item { min-width:100%; position:relative; }\n .slide-item img { width:100%; height:500px; object-fit:cover; display:block; filter:sepia(0.15) contrast(1.05); }\n .slide-item img.poster { object-fit:contain; background:#0a0a0a; }\n .slide-caption { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to top, rgba(8,7,10,0.85) 0%, transparent 100%); padding:2rem 2rem 1.5rem; font-family:'DM Sans',sans-serif; font-size:13px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); }\n .slider-btn { position:absolute; top:50%; transform:translateY(-50%); background:rgba(212,168,50,0.15); border:1px solid rgba(212,168,50,0.4); color:var(--gold); width:48px; height:48px; font-size:1.2rem; cursor:pointer; z-index:10; display:flex; align-items:center; justify-content:center; transition:background 0.2s; }\n .slider-btn:hover { background:rgba(212,168,50,0.35); }\n .slider-prev { left:1rem; }\n .slider-next { right:1rem; }\n .slider-dots-row { display:flex; justify-content:center; gap:8px; margin-top:1rem; }\n .slider-dot { width:28px; height:3px; background:rgba(245,242,236,0.2); cursor:pointer; transition:background 0.3s, width 0.3s; border:none; }\n .slider-dot.active { background:var(--gold); width:48px; }\n\n \/* Accordion for Team *\/\n .acc-header {\n padding:1rem 1.2rem; cursor:pointer; background:rgba(200,168,75,0.03);\n border:1px solid rgba(200,168,75,0.2); margin-bottom:8px;\n display:flex; justify-content:space-between; align-items:center; font-size:1.05rem;\n }\n .acc-content { max-height:0; overflow:hidden; transition:max-height 0.4s ease; padding:0 1.2rem; }\n .acc-content.open { max-height:2800px; padding-bottom:1.5rem; }\n\n \/* Social buttons *\/\n .social-btn {\n display:inline-flex; align-items:center; gap:8px; padding:11px 24px;\n background:rgba(245,242,236,0.08); color:#f5f2ec; text-decoration:none;\n font-size:13px; letter-spacing:1px; border:1px solid rgba(212,168,50,0.3); transition:all 0.3s;\n }\n .social-btn:hover { background:var(--gold); color:#0a0a0a; }\n\n @media (max-width:992px) {\n .nav-links { display:none; position:absolute; top:100%; left:0; right:0; background:#08070a; flex-direction:column; padding:1rem 5%; gap:1.2rem; }\n .nav-links.active { display:flex; }\n .hamburger { display:flex; }\n }\n @media (max-width:768px) {\n .doc-hero-content { padding:100px 5% 4rem !important; }\n .doc-synopsis-grid { grid-template-columns:1fr !important; gap:2rem !important; }\n .doc-premiere-grid-1, .doc-premiere-grid-2 { grid-template-columns:1fr !important; gap:2rem !important; }\n .slide-item img { height:260px !important; }\n .slider-btn { width:36px; height:36px; font-size:1rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n<header>\n <a href=\"#\" class=\"logo\">KLEOS DIGIAL<\/a>\n <nav class=\"nav-links\" id=\"navLinks\">\n <a href=\"#synopsis\">O filmu<\/a>\n <a href=\"#trailer\">Trailer<\/a>\n <a href=\"#gallery\">Galerija<\/a>\n <a href=\"#premijera\">Premijere<\/a>\n <a href=\"#credits\">Ekipa<\/a>\n <a href=\"#newproject\">Oktavijan osvaja Segestiku<\/a>\n <\/nav>\n <div style=\"display:flex; align-items:center; gap:1.5rem;\">\n <div class=\"lang-toggle\">\n <button onclick=\"setLang('hr')\" id=\"btn-hr\" class=\"active\">HR<\/button>\n <button onclick=\"setLang('en')\" id=\"btn-en\">EN<\/button>\n <\/div>\n <div class=\"hamburger\" id=\"hamburger\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <\/div>\n<\/header>\n\n\n<div style=\"position:relative; min-height:100vh; display:flex; align-items:flex-end; overflow:hidden;\">\n <div style=\"position:absolute; inset:0; z-index:1; background:#0d0a10;\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-6-scaled.jpg\" id=\"hs0\" style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; opacity:0.4; transition:opacity 1.2s;\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-1-scaled.jpg\" id=\"hs1\" style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; opacity:0; transition:opacity 1.2s;\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-5-scaled.jpg\" id=\"hs2\" style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; opacity:0; transition:opacity 1.2s;\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-3-scaled.jpg\" id=\"hs3\" style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; opacity:0; transition:opacity 1.2s;\">\n <\/div>\n <div style=\"position:absolute; inset:0; z-index:2; background:linear-gradient(105deg, rgba(8,7,10,0.96) 0%, rgba(8,7,10,0.55) 55%, rgba(8,7,10,0.25) 100%), linear-gradient(to top, rgba(8,7,10,1) 0%, transparent 45%);\"><\/div>\n <div class=\"doc-hero-content\">\n <div style=\"display:flex; align-items:center; gap:1rem; margin-bottom:1.5rem;\">\n <div style=\"width:36px; height:1px; background:#d4a832;\"><\/div>\n <span class=\"hr-text\" style=\"font-size:12px; font-weight:500; letter-spacing:4px; text-transform:uppercase; color:#d4a832;\">Dokumentarni Film \u00b7 Kleos Digital \u00b7 2025.<\/span>\n <span class=\"en-text\" style=\"display:none; font-size:12px; font-weight:500; letter-spacing:4px; text-transform:uppercase; color:#d4a832;\">Documentary Film \u00b7 Kleos Digital \u00b7 2025<\/span>\n <\/div>\n <h1 style=\"font-family:'Bebas Neue',sans-serif; line-height:0.92; letter-spacing:0.03em; margin-bottom:1rem;\">\n <span style=\"display:block; font-size:clamp(3rem,7vw,7rem); color:#f5f2ec;\">\n <span class=\"hr-text\">Bitka<\/span>\n <span class=\"en-text\" style=\"display:none;\">The Battle<\/span>\n <\/span>\n <span style=\"display:block; font-size:clamp(1rem,2.5vw,2.2rem); letter-spacing:0.28em; color:#d4a832;\">\n <span class=\"hr-text\">kod Siska<\/span>\n <span class=\"en-text\" style=\"display:none;\">of Sisak<\/span>\n <\/span>\n <span style=\"display:block; font-size:clamp(3.5rem,9vw,9rem); color:#c0392b; text-shadow:0 0 80px rgba(192,57,43,0.35);\">1593.<\/span>\n <\/h1>\n <div class=\"doc-hero-meta\">\n <div>\n <div style=\"font-size:10px; letter-spacing:3px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Redatelj<\/span><span class=\"en-text\" style=\"display:none;\">Director<\/span><\/div>\n <div style=\"font-size:16px; color:#f5f2ec; margin-top:2px;\">Dinko Kadi<\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px; letter-spacing:3px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Produkcija<\/span><span class=\"en-text\" style=\"display:none;\">Production<\/span><\/div>\n <div style=\"font-size:16px; color:#f5f2ec; margin-top:2px;\">Kleos Digital<\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px; letter-spacing:3px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Trajanje<\/span><span class=\"en-text\" style=\"display:none;\">Runtime<\/span><\/div>\n <div style=\"font-size:16px; color:#f5f2ec; margin-top:2px;\">53 min<\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px; letter-spacing:3px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Premijera<\/span><span class=\"en-text\" style=\"display:none;\">Premiere<\/span><\/div>\n <div style=\"font-size:16px; color:#f5f2ec; margin-top:2px;\">HBO Max \u00b7 30. travnja 2026.<\/div>\n <\/div>\n <\/div>\n <div style=\"display:flex; gap:1rem; flex-wrap:wrap; margin-top:2.5rem;\">\n <a href=\"#trailer\" style=\"display:inline-flex; align-items:center; gap:0.8rem; background:#c0392b; color:#f5f2ec; font-size:12px; font-weight:500; letter-spacing:3px; text-transform:uppercase; padding:14px 28px; text-decoration:none;\">\n <span style=\"width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:9px solid #f5f2ec;\"><\/span>\n <span class=\"hr-text\">Pogledaj Trailer<\/span>\n <span class=\"en-text\" style=\"display:none;\">Watch Trailer<\/span>\n <\/a>\n <a href=\"#synopsis\" style=\"display:inline-block; background:transparent; color:#f5f2ec; font-size:12px; font-weight:500; letter-spacing:3px; text-transform:uppercase; padding:14px 28px; text-decoration:none; border:1px solid rgba(245,242,236,0.25);\">\n <span class=\"hr-text\">Saznaj Vi\u0161e<\/span>\n <span class=\"en-text\" style=\"display:none;\">Discover<\/span>\n <\/a>\n <\/div>\n <div style=\"margin-top:2.5rem; display:flex; gap:1rem; flex-wrap:wrap;\">\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61584750759059\" target=\"_blank\" class=\"social-btn\">Facebook<\/a>\n <a href=\"https:\/\/www.imdb.com\/title\/tt39165698\/\" target=\"_blank\" class=\"social-btn\">IMDb<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div style=\"background:#08070a; padding:60px 5%; text-align:center; position:relative; overflow:hidden;\" id=\"premiere\">\n <div style=\"position:absolute; inset:0; background:radial-gradient(ellipse at 50% 0%, rgba(192,57,43,0.1) 0%, transparent 60%); pointer-events:none;\"><\/div>\n <div style=\"position:relative; z-index:2; max-width:650px; margin:0 auto;\">\n <div style=\"display:inline-flex; align-items:center; gap:0.7rem; border:1px solid #c0392b; padding:8px 20px; margin-bottom:2rem; font-size:11px; letter-spacing:3px; text-transform:uppercase; color:#c0392b;\">\n <span style=\"width:7px; height:7px; background:#c0392b; border-radius:50%; display:inline-block;\"><\/span>\n <span class=\"hr-text\">Dostupno na HBO Max<\/span><span class=\"en-text\" style=\"display:none;\">Now Streaming on HBO Max<\/span>\n <\/div>\n <h2 style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,5vw,4rem); line-height:1.1; color:#f5f2ec; margin-bottom:0.8rem;\">\n <span class=\"hr-text\">Sad dostupno<br>na HBO Max<\/span>\n <span class=\"en-text\" style=\"display:none;\">Now Streaming<br>on HBO Max<\/span>\n <\/h2>\n <div style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(1.3rem,2.5vw,2rem); letter-spacing:0.15em; color:#d4a832; margin-bottom:0.5rem;\">\n <span class=\"hr-text\">30. travnja 2026.<\/span><span class=\"en-text\" style=\"display:none;\">April 1, 2026<\/span>\n <\/div>\n <div style=\"font-size:11px; letter-spacing:3px; text-transform:uppercase; color:rgba(245,242,236,0.5); margin-bottom:2.5rem;\">Streaming \u00b7 HBO Max<\/div>\n <div style=\"display:flex; align-items:center; gap:1.5rem; margin:2rem 0;\">\n <div style=\"flex:1; height:1px; background:rgba(200,168,75,0.18);\"><\/div>\n <span style=\"color:#d4a832;\">\u2694<\/span>\n <div style=\"flex:1; height:1px; background:rgba(200,168,75,0.18);\"><\/div>\n <\/div>\n <p style=\"font-size:15px; color:rgba(245,242,236,0.55); margin-bottom:2.5rem; font-style:italic;\">\n <span class=\"hr-text\">Za press materijale kontaktirajte:<\/span>\n <span class=\"en-text\" style=\"display:none;\">For press enquiries contact:<\/span>\n <a href=\"mailto:kleoscontent@gmail.com\" style=\"color:#d4a832; text-decoration:none;\"> kleoscontent@gmail.com<\/a>\n <\/p>\n <div style=\"display:flex; gap:1rem; justify-content:center; flex-wrap:wrap;\">\n <a href=\"#trailer\" style=\"display:inline-flex; align-items:center; gap:0.8rem; background:#c0392b; color:#f5f2ec; font-size:12px; font-weight:500; letter-spacing:3px; text-transform:uppercase; padding:14px 28px; text-decoration:none;\">\n <span style=\"width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:9px solid #f5f2ec;\"><\/span>\n <span class=\"hr-text\">Pogledaj Trailer<\/span><span class=\"en-text\" style=\"display:none;\">Watch Trailer<\/span>\n <\/a>\n <a href=\"mailto:kleoscontent@gmail.com\" style=\"display:inline-block; background:transparent; color:#f5f2ec; font-size:12px; font-weight:500; letter-spacing:3px; text-transform:uppercase; padding:14px 28px; text-decoration:none; border:1px solid rgba(245,242,236,0.25);\">\n <span class=\"hr-text\">Press Upit<\/span><span class=\"en-text\" style=\"display:none;\">Press Enquiry<\/span>\n <\/a>\n <a href=\"https:\/\/kleosdigital.hr\/\" style=\"display:inline-block; background:transparent; color:#f5f2ec; font-size:12px; font-weight:500; letter-spacing:3px; text-transform:uppercase; padding:14px 28px; text-decoration:none; border:1px solid rgba(245,242,236,0.25);\">\u2190 Kleos Digital<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div style=\"display:flex; align-items:center; gap:1.5rem; padding:0 5%;\">\n <div style=\"flex:1; height:1px; background:rgba(200,168,75,0.18);\"><\/div>\n <div style=\"color:#d4a832;\">\u2694<\/div>\n <div style=\"flex:1; height:1px; background:rgba(200,168,75,0.18);\"><\/div>\n<\/div>\n\n\n<div style=\"background:#100e14; padding:60px 5%;\" id=\"synopsis\">\n <div class=\"doc-synopsis-grid\">\n <div>\n <p style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d4a832; margin-bottom:1rem;\">\n <span class=\"hr-text\">O Filmu<\/span><span class=\"en-text\" style=\"display:none;\">About the Film<\/span>\n <\/p>\n <h2 style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,4vw,3.2rem); line-height:1.1; color:#f5f2ec; margin-bottom:2rem;\">\n <span class=\"hr-text\">Bitka koja je<br><span style=\"color:#c0392b;\">spasila<\/span><br>Europu<\/span>\n <span class=\"en-text\" style=\"display:none;\">The Battle that<br><span style=\"color:#c0392b;\">Saved<\/span><br>Europe<\/span>\n <\/h2>\n <div style=\"border:1px solid rgba(200,168,75,0.18); background:rgba(200,168,75,0.03);\">\n <div style=\"display:flex; justify-content:space-between; padding:0.6rem 1rem; border-bottom:1px solid rgba(200,168,75,0.08); font-size:14px; gap:1rem;\">\n <span style=\"font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#7a6530; white-space:nowrap;\"><span class=\"hr-text\">Redatelj<\/span><span class=\"en-text\" style=\"display:none;\">Director<\/span><\/span>\n <span style=\"color:#f5f2ec;\">Dinko Kadi<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; padding:0.6rem 1rem; border-bottom:1px solid rgba(200,168,75,0.08); font-size:14px; gap:1rem;\">\n <span style=\"font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#7a6530; white-space:nowrap;\"><span class=\"hr-text\">Produkcija<\/span><span class=\"en-text\" style=\"display:none;\">Production<\/span><\/span>\n <span style=\"color:#f5f2ec;\">Kleos Digital<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; padding:0.6rem 1rem; border-bottom:1px solid rgba(200,168,75,0.08); font-size:14px; gap:1rem;\">\n <span style=\"font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#7a6530; white-space:nowrap;\"><span class=\"hr-text\">Trajanje<\/span><span class=\"en-text\" style=\"display:none;\">Runtime<\/span><\/span>\n <span style=\"color:#f5f2ec;\">53 minute<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; padding:0.6rem 1rem; border-bottom:1px solid rgba(200,168,75,0.08); font-size:14px; gap:1rem;\">\n <span style=\"font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#7a6530; white-space:nowrap;\"><span class=\"hr-text\">Godina<\/span><span class=\"en-text\" style=\"display:none;\">Year<\/span><\/span>\n <span style=\"color:#f5f2ec;\">2025.<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; padding:0.6rem 1rem; border-bottom:1px solid rgba(200,168,75,0.08); font-size:14px; gap:1rem;\">\n <span style=\"font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#7a6530; white-space:nowrap;\">Streaming<\/span>\n <span style=\"color:#f5f2ec;\">HBO Max<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; padding:0.6rem 1rem; font-size:14px; gap:1rem;\">\n <span style=\"font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#7a6530; white-space:nowrap;\">HAVC<\/span>\n <span style=\"color:#f5f2ec;\">\u2713 <span class=\"hr-text\">Uvr\u0161ten<\/span><span class=\"en-text\" style=\"display:none;\">Listed<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"hr-text\">\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); margin-bottom:1.4rem; line-height:1.75;\">Osmanske snage predvo\u0111ene bosanskim beglerbegom Hasan-pa\u0161om Predojevi\u0107em zapo\u0107ele su opsadu sisa\u010dke utvrde 15. lipnja 1593. godine. Habsbur\u0161ke koalicijske snage stigle su u pomo\u0107 kako bi prekinule opsadu, a odlu\u010duju\u0107a bitka je zapo\u010dela 22. lipnja 1593. godine.<\/p>\n <blockquote style=\"border-left:3px solid #d4a832; padding:0.8rem 1.5rem; margin:2rem 0; font-style:italic; font-size:18px; color:#d4a832; line-height:1.6;\">“Pobjeda kod Siska ozna\u010dila je kraj vi\u0161egodi\u0161njeg ‘malog rata’ i bila je prva velika kopnena pobjeda protiv Osmanlija u srednjoj Europi.”<\/blockquote>\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); margin-bottom:1.4rem; line-height:1.75;\">Film kombinira povijesne izvore, igrane rekonstrukcije, stru\u010dne intervjue i animirane elemente, stvaraju\u0107i cjelovitu sliku bitke i njenog zna\u010daja.<\/p>\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); margin-bottom:1.4rem; line-height:1.75;\">Sniman na vi\u0161e lokacija. Od sisa\u010dke tvr\u0111ave Stari Grad do \u0160tajerske oru\u017earnice u Grazu (Landeszeughaus). U dokumentarnom filmu uz vrhunske stru\u010dnjake za rani Novi vijek, mo\u017eete vidjeti rijetke muzejske predmete poput kaciga i oru\u017eja izva\u0111enog iz rijeke Kupe. <\/p>\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); line-height:1.75;\">Film je uvr\u0161ten u Katalog hrvatskih filmova HAVC-a. Premijerno je prikazan sisa\u010dkoj publici u svibnju 2025., a na obljetnicu bitke 22. lipnja bio je centralni dio sve\u010danog programa.<\/p>\n <\/div>\n <div class=\"en-text\" style=\"display:none;\">\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); margin-bottom:1.4rem; line-height:1.75;\">Ottoman forces led by Bosnian Beylerbey Hasan-pasha Predojevi\u0107 attacked the Sisak fortress in 1593. Habsburg coalition forces came to relieve the siege, and battle commenced on June 22nd, 1593.<\/p>\n <blockquote style=\"border-left:3px solid #d4a832; padding:0.8rem 1.5rem; margin:2rem 0; font-style:italic; font-size:18px; color:#d4a832; line-height:1.6;\">“The victory at Sisak marked the end of years of ‘small war’ skirmishing and was the first major land victory against the Ottomans in Central Europe.”<\/blockquote>\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); margin-bottom:1.4rem; line-height:1.75;\">The film combines historical sources, dramatic reconstructions, expert interviews and animated elements to create a complete picture of the battle and its significance.<\/p>\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); margin-bottom:1.4rem; line-height:1.75;\">Filmed across multiple locations \u2014 from the Sisak fortress to the Graz Arsenal (Landeszeughaus) \u2014 featuring rare museum objects: helmets and weapons recovered from the river Kupa.<\/p>\n <p style=\"font-size:16px; color:rgba(232,223,200,0.82); line-height:1.75;\">The film has been included in the Croatian Film Catalogue of HAVC. It premiered in Sisak in May 2025, and on the battle’s anniversary June 22nd it was the centrepiece of a commemorative programme.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div style=\"background:#08070a; padding:60px 5%; text-align:center;\" id=\"trailer\">\n <div style=\"max-width:960px; margin:0 auto;\">\n <p style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d4a832; margin-bottom:0.5rem;\">Trailer<\/p>\n <h2 style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,5vw,48px); color:#f5f2ec; margin-bottom:2.5rem;\">\n <span class=\"hr-text\">Pogledaj Trailer<\/span>\n <span class=\"en-text\" style=\"display:none;\">Watch the Trailer<\/span>\n <\/h2>\n <div style=\"position:relative; width:100%; padding-top:56.25%; background:#000; border:1px solid rgba(200,168,75,0.18); box-shadow:0 0 80px rgba(192,57,43,0.12); overflow:hidden;\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/qNFvqr1hrvY\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen style=\"position:absolute; top:0; left:0; width:100%; height:100%; border:0;\"><\/iframe>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div style=\"background:#100e14; padding:60px 5%;\" id=\"gallery\">\n <div style=\"max-width:1200px; margin:0 auto;\">\n <p style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d4a832; margin-bottom:0.5rem;\">\n <span class=\"hr-text\">Iz Filma<\/span><span class=\"en-text\" style=\"display:none;\">From the Film<\/span>\n <\/p>\n <h2 style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,5vw,48px); color:#f5f2ec; margin-bottom:2.5rem;\">\n <span class=\"hr-text\">Galerija<\/span><span class=\"en-text\" style=\"display:none;\">Gallery<\/span>\n <\/h2>\n <div class=\"slider-container\" id=\"mainSlider\">\n <div class=\"slider-track\" id=\"sliderTrack\">\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-6-scaled.jpg\" alt=\"Stari Grad Sisak\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Stari Grad Sisak \u2014 dron snimka<\/span><span class=\"en-text\" style=\"display:none;\">Sisak Fortress \u2014 aerial view<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-1-scaled.jpg\" alt=\"Arsenal Graz\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Oru\u017earnica u Grazu- tipovi oklopa kori\u0161teni u bitki<\/span><span class=\"en-text\" style=\"display:none;\">Graz Arsenal \u2014 armour collection<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-5-scaled.jpg\" alt=\"Arsenal Graz oru\u017eje\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Janji\u010dari su bili elitna postrojba osmanske vojske<\/span><span class=\"en-text\" style=\"display:none;\">Graz Arsenal \u2014 weapons vault<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-4-scaled.jpg\" alt=\"Janji\u010dari rekonstrukcija\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Rekonstrukcija bitke<\/span><span class=\"en-text\" style=\"display:none;\">Re-enactment \u2014 Janissary infantry<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-2-scaled.jpg\" alt=\"Film still\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Prizor iz filma<\/span><span class=\"en-text\" style=\"display:none;\">Scene from the film<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/Bitka-kod-Siska-1593-godine-3-scaled.jpg\" alt=\"Animacija\">\n <div class=\"slide-caption\"><span class=\"hr-text\">3D animacija bitke<\/span><span class=\"en-text\" style=\"display:none;\">3D animation from the film<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/IMG_20250622_214919.jpg\" alt=\"Sisak obljetnica\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Sisak \u2014 obljetnica bitke, 22. lipnja 2025.<\/span><span class=\"en-text\" style=\"display:none;\">Sisak \u2014 battle anniversary, June 22nd 2025<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/IMG_20250622_210643-scaled.jpg\" alt=\"Premijera Sisak\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Sve\u010dani koncert sisa\u010dkih klapa uo\u010di prikazivanja filma 22.lipnja 2025. godine<\/span><span class=\"en-text\" style=\"display:none;\">Premiere \u2014 INA Rafinery Centre, Sisak 2025<\/span><\/div>\n <\/div>\n <div class=\"slide-item\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/bitka_kod_siska_2160x3840-1-scaled.jpg\" alt=\"Poster\" class=\"poster\" style=\"object-fit:contain; background:#0a0a0a;\">\n <div class=\"slide-caption\"><span class=\"hr-text\">Slu\u017ebeni plakat filma<\/span><span class=\"en-text\" style=\"display:none;\">Official film poster<\/span><\/div>\n <\/div>\n <\/div>\n <button class=\"slider-btn slider-prev\" onclick=\"moveSlider(-1)\">\u2039<\/button>\n <button class=\"slider-btn slider-next\" onclick=\"moveSlider(1)\">\u203a<\/button>\n <\/div>\n <div class=\"slider-dots-row\" id=\"sliderDots\"><\/div>\n <\/div>\n<\/div>\n\n\n<div id=\"lightbox\" style=\"display:none; position:fixed; inset:0; z-index:9999; background:rgba(8,7,10,0.97); align-items:center; justify-content:center; padding:2rem;\" onclick=\"closeLb()\">\n <button style=\"position:absolute; top:1rem; right:1rem; font-size:12px; letter-spacing:2px; text-transform:uppercase; color:#d4a832; background:none; border:1px solid rgba(200,168,75,0.3); padding:8px 16px; cursor:pointer;\">\u2715<\/button>\n <img decoding=\"async\" id=\"lb-img\" src=\"\" style=\"max-width:90vw; max-height:90vh; object-fit:contain; border:1px solid rgba(200,168,75,0.2);\">\n<\/div>\n\n\n<div style=\"background:#1a1620; padding:60px 5%;\" id=\"premijera\">\n <div style=\"max-width:1000px; margin:0 auto;\">\n <p style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d4a832; margin-bottom:0.5rem;\">\n <span class=\"hr-text\">Premijere i festivali<\/span>\n <span class=\"en-text\" style=\"display:none;\">Premieres & Festivals<\/span>\n <\/p>\n <h2 style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,5vw,48px); color:#f5f2ec; margin-bottom:0.5rem;\">\n <span class=\"hr-text\">Premijere u Sisku<\/span>\n <span class=\"en-text\" style=\"display:none;\">Sisak Premieres<\/span>\n <\/h2>\n <p style=\"font-size:14px; letter-spacing:2px; text-transform:uppercase; color:#d4a832; margin-bottom:3rem;\">31.5.2025. & 22.6.2025.<\/p>\n <div class=\"doc-premiere-grid-1\">\n <div class=\"doc-premiere-photos\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/IMG_20250622_210643-scaled.jpg\" alt=\"Premijera Sisak\" style=\"width:100%; aspect-ratio:4\/3; object-fit:cover; filter:sepia(0.15); display:block;\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/IMG_20250622_214919.jpg\" alt=\"Premijera Sisak\" style=\"width:100%; aspect-ratio:4\/3; object-fit:cover; filter:sepia(0.15); display:block;\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/IMG_20250622_211844.jpg\" alt=\"Premijera Sisak\" style=\"width:100%; aspect-ratio:4\/3; object-fit:cover; filter:sepia(0.15); display:block;\">\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/premijera-4.jpg\" alt=\"Premijera Sisak\" style=\"width:100%; aspect-ratio:4\/3; object-fit:cover; filter:sepia(0.15); display:block;\">\n <\/div>\n <div>\n <p style=\"font-family:'DM Sans',sans-serif; font-size:16px; color:#aaaaaa; line-height:1.75; margin-bottom:1.5rem;\">\n <span class=\"hr-text\">Film je premijerno prikazan 31. svibnja u Domu rafinerije u Sisku i potom 22. lipnja 2025. godine na dan bitke uz prigodni program na kojemu smo mogli u\u017eivati u cjelodnevnim vite\u0161kim igrama, koncertu sisa\u010dkih klapa i zborova, a sve je zaokru\u017eilo javno prikazivanje dokumentarnog filma Bitka kod Siska 1593. godine.<\/span>\n <span class=\"en-text\" style=\"display:none;\">The film premiered on May 31st at the INA Rafinery Cultural Centre in Sisak, followed by a special screening on June 22nd, the battle’s anniversary, featuring a full day of medieval games, concerts by local choirs and klapa ensembles, culminating in the public screening of the documentary.<\/span>\n <\/p>\n <\/div>\n <\/div>\n <div style=\"display:flex; align-items:center; gap:1.5rem; margin-bottom:4rem;\">\n <div style=\"flex:1; height:1px; background:rgba(200,168,75,0.18);\"><\/div>\n <div style=\"color:#d4a832;\">\u2726<\/div>\n <div style=\"flex:1; height:1px; background:rgba(200,168,75,0.18);\"><\/div>\n <\/div>\n <div class=\"doc-premiere-grid-2\">\n <div>\n <div style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(1.5rem,3vw,2.5rem); color:#f5f2ec; margin-bottom:0.5rem; letter-spacing:0.03em;\">\n <span class=\"hr-text\">Festival Fibula<\/span>\n <span class=\"en-text\" style=\"display:none;\">Fibula Festival<\/span>\n <\/div>\n <div style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d4a832; margin-bottom:1rem;\">\n <span class=\"hr-text\">20. Revija dokumentarnog filma Fibula<\/span>\n <span class=\"en-text\" style=\"display:none;\">20th Fibula Documentary Film Festival<\/span>\n <\/div>\n <p style=\"font-family:'DM Sans',sans-serif; font-size:16px; color:#aaaaaa; line-height:1.75;\">\n <span class=\"hr-text\">Film je bio prikazan na 20. izdanju Revije dokumentarnog filma Fibula, kao dio bogatog programa jubilarnog izdanja festivala.<\/span>\n <span class=\"en-text\" style=\"display:none;\">The film was screened at the 20th edition of the Fibula Documentary Film Festival.<\/span>\n <\/p>\n <\/div>\n <div>\n <img decoding=\"async\" src=\"https:\/\/kleosdigital.hr\/wp-content\/uploads\/2026\/03\/fibula.jpg\" alt=\"Fibula festival\" style=\"width:100%; height:auto; object-fit:cover; filter:sepia(0.15); display:block;\">\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div style=\"background:#1a1620; padding:60px 5%;\" id=\"newproject\">\n <div style=\"max-width:1200px; margin:0 auto;\">\n <p style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d4a832; margin-bottom:0.5rem;\">Novi projekt u pripremi<\/p>\n <h2 style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(2.2rem,5.5vw,4.5rem); color:#f5f2ec; margin-bottom:2rem;\">\n <span class=\"hr-text\">Oktavijan osvaja Segestiku<\/span>\n <span class=\"en-text\" style=\"display:none;\">Octavian Conquers Segestica<\/span>\n <\/h2>\n <div style=\"display:grid; grid-template-columns:1fr; gap:2rem;\">\n <div>\n <p style=\"font-size:16px; color:rgba(232,223,200,0.85); line-height:1.75;\">\n Dokumentarni film Osvajanje Segestike vodi gledatelje na putovanje kroz klju\u010dni trenutak rimske povijesti \u2013 osvajanje keltskog grada Segestike (dana\u0161nji Sisak) 35. g. pr. Kr. od strane budu\u0107eg cara Oktavijana Augusta. Kroz posjet Rimu, Sisku i drugim zna\u010dajnim lokalitetima, film otkriva kako je ova vojna kampanja doprinijela Oktavijanovoj mo\u0107i.\n <\/p>\n <p style=\"margin-top:1.5rem; font-size:16px; color:rgba(232,223,200,0.85); line-height:1.75;\">\n Film prati kretanje rimskih legija od Jadranske obale, preko sukoba s ilirskim i panonskim plemenima, do dramati\u010dne 30-dnevne opsade Segestike, oslanjaju\u0107i se na povijesne izvore Appiana i Diona Kasija. Istra\u017euje osnivanje rimske Siscije na ru\u0161evinama keltskog grada i povezuje te doga\u0111aje s Oktavijanovim trijumfom u Rimu, gdje je nadvladao politi\u010dke suparnike i uspostavio carstvo.\n <\/p>\n<p style=\"margin-top:1.5rem; font-size:16px; color:rgba(232,223,200,0.85); line-height:1.75;\">Kombinacijom intervjua s hrvatskim i talijanskim stru\u010dnjacima (povjesni\u010dari i arheolozi iz Muzeja grada Siska, Filozofskog fakulteta u Zagrebu i rimskih institucija), snimaka arheolo\u0161kih nalazi\u0161ta, animiranih karata kretanja vojske, prva ikada 3D rekonstrukcija Segestike i bitke te igranih scena s rimskim legionarima, film o\u017eivljava povijest na dinami\u010dan na\u010din. Poseban naglasak je na hrvatskom naslje\u0111u \u2013 Segestika i Siscia kao klju\u010dna mjesta u formiranju rimske Panonije i dana\u0161nji Sisak kao \u010duvar tog naslije\u0111a.\n <\/p>\n\n\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n\n\n<section style=\"background:#0d0b12; padding:60px 5%; margin:0;\" id=\"credits\">\n <div style=\"max-width:900px; margin:0 auto;\">\n <p style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#d4a832; margin-bottom:0.5rem;\">\n <span class=\"hr-text\">Ekipa<\/span><span class=\"en-text\" style=\"display:none;\">Credits<\/span>\n <\/p>\n <h2 style=\"font-family:'Bebas Neue',sans-serif; font-size:clamp(2rem,5vw,48px); color:#f5f2ec; margin-bottom:2.5rem;\">\n <span class=\"hr-text\">Autorska Ekipa<\/span><span class=\"en-text\" style=\"display:none;\">Film Credits<\/span>\n <\/h2>\n\n <div style=\"display:flex; flex-direction:column; gap:12px;\">\n\n \n <details style=\"background:rgba(200,168,75,0.03); border:1px solid rgba(200,168,75,0.2); padding:0;\">\n <summary style=\"padding:1rem 1.2rem; cursor:pointer; font-size:1.05rem; list-style:none; display:flex; justify-content:space-between; align-items:center;\">\n <span style=\"font-size:11px; letter-spacing:3px; text-transform:uppercase; color:#d4a832;\">\n <span class=\"hr-text\">Filmska ekipa<\/span><span class=\"en-text\" style=\"display:none;\">Film Crew<\/span>\n <\/span>\n <span style=\"font-size:1.4rem; color:#d4a832;\">\u203a<\/span>\n <\/summary>\n <div style=\"padding:0 1.2rem 1.5rem;\">\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap;\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Redatelj i scenarij<\/span><span class=\"en-text\" style=\"display:none;\">Director & Screenplay<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Dinko Kadi<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap; background:rgba(200,168,75,0.02);\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Monta\u017ea<\/span><span class=\"en-text\" style=\"display:none;\">Editing<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Kleos Digital<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap;\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Animacija<\/span><span class=\"en-text\" style=\"display:none;\">Animation<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Ivan Bazina<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap; background:rgba(200,168,75,0.02);\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Lektura<\/span><span class=\"en-text\" style=\"display:none;\">Proofreading<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Viktorija Maduni\u0107<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap;\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Naracija<\/span><span class=\"en-text\" style=\"display:none;\">Narration<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Marinko Le\u0161<\/span>\n <\/div>\n <\/div>\n <\/details>\n\n \n <details style=\"background:rgba(200,168,75,0.03); border:1px solid rgba(200,168,75,0.2); padding:0;\">\n <summary style=\"padding:1rem 1.2rem; cursor:pointer; font-size:1.05rem; list-style:none; display:flex; justify-content:space-between; align-items:center;\">\n <span style=\"font-size:11px; letter-spacing:3px; text-transform:uppercase; color:#d4a832;\">\n <span class=\"hr-text\">Snimatelji<\/span><span class=\"en-text\" style=\"display:none;\">Cinematography<\/span>\n <\/span>\n <span style=\"font-size:1.4rem; color:#d4a832;\">\u203a<\/span>\n <\/summary>\n <div style=\"padding:0 1.2rem 1.5rem;\">\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap; background:rgba(200,168,75,0.02);\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Direktor fotografije<\/span><span class=\"en-text\" style=\"display:none;\">Director of Photography<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Damir Pi\u0161\u0107etek<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap;\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Snimatelj<\/span><span class=\"en-text\" style=\"display:none;\">Camera<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Marin Rendi\u0107 \u00b7 Darko Vukovi\u0107<\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:center; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap; background:rgba(200,168,75,0.02);\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Dron<\/span><span class=\"en-text\" style=\"display:none;\">Drone<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec;\">Marin Rendi\u0107 \u00b7 Had\u017ei \u0110or\u0111e Bjelakovi\u0107<\/span>\n <\/div>\n <\/div>\n <\/details>\n\n \n <details style=\"background:rgba(200,168,75,0.03); border:1px solid rgba(200,168,75,0.2); padding:0;\">\n <summary style=\"padding:1rem 1.2rem; cursor:pointer; font-size:1.05rem; list-style:none; display:flex; justify-content:space-between; align-items:center;\">\n <span style=\"font-size:11px; letter-spacing:3px; text-transform:uppercase; color:#d4a832;\">\n <span class=\"hr-text\">Sugovornici<\/span><span class=\"en-text\" style=\"display:none;\">Interviewees<\/span>\n <\/span>\n <span style=\"font-size:1.4rem; color:#d4a832;\">\u203a<\/span>\n <\/summary>\n <div style=\"padding:0 1.2rem 1.5rem;\">\n <div style=\"display:flex; justify-content:space-between; align-items:start; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap; background:rgba(200,168,75,0.02);\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Povjesni\u010darka<\/span><span class=\"en-text\" style=\"display:none;\">Historian<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec; text-align:right;\">Doc. dr. sc. Kornelija Jurin Star\u010devi\u0107<br><small style=\"color:#aaaaaa; font-size:12px;\">FF Zagreb<\/small><\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:start; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap;\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Povjesni\u010darka<\/span><span class=\"en-text\" style=\"display:none;\">Historian<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec; text-align:right;\">Prof. dr. sc. Nata\u0161a \u0160tefanec<br><small style=\"color:#aaaaaa; font-size:12px;\">FF Zagreb<\/small><\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:start; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap; background:rgba(200,168,75,0.02);\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Kustosica<\/span><span class=\"en-text\" style=\"display:none;\">Curator<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec; text-align:right;\">Davorka Obradovi\u0107<br><small style=\"color:#aaaaaa; font-size:12px;\"><span class=\"hr-text\">Gradski muzej Sisak<\/span><span class=\"en-text\" style=\"display:none;\">Sisak City Museum<\/span><\/small><\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:start; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap;\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Restaurator<\/span><span class=\"en-text\" style=\"display:none;\">Restorer<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec; text-align:right;\">Thomas K\u00f6hler<br><small style=\"color:#aaaaaa; font-size:12px;\">Landeszeughaus, Graz<\/small><\/span>\n <\/div>\n <div style=\"display:flex; justify-content:space-between; align-items:start; padding:0.7rem 0; border-bottom:1px solid rgba(200,168,75,0.08); gap:1rem; flex-wrap:wrap; background:rgba(200,168,75,0.02);\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#7a6530;\"><span class=\"hr-text\">Kustos oru\u017eja<\/span><span class=\"en-text\" style=\"display:none;\">Weapons Curator<\/span><\/span>\n <span style=\"font-size:15px; color:#f5f2ec; text-align:right;\">Leon Bo\u0161njak<br><small style=\"color:#aaaaaa; font-size:12px;\"><span class=\"hr-text\">Hrvatski povijesni muzej<\/span><span class=\"en-text\" style=\"display:none;\">Croatian History Museum<\/span><\/small><\/span>\n <\/div>\n <\/div>\n <\/details>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<div style=\"background:#100e14; padding:3rem 5%; text-align:center; border-top:1px solid rgba(200,168,75,0.1);\">\n <div style=\"font-size:10px; letter-spacing:3px; text-transform:uppercase; color:#7a6530; margin-bottom:1.5rem;\">\n <span class=\"hr-text\">Partneri i sponzori<\/span><span class=\"en-text\" style=\"display:none;\">Partners & Sponsors<\/span>\n <\/div>\n <div style=\"display:flex; flex-wrap:wrap; justify-content:center; gap:0.8rem; max-width:800px; margin:0 auto;\">\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(232,223,200,0.35); padding:6px 14px; border:1px solid rgba(200,168,75,0.12);\">Applied Ceramics<\/span>\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(232,223,200,0.35); padding:6px 14px; border:1px solid rgba(200,168,75,0.12);\">Lenovo<\/span>\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(232,223,200,0.35); padding:6px 14px; border:1px solid rgba(200,168,75,0.12);\">DOT Konzalting<\/span>\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(232,223,200,0.35); padding:6px 14px; border:1px solid rgba(200,168,75,0.12);\">\u0160mit Electronic<\/span>\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(232,223,200,0.35); padding:6px 14px; border:1px solid rgba(200,168,75,0.12);\">Microline<\/span>\n <span style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(232,223,200,0.35); padding:6px 14px; border:1px solid rgba(200,168,75,0.12);\">Grad Sisak<\/span>\n <\/div>\n<\/div>\n\n\n<footer style=\"background:#050407; padding:2rem 5%; border-top:1px solid rgba(200,168,75,0.1);\">\n <div style=\"display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; align-items:center;\">\n <a href=\"https:\/\/kleosdigital.hr\/\" style=\"font-family:'Bebas Neue',sans-serif; font-size:1.4rem; color:#d4a832; text-decoration:none; letter-spacing:0.1em;\">KLEOS<span style=\"color:#f5f2ec;\">.<\/span><\/a>\n <div style=\"display:flex; gap:1.5rem; flex-wrap:wrap;\">\n <a href=\"#synopsis\" style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(245,242,236,0.4); text-decoration:none;\"><span class=\"hr-text\">Film<\/span><span class=\"en-text\" style=\"display:none;\">Film<\/span><\/a>\n <a href=\"#trailer\" style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(245,242,236,0.4); text-decoration:none;\">Trailer<\/a>\n <a href=\"#gallery\" style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(245,242,236,0.4); text-decoration:none;\"><span class=\"hr-text\">Galerija<\/span><span class=\"en-text\" style=\"display:none;\">Gallery<\/span><\/a>\n <a href=\"#premijera\" style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(245,242,236,0.4); text-decoration:none;\"><span class=\"hr-text\">Premijera<\/span><span class=\"en-text\" style=\"display:none;\">Premiere<\/span><\/a>\n <a href=\"#credits\" style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(245,242,236,0.4); text-decoration:none;\"><span class=\"hr-text\">Ekipa<\/span><span class=\"en-text\" style=\"display:none;\">Credits<\/span><\/a>\n <a href=\"#premiere\" style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(245,242,236,0.4); text-decoration:none;\">HBO Max<\/a>\n <a href=\"https:\/\/kleosdigital.hr\/\" style=\"font-size:11px; letter-spacing:2px; text-transform:uppercase; color:rgba(245,242,236,0.4); text-decoration:none;\">\u2190 Kleos Digital<\/a>\n <\/div>\n <span style=\"font-size:11px; color:rgba(245,242,236,0.2);\">\u00a9 2026 Kleos Digital<\/span>\n <\/div>\n <div style=\"margin-top:2rem; display:flex; gap:1rem; flex-wrap:wrap;\">\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61584750759059\" target=\"_blank\" class=\"social-btn\">Facebook<\/a>\n <a href=\"https:\/\/www.imdb.com\/title\/tt39165698\/\" target=\"_blank\" class=\"social-btn\">IMDb<\/a>\n <\/div>\n<\/footer>\n\n<script>\nfunction setLang(lang) {\n const hrEls = document.querySelectorAll('.hr-text');\n const enEls = document.querySelectorAll('.en-text');\n const btnHr = document.getElementById('btn-hr');\n const btnEn = document.getElementById('btn-en');\n if (lang === 'hr') {\n hrEls.forEach(el => el.style.display = '');\n enEls.forEach(el => el.style.display = 'none');\n btnHr.classList.add('active');\n btnEn.classList.remove('active');\n } else {\n hrEls.forEach(el => el.style.display = 'none');\n enEls.forEach(el => el.style.display = '');\n btnEn.classList.add('active');\n btnHr.classList.remove('active');\n }\n}\n\nconst heroSlides = ['hs0','hs1','hs2','hs3'];\nlet heroCur = 0;\nsetInterval(() => {\n document.getElementById(heroSlides[heroCur]).style.opacity = '0';\n heroCur = (heroCur + 1) % heroSlides.length;\n document.getElementById(heroSlides[heroCur]).style.opacity = '0.4';\n}, 4800);\n\nlet sliderIndex = 0;\nconst track = document.getElementById('sliderTrack');\nconst sliderSlides = track.querySelectorAll('.slide-item');\nconst total = sliderSlides.length;\nconst dotsContainer = document.getElementById('sliderDots');\n\nsliderSlides.forEach((_, i) => {\n const dot = document.createElement('button');\n dot.className = 'slider-dot' + (i === 0 ? ' active' : '');\n dot.onclick = () => goToSlide(i);\n dotsContainer.appendChild(dot);\n});\n\nfunction updateSlider() {\n track.style.transform = `translateX(-${sliderIndex * 100}%)`;\n dotsContainer.querySelectorAll('.slider-dot').forEach((d, i) => d.classList.toggle('active', i === sliderIndex));\n}\nfunction moveSlider(dir) {\n sliderIndex = (sliderIndex + dir + total) % total;\n updateSlider();\n}\nfunction goToSlide(i) {\n sliderIndex = i;\n updateSlider();\n}\nsetInterval(() => moveSlider(1), 5000);\n\nfunction openLb(src) {\n document.getElementById('lb-img').src = src;\n document.getElementById('lightbox').style.display = 'flex';\n document.body.style.overflow = 'hidden';\n}\nfunction closeLb() {\n document.getElementById('lightbox').style.display = 'none';\n document.body.style.overflow = '';\n}\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closeLb(); });\n\ndocument.getElementById('hamburger').addEventListener('click', () => {\n document.getElementById('navLinks').classList.toggle('active');\n});\n\nfunction toggleAcc(el) {\n const content = el.nextElementSibling;\n content.classList.toggle('open');\n el.lastElementChild.textContent = content.classList.contains('open') ? '\u2212' : '+';\n}\n\nsetLang('hr');\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Bitka kod Siska 1593. | Dokumentarni film KLEOS DIGIAL O filmu Trailer Galerija Premijere Ekipa Oktavijan osvaja Segestiku HR EN Dokumentarni Film \u00b7 Kleos Digital \u00b7 2025. Documentary Film \u00b7 Kleos Digital \u00b7 2025 Bitka The Battle kod Siska of Sisak 1593. RedateljDirector Dinko Kadi ProdukcijaProduction Kleos Digital TrajanjeRuntime 53 min PremijeraPremiere HBO Max \u00b7…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":31,"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/bitkakodsiska1593.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}