{"id":18238,"date":"2026-04-13T18:14:17","date_gmt":"2026-04-13T18:14:17","guid":{"rendered":"https:\/\/www.peternel2000.eu\/?page_id=18238"},"modified":"2026-11-05T10:33:15","modified_gmt":"2026-11-05T10:33:15","slug":"peternelai","status":"publish","type":"page","link":"https:\/\/www.peternel2000.eu\/en\/","title":{"rendered":"peternel+ai"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PETERNEL \u00b7 PRAKSA \u2014 Globalni CSS (v6 final)\n   Postavi\u0161 JEDNOM na vrhu Praksa stranice. Ne dira\u0161 vi\u0161e.\n   Sve scoped pod .praksa-media \u2014 ne utje\u010de na header niti ostatak sajta.\n\n   data-desktop=\"foto\"  \u2192 desktop pokazuje desktop fotku\n   data-desktop=\"video\" \u2192 desktop pokazuje desktop video\n   data-mobile=\"foto\"   \u2192 mobile pokazuje mobile fotku\n   data-mobile=\"video\"  \u2192 mobile pokazuje mobile video\n\n   FEATURES:\n   \u2014 VIDI VI\u0160E: glass krug + strelica desno (hover desktop, pulse mobile)\n   \u2014 Cijela slika klikabilna (otvara detaljnu stranicu)\n   \u2014 Glass pill na dnu: trust line + CTA (otvara Brief Canvas)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n.praksa-media {\n  \/* \u2500\u2500 Brand \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  --paper:        #FFFFFF;\n  --ink:          #0C0B14;\n  --mono:         'JetBrains Mono', ui-monospace, monospace;\n\n  \/* \u2500\u2500 Glass (HIG Liquid Glass) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  --glass-pad-y:  14px;\n  --glass-pad-x:  18px;\n  --glass-inset:  20px;\n  --glass-blur:   20px;\n  --glass-tint:   rgba(12, 11, 20, 0.34);\n  --glass-stroke: rgba(255, 255, 255, 0.22);\n  --glass-spec:   rgba(255, 255, 255, 0.32);\n  --glass-text:   rgba(255, 255, 255, 0.92);\n\n  \/* \u2500\u2500 Trust + CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  --trust-size:   10px;\n  --trust-letter: 0.10em;\n  --trust-dot-mx: 8px;\n  --cta-size:     11px;\n  --cta-letter:   0.14em;\n  --cta-pad-y:    9px;\n  --cta-pad-x:    16px;\n\n  \/* \u2500\u2500 VIDI VI\u0160E krug \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  --more-size:    60px;\n  --more-arrow:   24px;\n  --more-inset:   32px;\n\n  \/* \u2500\u2500 Aspect ratio \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  --media-aspect: 16 \/ 9;\n\n  \/* \u2500\u2500 Layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  position: relative;\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  aspect-ratio: var(--media-aspect);\n  overflow: hidden;\n  background: #111;\n  isolation: isolate;\n}\n\n.praksa-media,\n.praksa-media *,\n.praksa-media *::before,\n.praksa-media *::after {\n  box-sizing: border-box;\n}\n\n\/* \u2500\u2500 Slika i video \u2014 po\u010detno SVE sakriveno \u2500\u2500\u2500 *\/\n.praksa-media__img,\n.praksa-media__video {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: none;\n  z-index: 1;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DATA-DESKTOP LOGIKA (vidljivo na \u2265 721 px)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (min-width: 721px) {\n  .praksa-media[data-desktop=\"foto\"]  .praksa-media__img--desktop   { display: block; }\n  .praksa-media[data-desktop=\"video\"] .praksa-media__video--desktop { display: block; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DATA-MOBILE LOGIKA (vidljivo na \u2264 720 px)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 720px) {\n  .praksa-media[data-mobile=\"foto\"]  .praksa-media__img--mobile    { display: block; }\n  .praksa-media[data-mobile=\"video\"] .praksa-media__video--mobile  { display: block; }\n}\n\n\/* \u2500\u2500 Wrapper link (cijela slika klikabilna) \u2500\u2500\u2500 *\/\n.praksa-media__link {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  display: block;\n  text-decoration: none;\n  color: inherit;\n  cursor: pointer;\n}\n\n\/* \u2500\u2500 Tag oznaka gore lijevo \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.praksa-media__tag {\n  position: absolute;\n  top: 14px;\n  left: 14px;\n  z-index: 3;\n  padding: 6px 10px;\n  background: rgba(0, 0, 0, 0.35);\n  border-radius: 4px;\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  font-family: var(--mono);\n  font-size: 9px;\n  font-weight: 600;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.55);\n  pointer-events: none;\n}\n\n\/* \u2500\u2500 VIDI VI\u0160E glass krug + strelica \u2500\u2500\u2500\u2500\u2500 *\/\n.praksa-media__more {\n  position: absolute;\n  top: 50%;\n  right: var(--more-inset);\n  transform: translateY(-50%);\n  z-index: 3;\n  width: var(--more-size);\n  height: var(--more-size);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--glass-tint);\n  backdrop-filter: blur(var(--glass-blur)) saturate(1.4);\n  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.4);\n  box-shadow:\n    inset 0 0.5px 0 var(--glass-spec),\n    inset 0 -0.5px 0 rgba(0, 0, 0, 0.18),\n    inset 0 0 0 0.5px var(--glass-stroke),\n    0 8px 24px -6px rgba(0, 0, 0, 0.35);\n  color: var(--glass-text);\n  font-size: var(--more-arrow);\n  font-weight: 300;\n  font-family: var(--mono);\n  pointer-events: none;\n  transition: width 0.28s cubic-bezier(0.2, 0.8, 0.4, 1),\n              height 0.28s cubic-bezier(0.2, 0.8, 0.4, 1);\n}\n\n.praksa-media__more-arrow {\n  display: inline-block;\n  transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.4, 1);\n}\n\n\/* Hover na desktopu: krug raste, strelica klizi desno *\/\n@media (hover: hover) {\n  .praksa-media__link:hover ~ .praksa-media__more,\n  .praksa-media__link:focus-visible ~ .praksa-media__more {\n    width: calc(var(--more-size) + 8px);\n    height: calc(var(--more-size) + 8px);\n  }\n  .praksa-media__link:hover ~ .praksa-media__more .praksa-media__more-arrow,\n  .praksa-media__link:focus-visible ~ .praksa-media__more .praksa-media__more-arrow {\n    transform: translateX(3px);\n  }\n}\n\n\/* \u2500\u2500 Glass pill (trust + CTA) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.praksa-pill {\n  position: absolute;\n  bottom: var(--glass-inset);\n  left:   var(--glass-inset);\n  right:  var(--glass-inset);\n  z-index: 4;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: var(--glass-pad-y) var(--glass-pad-x);\n  border-radius: 999px;\n  background: var(--glass-tint);\n  backdrop-filter: blur(var(--glass-blur)) saturate(1.4);\n  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.4);\n  box-shadow:\n    inset 0 0.5px 0 var(--glass-spec),\n    inset 0 -0.5px 0 rgba(0, 0, 0, 0.18),\n    inset 0 0 0 0.5px var(--glass-stroke),\n    0 8px 24px -6px rgba(0, 0, 0, 0.35);\n  font-family: var(--mono);\n  color: var(--glass-text);\n}\n\n.praksa-pill__trust {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  font-size: var(--trust-size);\n  font-weight: 500;\n  letter-spacing: var(--trust-letter);\n  text-transform: uppercase;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--glass-text);\n}\n.praksa-pill__trust .br  { opacity: 0.55; }\n.praksa-pill__trust .dot {\n  display: inline-block;\n  margin: 0 var(--trust-dot-mx);\n  opacity: 0.45;\n}\n\n.praksa-pill__cta {\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: var(--cta-pad-y) var(--cta-pad-x);\n  border: 0;\n  border-radius: 999px;\n  background: var(--paper);\n  font-family: var(--mono);\n  font-size: var(--cta-size);\n  font-weight: 600;\n  letter-spacing: var(--cta-letter);\n  text-transform: uppercase;\n  text-decoration: none;\n  white-space: nowrap;\n  color: var(--ink);\n  cursor: pointer;\n  position: relative;\n  z-index: 5;\n  transition: background 0.22s ease;\n}\n.praksa-pill__cta:hover { background: #F4F4F6; }\n\n.praksa-pill__arrow {\n  font-size: 14px;\n  transition: transform 0.22s ease;\n}\n.praksa-pill__cta:hover .praksa-pill__arrow {\n  transform: translate(2px, -2px);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   A11Y FALLBACKS\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (prefers-reduced-transparency: reduce) {\n  .praksa-pill,\n  .praksa-media__more {\n    background: rgba(12, 11, 20, 0.92);\n    backdrop-filter: none;\n    -webkit-backdrop-filter: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .praksa-pill__cta,\n  .praksa-pill__arrow,\n  .praksa-media__more,\n  .praksa-media__more-arrow {\n    transition: none;\n    animation: none;\n  }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOBILE (\u2264 720 px) \u2014 aspect 4:5, pill stack, krug 44px, strelica klizi\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 720px) {\n  .praksa-media {\n    --media-aspect: 9 \/ 16;\n    --glass-inset:  12px;\n    --glass-pad-x:  14px;\n    --glass-pad-y:  12px;\n    --trust-size:   9px;\n    --trust-letter: 0.06em;\n    --trust-dot-mx: 6px;\n    --cta-size:     10px;\n    --cta-pad-y:    9px;\n    --cta-pad-x:    14px;\n    --more-size:    44px;\n    --more-arrow:   18px;\n    --more-inset:   14px;\n  }\n  .praksa-pill {\n    flex-direction: column;\n    gap: 10px;\n    align-items: stretch;\n    border-radius: 22px;\n  }\n  .praksa-pill__trust { text-align: center; }\n  .praksa-pill__cta   { justify-content: center; }\n\n  .praksa-media__more-arrow {\n    animation: praksa-arrow-slide 2.8s ease-in-out infinite;\n  }\n}\n\n@keyframes praksa-arrow-slide {\n  0%, 100% { transform: translateX(0);   }\n  50%      { transform: translateX(4px); }\n}\n\n\/* Vrlo uski ekrani (< 380 px) *\/\n@media (max-width: 380px) {\n  .praksa-media {\n    --trust-size:   8px;\n    --trust-letter: 0.04em;\n    --trust-dot-mx: 5px;\n    --glass-pad-x:  12px;\n  }\n}\n<\/style>\n<\/div><\/div><\/div><\/div><section class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling moj-mobilni-video bg-photo\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-padding-bottom-small:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-stretch fusion-flex-align-content-flex-end fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:8px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ============================================================\n     peternel+ai \u00b7 NOVI HOME \u00b7 HERO  (Avada Code Block)\n     Container: 100% \u0161irina, padding 0, CSS klasa: bg-dark\n       -> tvoj header preko videa sam postane bijel.\n     Mediji: Media Library (pnh-*.mp4, pnh-hero-poster*.jpg).\n     Mijenja\u0161 samo blok \"URE\u0110UJ SAMO OVDJE\" u skripti.\n     ============================================================ -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Serif:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n#pnh{--ink:#0C0B14;--lime:#E8FF3D;\n  --serif:'IBM Plex Serif',Georgia,serif;--mono:ui-monospace,Menlo,Consolas,monospace;\n  position:relative;height:100vh;height:100dvh;min-height:680px;overflow:hidden;background:#000;color:#fff;\n  width:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}\n#pnh *{box-sizing:border-box}\n#pnh p,#pnh h1{margin:0;padding:0}\n#pnh .copy,#pnh .copy p,#pnh .copy h1,#pnh .copy .ctas{text-align:left!important}\n#pnh video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;margin:0;max-width:none}\n#pnh video.on{opacity:1}\n#pnh .shade{position:absolute;inset:0;pointer-events:none;z-index:1;\n  background:linear-gradient(90deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,0) 50%),\n             linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,0) 26%)}\n\n#pnh .copy{position:absolute;z-index:3;left:clamp(20px,3vw,48px);bottom:clamp(140px,19vh,210px);max-width:min(1280px,92vw);transition:bottom .6s ease}\n#pnh .hl{background:rgba(12,12,16,.6);padding:.04em .22em;-webkit-box-decoration-break:clone;box-decoration-break:clone}\n#pnh .ask{font-family:var(--serif)!important;font-weight:400;font-size:clamp(20px,2.3vw,36px)!important;line-height:1.6!important;color:#fff!important;max-width:24em}\n#pnh .ask b{font-weight:500;color:var(--lime);border:2px solid var(--lime);border-radius:999px;padding:0 .32em}\n#pnh h1{font-family:var(--serif)!important;font-weight:600!important;font-size:clamp(40px,5.2vw,88px)!important;line-height:1.38!important;\n  letter-spacing:-.02em!important;color:#fff!important;margin-top:.2em;text-transform:none!important}\n#pnh h1 .y{color:var(--lime)}\n#pnh .sub{font-family:var(--serif)!important;font-size:clamp(16px,1.7vw,26px)!important;line-height:1.75!important;color:#fff!important;margin-top:.6em}\n#pnh .sub strong{font-weight:600;text-transform:uppercase}\n#pnh .ctas{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px}\n#pnh .ctal{font-family:var(--mono)!important;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#fff;opacity:.9;margin-right:8px}\n#pnh .btn.alt{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.7)}\n#pnh .ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.75);color:#fff!important;text-decoration:none!important;transition:background .15s,color .15s,transform .15s}\n#pnh .ico svg{width:21px;height:21px;fill:currentColor;display:block}\n#pnh .ico:hover{background:#fff;color:#111114!important;transform:translateY(-1px)}\n#pnh .ico:focus-visible{outline:3px solid #E8FF3D;outline-offset:3px}\n#pnh .ctabox{display:inline-flex;align-items:center;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;padding:6px 6px 6px 24px;box-shadow:0 6px 24px rgba(0,0,0,.25)}\n#pnh .ctabox .ctal{color:#111114!important;opacity:1;margin:0 14px 0 0;font-size:clamp(13px,1.05vw,16px);letter-spacing:.08em;white-space:nowrap}\n#pnh .ctabox .ctai{display:flex;gap:2px;border-left:1px solid rgba(17,17,20,.15);padding-left:6px}\n#pnh .ctabox .ico{width:46px;height:46px;border:0;border-radius:4px;color:#111114!important}\n#pnh .ctabox .ico:hover{background:rgba(255,255,255,.7);color:#111114!important;transform:none}\n@media (max-width:700px){#pnh .ctabox{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding:12px 10px 8px}#pnh .ctabox .ctal{flex-basis:100%;text-align:center;margin:0 0 6px}#pnh .ctabox .ctai{border:0;padding:0;gap:12px}}\n#pnh .ctabox{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:0;border-radius:0;gap:12px}\n#pnh .ctabox .ctal{color:#fff!important;margin:0;background:rgba(12,12,16,.6);padding:.55em .8em;font-size:clamp(13px,1.05vw,16px);letter-spacing:.1em}\n#pnh .ctabox .ctal .ar{color:var(--lime);margin-left:.6em;letter-spacing:0}\n#pnh .ctabox .ctai{border:0;padding:0;gap:8px}\n#pnh .ctabox .ico{width:44px;height:44px;border-radius:50%;background:rgba(12,12,16,.55);color:#fff!important}\n#pnh .ctabox .ico:hover{background:rgba(12,12,16,.8);color:var(--lime)!important}\n@media (max-width:700px){#pnh .ctabox{flex-wrap:wrap;justify-content:flex-start;width:auto;padding:0;gap:10px}#pnh .ctabox .ctal{flex-basis:auto;text-align:left;margin:0}#pnh .ctabox .ctai{gap:8px}}\n#pnh h1 .bm{display:none}\n#pnh h1 .nw{white-space:nowrap}\n@media (max-width:700px){#pnh h1 .bm{display:inline}#pnh .copy h1{font-size:clamp(24px,9.2vw,50px)!important}}\n@media (max-width:700px){#pnh.compact .copy h1{font-size:clamp(19px,6vw,28px)!important;line-height:1.32!important}#pnh.compact h1 .bm{display:none}#pnh .ctabox{flex-wrap:nowrap;gap:8px}#pnh .ctabox .ctal{font-size:11px;padding:.6em .6em;letter-spacing:.06em;white-space:nowrap}#pnh .ctabox .ctai{gap:6px}#pnh .ctabox .ico{width:38px;height:38px}#pnh .ctabox .ico svg{width:18px;height:18px}}\n@media (max-width:360px){#pnh .ctabox .ctal{font-size:10px;letter-spacing:.04em}#pnh .ctabox .ctai{gap:4px}#pnh .ctabox .ico{width:34px;height:34px}}\n\/* brand-hover *\/\n#pnh .ctabox #pnh-wa:hover,#pnh .ctabox #pnh-wa:focus-visible{background:#25D366;color:#fff!important}\n#pnh .ctabox #pnh-vb:hover,#pnh .ctabox #pnh-vb:focus-visible{background:#7360F2;color:#fff!important}\n#pnh .ctabox #pnh-sms:hover,#pnh .ctabox #pnh-sms:focus-visible{background:#34C759;color:#fff!important}\n#pnh .ctabox #pnh-mail:hover,#pnh .ctabox #pnh-mail:focus-visible{background:#1A73E8;color:#fff!important}\n@media (hover:hover) and (pointer:fine){#pnh-sms,#pnh-vb{display:none!important}}\n#pnh .btn.alt:hover{background:#fff;color:var(--ink)!important}\n#pnh .btn{font-family:var(--mono)!important;font-size:clamp(14px,1.15vw,18px);letter-spacing:.06em;padding:16px 30px;border-radius:4px;\n  text-decoration:none!important;color:var(--ink)!important;background:#fff;border:2px solid #fff;transition:transform .15s;line-height:1.2}\n#pnh .btn:hover{transform:translateY(-1px);color:var(--ink)!important}\n\n\/* nakon prvog kadra tekst se povu\u010de *\/\n#pnh .ask,#pnh .sub{max-height:9em;overflow:hidden;transition:opacity .45s ease,max-height .6s ease,margin .6s ease}\n#pnh h1{transition:font-size .6s ease,margin .6s ease}\n#pnh.compact .ask,#pnh.compact .sub{opacity:0;max-height:0;margin:0}\n#pnh.compact h1{font-size:clamp(28px,3.6vw,56px)!important;margin-top:0}\n#pnh.compact .copy{bottom:clamp(110px,14vh,150px)}\n#pnh.compact .ctas{margin-top:18px}\n\n#pnh .benefits{position:absolute;z-index:3;left:clamp(20px,3vw,48px);bottom:26px;width:min(1000px,calc(100% - 160px));\n  display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.22);padding-top:20px}\n#pnh .benefit{display:flex;align-items:center;gap:14px;font-family:var(--mono)!important;font-size:clamp(11px,.95vw,15px);\n  letter-spacing:.14em;line-height:1.5;text-transform:uppercase;color:#fff}\n#pnh .benefit svg{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:1.6;flex:none}\n\n#pnh .seal{position:absolute;z-index:3;top:clamp(96px,13vh,140px);right:clamp(16px,3vw,52px);width:clamp(130px,11vw,190px);\n  filter:drop-shadow(0 1px 5px rgba(0,0,0,.75))}\n#pnh .pause{position:absolute;z-index:4;right:20px;bottom:24px;width:40px;height:40px;border-radius:50%;padding:0;\n  border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.35);color:#fff;font-size:12px;cursor:pointer;line-height:1}\n#pnh .bar{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--lime);z-index:4}\n\n@media (max-width:760px){\n  #pnh{min-height:620px}\n  #pnh .shade{background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,0) 30%)}\n  #pnh .copy{left:14px;right:14px;bottom:112px}\n  #pnh .ask{font-size:18px!important}\n  #pnh h1{font-size:clamp(40px,11.5vw,58px)!important}\n  #pnh .sub{font-size:15px!important}\n  #pnh .ctas{gap:10px;margin-top:20px}\n  #pnh .ctal{flex-basis:100%;margin:0 0 2px}\n  #pnh.compact h1{font-size:clamp(26px,7.6vw,34px)!important}\n  #pnh.compact .copy{bottom:100px}\n  #pnh .benefits{left:18px;right:18px;width:auto;bottom:18px;gap:10px;padding-top:14px}\n  #pnh .benefit{font-size:9.5px;letter-spacing:.08em;gap:7px}\n  #pnh .benefit svg{width:20px;height:20px}\n  #pnh .seal{top:84px;right:12px;width:96px}\n  #pnh .pause{top:88px;left:14px;right:auto;bottom:auto}\n}\n@media (prefers-reduced-motion:reduce){#pnh .btn,#pnh .copy,#pnh .ask,#pnh .sub,#pnh h1{transition:none}}\n<\/style>\n\n<section id=\"pnh\" aria-label=\"peternel+ai\" data-no-translation translate=\"no\">\n  <div class=\"shade\"><\/div>\n\n  <div class=\"copy\">\n    <p class=\"ask\"><span class=\"hl\">\u0160to <b>AI<\/b> mo\u017ee u\u010diniti za<\/span><br><span class=\"hl\">prezentaciju va\u0161eg proizvoda?<\/span><\/p>\n    <h1><span class=\"hl\">Iz jedne ideje,<br class=\"bm\"> nacrta ili fotke -<br> <span class=\"y\">stotinu<br class=\"bm\"> vjerodostojnih scena.<\/span><\/span><\/h1>\n    <p class=\"sub\"><strong class=\"hl\">sve za web, tisak i dru\u0161tvene mre\u017ee.<\/strong><\/p>\n    <div class=\"ctas\">\n      <div class=\"ctabox\" role=\"group\" aria-label=\"Po\u0161aljite va\u0161e - WhatsApp, Viber, SMS ili e-mail\"><span class=\"ctal\">Po\u0161aljite va\u0161e<span class=\"ar\" aria-hidden=\"true\">\u2192<\/span><\/span><span class=\"ctai\"><a class=\"ico\" id=\"pnh-wa\" href=\"#\" aria-label=\"WhatsApp\" title=\"WhatsApp\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg><\/a><a class=\"ico\" id=\"pnh-vb\" href=\"#\" aria-label=\"Viber\" title=\"Viber\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M11.4 0C9.473.028 5.333.344 3.02 2.467 1.302 4.187.696 6.7.633 9.817.57 12.933.488 18.776 6.12 20.36h.003l-.004 2.416s-.037.977.61 1.177c.777.242 1.234-.5 1.98-1.302.407-.44.972-1.084 1.397-1.58 3.85.326 6.812-.416 7.15-.525.776-.252 5.176-.816 5.892-6.657.74-6.02-.36-9.83-2.34-11.546-.596-.55-3.006-2.3-8.375-2.323 0 0-.395-.025-1.037-.017zm.058 1.693c.545-.004.88.017.88.017 4.542.02 6.717 1.388 7.222 1.846 1.675 1.435 2.53 4.868 1.906 9.897v.002c-.604 4.878-4.174 5.184-4.832 5.395-.28.09-2.882.737-6.153.524 0 0-2.436 2.94-3.197 3.704-.12.12-.26.167-.352.144-.13-.033-.166-.188-.165-.414l.02-4.018c-4.762-1.32-4.485-6.292-4.43-8.895.054-2.604.543-4.738 1.996-6.173 1.96-1.773 5.474-2.018 7.11-2.03zm.38 2.602c-.167 0-.303.135-.304.302 0 .167.133.303.3.305 1.624.01 2.946.537 4.028 1.592 1.073 1.046 1.62 2.468 1.633 4.334.002.167.14.3.307.3.166-.002.3-.138.3-.304-.014-1.984-.618-3.596-1.816-4.764-1.19-1.16-2.692-1.753-4.447-1.765zm-3.96.695c-.19-.032-.4.005-.616.117l-.01.002c-.43.247-.816.562-1.146.932-.002.004-.006.004-.008.008-.267.323-.42.638-.46.948-.008.046-.01.093-.007.14 0 .136.022.27.065.4l.013.01c.135.48.473 1.276 1.205 2.604.42.768.903 1.5 1.446 2.186.27.344.56.673.87.984l.132.132c.31.308.64.6.984.87.686.543 1.418 1.027 2.186 1.447 1.328.733 2.126 1.07 2.604 1.206l.01.014c.13.042.265.064.402.063.046.002.092 0 .138-.008.31-.036.627-.19.948-.46.004 0 .003-.002.008-.005.37-.33.683-.72.93-1.148l.003-.01c.225-.432.15-.842-.18-1.12-.004 0-.698-.58-1.037-.83-.36-.255-.73-.492-1.113-.71-.51-.285-1.032-.106-1.248.174l-.447.564c-.23.283-.657.246-.657.246-3.12-.796-3.955-3.955-3.955-3.955s-.037-.426.248-.656l.563-.448c.277-.215.456-.737.17-1.248-.217-.383-.454-.756-.71-1.115-.25-.34-.826-1.033-.83-1.035-.137-.165-.31-.265-.502-.297zm4.49.88c-.158.002-.29.124-.3.282-.01.167.115.312.282.324 1.16.085 2.017.466 2.645 1.15.63.688.93 1.524.906 2.57-.002.168.13.306.3.31.166.003.305-.13.31-.297.025-1.175-.334-2.193-1.067-2.994-.74-.81-1.777-1.253-3.05-1.346h-.024zm.463 1.63c-.16.002-.29.127-.3.287-.008.167.12.31.288.32.523.028.875.175 1.113.422.24.245.388.62.416 1.164.01.167.15.295.318.287.167-.008.295-.15.287-.317-.03-.644-.215-1.178-.58-1.557-.367-.378-.893-.574-1.52-.607h-.018z\"\/><\/svg><\/a><a class=\"ico\" id=\"pnh-sms\" href=\"#\" aria-label=\"SMS\" title=\"SMS\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"\/><\/svg><\/a><a class=\"ico\" id=\"pnh-mail\" href=\"#\" aria-label=\"E-mail\" title=\"E-mail\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg><\/a><\/span><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"benefits\">\n    <div class=\"benefit\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3 3 8l9 5 9-5-9-5z\"\/><path d=\"m3 13 9 5 9-5\"\/><path d=\"m3 17.5 9 5 9-5\"\/><\/svg>Vi\u0161e<br>sadr\u017eaja<\/div>\n    <div class=\"benefit\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 2 4 14h7l-1 8 9-12h-7l1-8z\"\/><\/svg>Brza<br>isporuka<\/div>\n    <div class=\"benefit\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 6.5A7 7 0 1 0 17 17.5\"\/><path d=\"M4 10h9M4 14h9\"\/><\/svg>Ni\u017ei tro\u0161kovi<br>produkcije<\/div>\n  <\/div>\n\n  <svg class=\"seal\" viewBox=\"0 0 200 200\" role=\"img\" aria-label=\"25+ godina iskustva, grafi\u010dki projekti od 2000.\">\n    <defs><path id=\"pnh-sc\" d=\"M100,100 m-82,0 a82,82 0 1,1 164,0 a82,82 0 1,1 -164,0\"\/><\/defs>\n    <text font-family=\"ui-monospace,Menlo,monospace\" font-size=\"12.5\" letter-spacing=\"3.2\" fill=\"#fff\" fill-opacity=\".85\"><textPath href=\"#pnh-sc\">peternel \u00b7 grafi\u010dki projekti od 2000. \u2605 <\/textPath><\/text>\n    <circle cx=\"100\" cy=\"100\" r=\"60\" fill=\"rgba(0,0,0,.2)\" stroke=\"#fff\" stroke-opacity=\".7\" stroke-width=\"1.6\"\/>\n    <text x=\"100\" y=\"101\" text-anchor=\"middle\" font-family=\"ui-monospace,Menlo,monospace\" font-size=\"42\" fill=\"#fff\">25<tspan fill=\"#E8FF3D\">+<\/tspan><\/text>\n    <text x=\"100\" y=\"124\" text-anchor=\"middle\" font-family=\"ui-monospace,Menlo,monospace\" font-size=\"11.5\" letter-spacing=\"1.6\" fill=\"#fff\">GODINA<\/text>\n    <text x=\"100\" y=\"140\" text-anchor=\"middle\" font-family=\"ui-monospace,Menlo,monospace\" font-size=\"11.5\" letter-spacing=\"1.6\" fill=\"#E8FF3D\">ISKUSTVA<\/text>\n  <\/svg>\n\n  <button class=\"pause\" id=\"pnh-pause\" type=\"button\" aria-label=\"Pauza ili reprodukcija\">\u275a\u275a<\/button>\n  <div class=\"bar\" id=\"pnh-bar\"><\/div>\n<\/section>\n\n<script>\n(function(){\n  \/* ============ URE\u0110UJ SAMO OVDJE ============ *\/\n  var BASE = 'https:\/\/www.peternel2000.eu\/wp-content\/uploads\/';\n  var CUT = 2500, FIRST = 3500;                     \/\/ ms po kadru; prvi (Lucija) du\u017ei\n  var TEL = '38598464646', MAIL = 'filip@peternel2000.eu';   \/\/ kontakt (WhatsApp, SMS, e-mail)\n  var EN=\/^en\/i.test(document.documentElement.lang||'')||\/^\\\/en(\\\/|$)\/.test(location.pathname);   \/\/ \/en\/ = engleski (TranslatePress), blok se prevodi sam\n  var MSG = EN ? 'Hi Filip, I have an idea \/ sketch \/ photo for a presentation.' : 'Pozdrav Filip, imam ideju \/ nacrt \/ fotku za prezentaciju.';\n\n  \/\/ land = 16:9, port = 9:16 za mobitel, pos = gdje je subjekt kad se 16:9 re\u017ee,\n  \/\/ from = sekunda od koje kre\u0107e (16:9), dur = trajanje kadra (ms)\n  \/\/ mfrom \/ mdur = isto za mobitel (ako nisu upisani, mobitel kre\u0107e od 0 na 9:16 videu); pos = kadriranje na mobitelu ('x% y%')\n  var CLIPS = [\n    {land:'peternel-ai-hero-kauc-koza.mp4',    port:null, pos:'70% 50%'},\n    {land:'peternel-ai-hero-kauc-tkanina.mp4', port:null, pos:'90% 50%'},\n    {land:'peternel-ai-hero-bager.mp4',   port:'peternel-ai-hero-bager-uspravno.mp4', mfrom:2},\n    {land:'peternel-ai-hero-vila.mp4',    port:'peternel-ai-hero-vila-uspravno.mp4', from:6, dur:3000, mfrom:6},\n    {land:'peternel-ai-hero-kruh.mp4',    port:'peternel-ai-hero-kruh-uspravno.mp4'},\n    {land:'peternel-ai-hero-japanka.mp4', port:'peternel-ai-hero-japanka-uspravno.mp4', from:5, mfrom:1, mdur:4000},\n    {land:'peternel-ai-hero-grgo.mp4',    port:'peternel-ai-hero-grgo-kvadrat.mp4', from:1, dur:3000, mfrom:1, mdur:3000}\n  ];\n  var POSTER = 'peternel-ai-hero-poster.jpg', POSTER_M = 'peternel-ai-hero-poster-uspravno.jpg';\n  \/* =========================================== *\/\n\n  var hero=document.getElementById('pnh'); if(!hero) return;\n  var bar=document.getElementById('pnh-bar'), btn=document.getElementById('pnh-pause');\n\n  if(EN){ (function(){\n    var q=function(x){return hero.querySelector(x);};\n    q('.ask').innerHTML='<span class=\"hl\">What can <b>AI<\/b> do for<\/span><br><span class=\"hl\">your product presentation?<\/span>';\n    q('h1').innerHTML='<span class=\"hl\">From one idea,<br class=\"bm\"> sketch or photo -<br> <span class=\"y\">a hundred<br class=\"bm\"> authentic scenes.<\/span><\/span>';\n    q('.sub').innerHTML='<strong class=\"hl\">everything for web, print and social media.<\/strong>';\n    q('.ctal').innerHTML='Send yours<span class=\"ar\" aria-hidden=\"true\">\u2192<\/span>';\n    q('.ctabox').setAttribute('aria-label','Send yours - WhatsApp, Viber, SMS or e-mail');\n    var bt=['More<br>content','Fast<br>delivery','Lower production<br>costs'];\n    [].forEach.call(hero.querySelectorAll('.benefit'),function(b,k){ var sv=b.querySelector('svg'); b.innerHTML=(sv?sv.outerHTML:'')+bt[k]; });\n    var se=q('.seal'); if(se){ se.setAttribute('aria-label','25+ years of experience, graphic design since 2000.');\n      var tp=se.querySelector('textPath'); if(tp) tp.textContent='peternel \u00b7 graphic design since 2000. \u2605 ';\n      var tx=se.querySelectorAll(':scope > text'); if(tx.length>=4){ tx[2].textContent='YEARS OF'; tx[3].textContent='EXPERIENCE'; } }\n    btn.setAttribute('aria-label','Pause or play');\n  })(); }\n  (function(){ var e=encodeURIComponent, g=function(i){return document.getElementById(i);};\n    g('pnh-wa').href='https:\/\/wa.me\/'+TEL+'?text='+e(MSG); g('pnh-wa').target='_blank'; g('pnh-wa').rel='noopener';\n    g('pnh-vb').href=(window.matchMedia('(hover: none)').matches ? 'viber:\/\/add?number='+TEL : 'viber:\/\/chat?number=%2B'+TEL);   \/\/ mobitel: add (chat javlja \"page unavailable\")\n    g('pnh-sms').href='sms:+'+TEL+'?&body='+e(MSG);\n    g('pnh-mail').href='mailto:'+MAIL+'?subject='+e('Upit - peternel+ai')+'&body='+e(MSG);\n  })();\n  var portrait=window.matchMedia('(orientation: portrait) and (max-width: 820px)').matches;\n  var reduce=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  var vids=CLIPS.map(function(c,n){\n    var v=document.createElement('video');\n    v.muted=true; v.playsInline=true; v.loop=true; v.setAttribute('playsinline','');\n    v.preload = n<2 ? 'auto' : 'none';\n    var usePort = portrait && c.port;\n    v.src = BASE + (usePort ? c.port : c.land);\n    v._from = portrait ? (c.mfrom!=null ? c.mfrom : (usePort ? 0 : (c.from||0))) : (c.from||0);\n    if(portrait && c.pos) v.style.objectPosition = c.pos;\n    if(n===0) v.poster = BASE + (portrait ? POSTER_M : POSTER);\n    hero.insertBefore(v, hero.firstChild);\n    return v;\n  });\n\n  var i=0, timer=null, raf=null, playing=!reduce, t0=0, dur=FIRST;\n  function show(n){\n    vids[i].classList.remove('on'); vids[i].pause();\n    i=n; var v=vids[i]; v.classList.add('on');\n    hero.classList.toggle('compact', i!==0);\n    try{v.currentTime=v._from;}catch(e){}\n    if(playing) v.play().catch(function(){});\n    var nx=vids[(i+1)%vids.length]; if(nx.preload==='none'){nx.preload='auto'; nx.load();}\n  }\n  function tick(){ if(!playing) return; bar.style.width=Math.min(100,(performance.now()-t0)\/dur*100)+'%'; raf=requestAnimationFrame(tick); }\n  function schedule(){\n    clearTimeout(timer); cancelAnimationFrame(raf); if(!playing) return;\n    dur=(portrait && CLIPS[i].mdur) || CLIPS[i].dur || ((i===0)?FIRST:CUT); t0=performance.now(); tick();\n    timer=setTimeout(function(){ show((i+1)%vids.length); schedule(); }, dur);\n  }\n  function play(){playing=true; btn.textContent='\u275a\u275a'; vids[i].play().catch(function(){}); schedule();}\n  function stop(){playing=false; btn.textContent='\u25b6'; clearTimeout(timer); cancelAnimationFrame(raf); vids[i].pause();}\n  btn.addEventListener('click',function(){playing?stop():play();});\n\n  vids[0].classList.add('on');\n  if(playing){ vids[0].play().catch(function(){}); schedule(); } else { btn.textContent='\u25b6'; }\n})();\n<\/script><\/div><\/div><\/div><\/section><section class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling moj-mobilni-video bg-photo\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-padding-bottom-small:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-stretch fusion-flex-align-content-flex-end fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:8px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ============================================================\n     peternel+ai \u00b7 NASLOVNICA \u00b7 MANIFEST + ZID RADOVA  (Avada Code Block)\n     Zamjenjuje stari blok \"RADOVI-grid\" (manifest + 16 kartica). Isti Container, isto mjesto.\n     Container 100% \u0161irina, padding 0, BEZ CSS ID-a -> Code Block -> zalijepi OVO.\n     Klik na karticu otvara rad u prozoru preko stranice (sa strane; mobitel preko cijelog ekrana). Interaktivni demoi dolaze sa stranice \/radovi\n     (i \/ambienta za vilu) - zato \/radovi i \/ambienta MORAJU ostati na serveru.\n     HR\/EN: na \/en\/ se prika\u017ee engleski sam (TranslatePress ovaj blok ne dira).\n\n     KAKO DODATI NOVI RAD (tra\u017ei \"RADOVI - URE\u0110UJ OVDJE\" ni\u017ee):\n     1. Slike i video ubaci u Media Library (ime bez -1200x800, bez razmaka i \u010d\/\u0107).\n     2. Kopiraj jedan blok <div class=\"rad\"> ... <\/div> i zalijepi ga gdje \u017eeli\u0161 da stoji.\n        Redoslijed u kodu = redoslijed na webu.\n     3. Promijeni:\n        id            kratko ime, bez razmaka (postaje adresa: peternel2000.eu\/#ime)\n        data-kat      proizvod \/ nacrt \/ mjesto\n        data-slika    slika kartice (samo ime iz Media Library)\n        data-video    video na prelazak mi\u0161em (mo\u017ee prazno)\n        data-galerija slike u otvorenom radu: \"ime.jpg | opis; ime2.jpg | opis2\"\n        data-videi    videi u otvorenom radu: \"ime.mp4 | opis; ime2.mp4 | opis2\"\n        <h3> naslov, <p> podnaslov, a za engleski <h3 lang=\"en\"> i <p lang=\"en\">\n        <p class=\"opis\"> (mo\u017ee izostati) - du\u017ei tekst u otvorenom radu\n     4. Update. Kartica, hover video i otvoreni rad slo\u017ee se sami.\n     RAD SLO\u017dEN IZ DIJELOVA (kao na starim praksama) - unutar <div class=\"rad\"> redom:\n        <div class=\"blok\" data-oznaka=\"...\" data-naslov=\"...\" data-tekst=\"...\" data-odgovor=\"Mo\u017ee!\"><\/div>\n        <div class=\"video\" data-src=\"ime.mp4\"><\/div>            (data-zvuk=\"da\" = video sa zvukom, data-mala=\"da\" = manji video)\n        <div class=\"slika\" data-src=\"ime.jpg\"><\/div>\n        <div class=\"mreza\" data-slike=\"a.jpg; b.jpg; c.jpg\"><\/div>   slike u mre\u017ei\n        <div class=\"vrpca\" data-slike=\"a.jpg; b.jpg; ...\"><\/div>     slike u traci sa strelicama\n        <div class=\"prije-poslije\" data-prije=\"ime.jpg\" data-poslije=\"ime.mp4 ili .jpg\"><\/div>  kliza\u010d\n           (oznake kliza\u010da po \u017eelji: data-l1=\"Prazno\" data-l2=\"Opremljeno\")\n        <div class=\"parovi\"> vi\u0161e prije-poslije unutra <\/div>          kliza\u010di dva po dva\n        <div class=\"odjeljak\" data-oznaka=\"A \u00b7 NASLOV DIJELA\"><\/div>  razdjelnik s crtom\n        mre\u017ea u dva stupca: <div class=\"mreza\" data-stupci=\"2\" ...>\n        Engleski: isti atributi s nastavkom -en (data-naslov-en, data-tekst-en ...).\n     data-demo = interaktivni demo sa \/radovi (konfigurator, kliza\u010di) - njih odr\u017eava Claude.\n     (data-demo=\"radovi:gradnja>beton\" = samo dio \"beton\" iz sekcije \"gradnja\")\n     data-prikazi=\"ne\" = rad je u kodu, ali se ne prikazuje (npr. dok mediji nisu uploadani).\n     ============================================================ -->\n<style>\n\/* ===== MANIFEST - uvod iznad kartica \u00b7 rije\u010di se pale dok skrola\u0161 (bez dodatnog skrola) ===== *\/\n.pnm{position:relative;background:#fff;color:#0C0B14;text-align:center}\n.pnm *{box-sizing:border-box}\n.pnm .pnm-in{padding:clamp(64px,8vw,120px) 24px clamp(40px,4.6vw,64px)}\n.pnm .pnm-t{font-family:'IBM Plex Serif',Georgia,serif!important;font-weight:400!important;font-size:21px!important;line-height:1.62!important;letter-spacing:0!important;color:#0C0B14!important;max-width:820px;margin:0 auto!important;padding:0!important;text-align:center!important;text-wrap:balance}\n.pnm .pnm-t b{font-weight:600}\n.pnm .pnm-logo{font-family:'Fira Code',monospace!important;font-weight:600;font-size:.92em;letter-spacing:0;white-space:nowrap}\n.pnm .pnm-logo .pl{color:#A9BD00}\n.pnm .pnm-t .hl{font-weight:500;padding:0 .08em;background:linear-gradient(#E8FF3D,#E8FF3D) no-repeat 0 92%\/100% .42em}\n.pnm.rv .pnm-t .hl{background-size:0% .42em;transition:background-size 1.1s cubic-bezier(.6,.1,.2,1) .15s}\n.pnm.rv.done .pnm-t .hl{background-size:100% .42em}\n.pnm .pnm-h{font-family:'IBM Plex Serif',Georgia,serif!important;font-weight:600!important;font-size:50px!important;line-height:1.1!important;letter-spacing:-.015em!important;color:#0C0B14!important;text-transform:none!important;margin:clamp(26px,3vw,44px) 0 0!important;padding:0!important;text-align:center!important}\n.pnm .pnm-h .ar{display:inline-block;font-weight:400;margin-left:.18em}\n.pnm.rv .w{opacity:.16;transition:opacity .25s linear}\n.pnm.done .pnm-h .ar{animation:pnmdown 1.6s ease-in-out .2s 2}\n@keyframes pnmdown{0%,100%{transform:none}50%{transform:translateY(8px)}}\n@media (max-width:1099px){.pnm .pnm-t{font-size:19px!important;max-width:700px}.pnm .pnm-h{font-size:42px!important}}\n@media (max-width:700px){.pnm .pnm-in{padding:52px 22px 34px}.pnm .pnm-t{font-size:17px!important;line-height:1.6!important}.pnm .pnm-h{font-size:34px!important}}\n\n\/* ===================== :is(#pnr,#pnr-ov) - ZID RADOVA ===================== *\/\n:is(#pnr,#pnr-ov){--ink:#0C0B14;--grey:#626268;--line:#E4E4E2;--soft:#F6F6F5;--mark:#E8FF3D;\n  --serif:'IBM Plex Serif',Georgia,'Times New Roman',serif;--mono:'Fira Code',ui-monospace,Menlo,Consolas,monospace;\n  background:#fff;color:var(--ink);font-family:var(--mono);text-align:left;padding:0 clamp(16px,4vw,48px) 56px}\n:is(#pnr,#pnr-ov) *{box-sizing:border-box}\n:is(#pnr,#pnr-ov) .pnr-in{max-width:1240px;margin:0 auto}\n:is(#pnr,#pnr-ov) h2,:is(#pnr,#pnr-ov) h3,:is(#pnr,#pnr-ov) h4,:is(#pnr,#pnr-ov) p,:is(#pnr,#pnr-ov) figure{margin:0!important;padding:0!important;text-align:left!important;text-transform:none!important;letter-spacing:normal}\n:is(#pnr,#pnr-ov) .rad-data{display:none!important}\n:is(#pnr,#pnr-ov) button{font-family:var(--mono)!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none}\n:is(#pnr,#pnr-ov),:is(#pnr,#pnr-ov) *{overflow-anchor:none}\n:is(#pnr,#pnr-ov) .tabs{position:sticky;top:var(--pnr-top,0px);z-index:20;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:6px;overflow-x:auto;padding:12px 0;scrollbar-width:none}\n:is(#pnr,#pnr-ov) .tabs::-webkit-scrollbar{display:none}\n:is(#pnr,#pnr-ov) .tab{flex:none;font-size:13px!important;line-height:1.2!important;border:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;color:var(--ink)!important;padding:10px 14px!important;min-height:44px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;font-weight:400!important}\n:is(#pnr,#pnr-ov) .tab span{color:var(--grey);font-size:11.5px;font-variant-numeric:tabular-nums}\n:is(#pnr,#pnr-ov) .tab:hover{border-color:var(--ink)!important}\n:is(#pnr,#pnr-ov) .tab[aria-pressed=\"true\"]{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}\n:is(#pnr,#pnr-ov) .tab[aria-pressed=\"true\"] span{color:var(--mark)}\n:is(#pnr,#pnr-ov) :focus-visible{outline:2px solid var(--ink);outline-offset:3px}\n:is(#pnr,#pnr-ov) .cat{display:flex;flex-direction:column;gap:18px;padding:36px 0 8px}\n:is(#pnr,#pnr-ov) .cat[hidden]{display:none!important}\n:is(#pnr,#pnr-ov) .cat-head{display:flex;flex-direction:column;gap:2px}\n:is(#pnr,#pnr-ov) .cat-head h2{font-family:var(--serif)!important;font-weight:500!important;font-size:clamp(24px,3vw,32px)!important;line-height:1.2!important;color:var(--ink)!important}\n:is(#pnr,#pnr-ov) .cat-head p{color:var(--grey)!important;font-family:var(--mono)!important;font-weight:400!important;font-size:15px!important;line-height:1.6!important;letter-spacing:-.02em!important;word-spacing:-.22em!important}\n:is(#pnr,#pnr-ov) .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}\n:is(#pnr,#pnr-ov) .card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;scroll-margin-top:110px}\n:is(#pnr,#pnr-ov) .card.wide{grid-column:span 2}\n:is(#pnr,#pnr-ov) .card .img{position:relative;aspect-ratio:16\/10;overflow:hidden;background:var(--soft)}\n:is(#pnr,#pnr-ov) .card.wide .img{aspect-ratio:21\/9}\n:is(#pnr,#pnr-ov) .card .img img,:is(#pnr,#pnr-ov) .card .img video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;max-width:none;border:0;transform:scale(1.03)}\n:is(#pnr,#pnr-ov) .card .img video{opacity:0;transition:opacity .3s}\n:is(#pnr,#pnr-ov) .card .img video.on{opacity:1}\n:is(#pnr,#pnr-ov) .card .img.duo{display:grid;grid-template-columns:1fr 1fr;gap:3px}\n:is(#pnr,#pnr-ov) .card .img.duo img{position:static}\n:is(#pnr,#pnr-ov) .card h3{font-family:var(--serif)!important;font-weight:500!important;font-size:19px!important;line-height:1.25!important;color:var(--ink)!important}\n:is(#pnr,#pnr-ov) .card h3 button{all:unset;cursor:pointer;font-family:var(--serif)!important}\n:is(#pnr,#pnr-ov) .card h3 button::after{content:\"\";position:absolute;inset:0;z-index:2}\n:is(#pnr,#pnr-ov) .card h3 button:focus-visible{outline:none}\n:is(#pnr,#pnr-ov) .card:focus-within .img{outline:3px solid #E8FF3D;outline-offset:-3px}\n:is(#pnr,#pnr-ov) .card .d{color:var(--grey)!important;font-family:var(--mono)!important;font-weight:300!important;font-size:13px!important;line-height:1.6!important;letter-spacing:-.02em!important;word-spacing:-.3em!important}\n:is(#pnr,#pnr-ov) .card .more{font-family:var(--serif)!important;font-size:15px;font-weight:400;color:var(--ink);display:inline-flex;gap:6px;align-items:center}\n:is(#pnr,#pnr-ov) .card .more i{font-style:normal;display:inline-block;transition:transform .3s}\n:is(#pnr,#pnr-ov) .card .more i{transition:transform .3s,color .3s}:is(#pnr,#pnr-ov) .card:hover .more i,:is(#pnr,#pnr-ov) .card:focus-within .more i{transform:translateX(6px);color:#A9BD00}\n:is(#pnr,#pnr-ov) .card.open .img::after{content:\"\";position:absolute;inset:0;border:3px solid #E8FF3D;z-index:1}\n@media (hover:hover) and (prefers-reduced-motion:no-preference){:is(#pnr,#pnr-ov) .card .img img{transition:transform .5s ease}:is(#pnr,#pnr-ov) .card:hover .img img{transform:scale(1.06)}}\n\n\/* otvoreni rad *\/\n:is(#pnr,#pnr-ov) .panel{min-width:0;max-width:100%;grid-column:1\/-1;background:var(--soft);position:relative;padding:28px clamp(16px,3vw,36px) 32px;display:flex;flex-direction:column;gap:28px;scroll-margin-top:110px;outline:none}\n:is(#pnr,#pnr-ov) .p-close{position:sticky;top:calc(var(--pnr-top,0px) + 76px);align-self:flex-end;margin-bottom:-56px;z-index:6;width:48px;height:48px;border:0!important;border-radius:50%!important;background:var(--ink)!important;color:var(--mark)!important;font-size:26px!important;line-height:1!important;padding:0!important;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 18px -6px rgba(12,11,20,.45)}\n:is(#pnr,#pnr-ov) .p-close:hover{transform:scale(1.06)}\n:is(#pnr,#pnr-ov) .p-head{display:flex;flex-direction:column;gap:4px;max-width:70ch;padding-right:56px}\n:is(#pnr,#pnr-ov) .p-head h3{font-family:var(--serif)!important;font-weight:500!important;font-size:clamp(24px,3vw,32px)!important;line-height:1.2!important;color:var(--ink)!important}\n:is(#pnr,#pnr-ov) .p-head p{color:var(--grey)!important;font-family:var(--mono)!important;font-weight:400!important;font-size:15px!important;line-height:1.6!important;letter-spacing:-.02em!important;word-spacing:-.22em!important}\n:is(#pnr,#pnr-ov) .p-opis{font-family:var(--mono)!important;font-weight:300!important;font-size:14px!important;line-height:1.7!important;color:var(--ink)!important;max-width:70ch}\n:is(#pnr,#pnr-ov) .p-frame{width:100%;border:0;display:block;min-height:320px;background:var(--soft);transition:height .2s}\n:is(#pnr,#pnr-ov) .p-load{font-size:13px;color:var(--grey);padding:40px 0;text-align:center}\n:is(#pnr,#pnr-ov) .gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}\n:is(#pnr,#pnr-ov) .gal.n1{grid-template-columns:1fr}\n:is(#pnr,#pnr-ov) .gal.n3{grid-template-columns:repeat(3,minmax(0,1fr))}\n:is(#pnr,#pnr-ov) .gal figure{display:flex;flex-direction:column;gap:6px;min-width:0}\n:is(#pnr,#pnr-ov) .gal .st{position:relative;aspect-ratio:16\/10;overflow:hidden;background:#E9E9E7;cursor:zoom-in}\n:is(#pnr,#pnr-ov) .gal.n1 .st{aspect-ratio:16\/9}\n:is(#pnr,#pnr-ov) .gal .st img,:is(#pnr,#pnr-ov) .gal .st video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none;margin:0}\n:is(#pnr,#pnr-ov) .gal figcaption{font-size:12.5px;color:var(--grey);font-weight:300}\n:is(#pnr,#pnr-ov) .gal button.st{all:unset;position:relative;display:block;aspect-ratio:16\/10;overflow:hidden;background:#E9E9E7;cursor:zoom-in}\n:is(#pnr,#pnr-ov) .gal button.st:focus-visible{outline:2px solid var(--ink);outline-offset:3px}\n:is(#pnr,#pnr-ov) .vbtn{position:absolute;right:10px;bottom:10px;z-index:2;min-width:44px;height:36px;border:0!important;border-radius:0!important;background:rgba(12,11,20,.78)!important;color:#fff!important;font-size:12px!important;padding:0 10px!important;cursor:pointer}\n:is(#pnr,#pnr-ov) .pnav{display:flex;justify-content:space-between;gap:16px;border-top:2px solid #fff;margin:0 calc(-1 * clamp(16px,3vw,36px));padding:22px clamp(16px,3vw,36px) 0}\n:is(#pnr,#pnr-ov) .pnav .pn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:44px;max-width:48%;padding:4px 0}\n:is(#pnr,#pnr-ov) .pnav .pn.nx{text-align:right;align-items:flex-end;margin-left:auto}\n:is(#pnr,#pnr-ov) .pnav .pl{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}\n:is(#pnr,#pnr-ov) .pnav .pt{font-family:var(--serif);font-weight:500;font-size:clamp(17px,1.4vw,20px);line-height:1.3;color:var(--ink)}\n:is(#pnr,#pnr-ov) .pnav .pn:hover .pt{text-decoration:underline;text-decoration-color:var(--mark);text-decoration-thickness:.32em;text-underline-offset:-.12em;text-decoration-skip-ink:none}\n:is(#pnr,#pnr-ov) .pnav .pn:focus-visible{outline:2px solid var(--ink);outline-offset:4px}\n@media (max-width:560px){:is(#pnr,#pnr-ov) .pnav .pn.pv{display:none}:is(#pnr,#pnr-ov) .pnav .pn.nx{max-width:100%}}\n:is(#pnr,#pnr-ov) .cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;border-top:1px solid var(--line);padding-top:22px}\n:is(#pnr,#pnr-ov) .cta .q{display:flex;flex-direction:column;gap:2px}\n:is(#pnr,#pnr-ov) .cta .q b{font-family:var(--serif)!important;font-weight:500!important;font-size:19px!important;line-height:1.25;color:var(--ink)}\n:is(#pnr,#pnr-ov) .cta .q span{font-size:14px;color:var(--ink);display:inline-flex;align-items:center;gap:6px}\n:is(#pnr,#pnr-ov) .cta .q span svg{width:16px;height:16px}\n:is(#pnr,#pnr-ov) .cta .q small{font-size:12.5px;color:var(--grey);font-weight:300}\n:is(#pnr,#pnr-ov) .cta .ic{display:flex;gap:8px}\n:is(#pnr,#pnr-ov) .cta .ic a{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff!important;text-decoration:none!important;transition:transform .15s,background .15s}\n:is(#pnr,#pnr-ov) .cta .ic a svg{width:21px;height:21px;fill:currentColor;display:block}\n:is(#pnr,#pnr-ov) .cta .ic a:hover{transform:translateY(-1px);color:var(--mark)!important}\n@media (hover:hover) and (pointer:fine){:is(#pnr,#pnr-ov) .cta .ic .sms,:is(#pnr,#pnr-ov) .cta .ic .vb{display:none}}\n@media (max-width:900px){:is(#pnr,#pnr-ov) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media (max-width:560px){:is(#pnr,#pnr-ov) .grid{grid-template-columns:1fr}:is(#pnr,#pnr-ov) .card.wide{grid-column:auto}:is(#pnr,#pnr-ov) .card.wide .img{aspect-ratio:16\/10}:is(#pnr,#pnr-ov) .gal,:is(#pnr,#pnr-ov) .gal.n3{grid-template-columns:1fr}:is(#pnr,#pnr-ov) .p-close{top:calc(var(--pnr-top,0px) + 64px)}}\n\n\/* pove\u0107ana slika *\/\n.pnr-lb{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;background:rgba(8,7,10,.94);padding:clamp(12px,3vw,40px)}\n.pnr-lb.open{display:flex}\n.pnr-lb .st{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}\n.pnr-lb img,.pnr-lb video{max-width:min(100%,2400px);max-height:calc(100vh - 110px);display:block;object-fit:contain}\n.pnr-lb button{position:absolute;width:48px;height:48px;border-radius:50%!important;border:0!important;background:#0C0B14!important;color:#E8FF3D!important;font:400 24px\/1 'Fira Code',monospace!important;cursor:pointer;display:grid;place-items:center;padding:0!important}\n.pnr-lb .x{top:calc(14px + env(safe-area-inset-top,0px));right:16px}\n.pnr-lb .pv{left:14px;top:50%;transform:translateY(-50%)}\n.pnr-lb .nx{right:14px;top:50%;transform:translateY(-50%)}\n.pnr-lb .ct{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);color:#fff;font:400 12.5px 'Fira Code',monospace;opacity:.8;text-align:center;max-width:90vw}\n.pnr-lb button:focus-visible{outline:2px solid #E8FF3D;outline-offset:3px}\n\n\/* rad slo\u017een iz dijelova (kao na starim praksama) *\/\n:is(#pnr,#pnr-ov) .pk{display:flex;flex-direction:column;gap:22px}\n:is(#pnr,#pnr-ov) .pk-head{display:flex;flex-direction:column;gap:8px;padding-right:64px}\n:is(#pnr,#pnr-ov) .pk-oz{font-family:var(--mono)!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--grey)!important;font-weight:400!important}\n:is(#pnr,#pnr-ov) .pk-h{font-family:var(--serif)!important;font-weight:700!important;font-size:clamp(26px,3.2vw,40px)!important;line-height:1.15!important;color:var(--ink)!important}\n:is(#pnr,#pnr-ov) .pk-t{font-family:var(--serif)!important;font-weight:300!important;font-size:clamp(17px,1.6vw,21px)!important;line-height:1.45!important;color:var(--ink)!important}\n:is(#pnr,#pnr-ov) .pk-a{font-family:var(--serif)!important;font-weight:700!important;font-size:clamp(17px,1.6vw,20px)!important;line-height:1.4!important;color:var(--ink)!important;display:flex;gap:8px;align-items:baseline}\n:is(#pnr,#pnr-ov) .pk-a svg{width:18px;height:18px;flex:none;align-self:center}\n:is(#pnr,#pnr-ov) .pk-head.dlg{max-width:none}\n:is(#pnr,#pnr-ov) .pk-q{font-family:var(--serif)!important;font-weight:300!important;font-size:17px!important;line-height:1.65!important;color:var(--ink)!important;margin:0!important}\n:is(#pnr,#pnr-ov) .pk-q b{font-weight:700!important;font-size:clamp(19px,1.35vw,21px)}\n:is(#pnr,#pnr-ov) .pk-head.dlg .pk-a{font-size:17px!important;line-height:1.65!important}\n:is(#pnr,#pnr-ov) .pk-a{font-weight:400!important;display:block!important}\n:is(#pnr,#pnr-ov) .pk-a svg{display:inline-block;vertical-align:-3px;margin-right:8px}\n:is(#pnr,#pnr-ov) .pk-a b{font-weight:700!important}\n:is(#pnr,#pnr-ov) .pk-vid.mala{background:transparent}\n:is(#pnr,#pnr-ov) .pk-vid.mala video{max-width:min(640px,100%)}\n:is(#pnr,#pnr-ov) .pk-vid{position:relative;background:#E9E9E7;display:flex;justify-content:center}\n:is(#pnr,#pnr-ov) .pk-vid video{aspect-ratio:16\/9;display:block;width:100%;height:auto;max-height:80vh;object-fit:contain}\n:is(#pnr,#pnr-ov) .pk-vid.uspr video{width:auto;max-width:100%}\n:is(#pnr,#pnr-ov) .pk-img{all:unset;display:block;cursor:zoom-in;width:100%}\n:is(#pnr,#pnr-ov) .pk-img img.ph{aspect-ratio:16\/9;background:#E9E9E7}\n:is(#pnr,#pnr-ov) .pk-img img{display:block;width:100%;height:auto;max-width:100%}\n:is(#pnr,#pnr-ov) .pk-img:focus-visible{outline:2px solid var(--ink);outline-offset:3px}\n:is(#pnr,#pnr-ov) .pk-grid{display:flex;flex-direction:column;gap:10px}\n:is(#pnr,#pnr-ov) .pk-row{display:flex;gap:10px;align-items:stretch}\n:is(#pnr,#pnr-ov) .pk-row .pk-img{min-width:0;width:auto}\n:is(#pnr,#pnr-ov) .pk-row .pk-img img{width:100%;height:100%;object-fit:cover}\n:is(#pnr,#pnr-ov) .pk-row .pk-img img.ph{aspect-ratio:auto;height:100%;min-height:120px}\n:is(#pnr,#pnr-ov) .pk-vr{position:relative;min-width:0;max-width:100%}\n:is(#pnr,#pnr-ov) .pk>*{min-width:0}\n:is(#pnr,#pnr-ov) .pk-tr{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}\n:is(#pnr,#pnr-ov) .pk-tr::-webkit-scrollbar{display:none}\n:is(#pnr,#pnr-ov) .pk-tr .pk-img{flex:none;width:auto;scroll-snap-align:start}\n:is(#pnr,#pnr-ov) .pk-tr .pk-img img{height:clamp(200px,28vw,320px);width:auto}\n:is(#pnr,#pnr-ov) .pk-ar{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%!important;border:0!important;background:var(--ink)!important;color:var(--mark)!important;font-size:22px!important;line-height:1!important;padding:0!important;cursor:pointer;display:grid;place-items:center}\n:is(#pnr,#pnr-ov) .pk-ar.l{left:8px}:is(#pnr,#pnr-ov) .pk-ar.r{right:8px}\n:is(#pnr,#pnr-ov) .pk-ba{position:relative;aspect-ratio:16\/9;overflow:hidden;background:#E9E9E7;touch-action:pan-y}\n:is(#pnr,#pnr-ov) .pk-ba>img,:is(#pnr,#pnr-ov) .pk-ba>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none;margin:0}\n:is(#pnr,#pnr-ov) .pk-ba .top{clip-path:inset(0 50% 0 0)}\n:is(#pnr,#pnr-ov) .pk-ba .ln{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translateX(-1px);pointer-events:none}\n:is(#pnr,#pnr-ov) .pk-ba .ln i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--mark);display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.3)}:is(#pnr,#pnr-ov) .pk-ba .ln svg{width:22px;height:22px}\n:is(#pnr,#pnr-ov) .pk-ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}\n:is(#pnr,#pnr-ov) .pk-ba .lb{position:absolute;bottom:10px;font-size:11.5px;padding:3px 8px;background:rgba(12,11,20,.78);color:#fff;pointer-events:none;text-transform:uppercase;letter-spacing:.08em}\n:is(#pnr,#pnr-ov) .pk-ba .lb.l{left:10px}:is(#pnr,#pnr-ov) .pk-ba .lb.r{right:10px}\n:is(#pnr,#pnr-ov) .pk-sec{display:flex!important;align-items:center;gap:12px;margin:14px 0 0!important;font-family:var(--mono)!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--ink)!important;font-weight:400!important;text-align:left!important}\n:is(#pnr,#pnr-ov) .pk-sec i{flex:1;height:1px;background:#E0E0E0;min-width:24px}\n:is(#pnr,#pnr-ov) .pk-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}\n@media (max-width:560px){:is(#pnr,#pnr-ov) .pk-par{grid-template-columns:1fr}}\n:is(#pnr,#pnr-ov) .pk-ba:focus-within{outline:2px solid var(--ink);outline-offset:3px}\n\n\/* ===== OVERLAY - rad se otvara u prozoru preko stranice ===== *\/\nhtml.pnr-lock,html.pnr-lock body{overflow:hidden!important}\n#pnr-ov{position:fixed!important;inset:0!important;z-index:999990!important;display:none;padding:0!important;background:transparent!important;margin:0!important}\n#pnr-ov.on{display:block}\n#pnr-ov .ov-bg{position:absolute;inset:0;background:rgba(12,11,20,.55);opacity:0;transition:opacity .3s;cursor:pointer}\n#pnr-ov.open .ov-bg{opacity:1}\n#pnr-ov .ov-sh{position:absolute;top:0;right:0;bottom:0;width:min(82vw,1480px);background:#F6F6F5;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateX(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);box-shadow:-24px 0 60px -20px rgba(0,0,0,.45);outline:none}\n#pnr-ov.open .ov-sh{transform:none}\n#pnr-ov .panel{min-height:100%;padding-top:24px}\n#pnr-ov .p-close{top:16px!important}\n@media (max-width:900px){#pnr-ov .ov-sh{width:100vw;box-shadow:none}}\n\/* demo ide od ruba do ruba prozora, a razmak je unutar demoa - isto izgleda i kad preglednik sam zatamni stranicu *\/\n#pnr-ov .ov-sh.pd{overflow:hidden}\n#pnr-ov .panel.pd{padding:0!important;height:100%;min-height:0;gap:0}\n#pnr-ov .panel.pd .p-frame{height:100%!important;width:100%!important;max-width:none!important;margin:0!important;min-height:0}\n#pnr-ov .panel.pd>.cta,#pnr-ov .panel.pd>.pnav{display:none}\n#pnr-ov .panel.pd .p-close{position:absolute!important;top:14px!important;right:14px;margin:0!important}\n#pnr-ov .panel.pd .p-load{padding:24px}\n@media (prefers-reduced-motion:reduce){#pnr-ov .ov-sh,#pnr-ov .ov-bg{transition:none}}\n\n\/* zastita vizuala: bez povlacenja, bez dugog pritiska za spremanje *\/\n:is(#pnr,#pnr-ov,.pnr-lb) img,:is(#pnr,#pnr-ov,.pnr-lb) video{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}\n:is(#pnr,#pnr-ov) .cta .ic .p-share{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:0!important;border-radius:50%!important;background:var(--ink)!important;color:#fff!important;padding:0!important;cursor:pointer;transition:transform .15s}\n:is(#pnr,#pnr-ov) .cta .ic .p-share svg{width:21px;height:21px;display:block}\n:is(#pnr,#pnr-ov) .cta .ic .p-share:hover{transform:translateY(-1px);color:var(--mark)!important}\n:is(#pnr,#pnr-ov) .sh-menu{position:absolute;bottom:58px;right:0;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px -16px rgba(12,11,20,.35);padding:6px;min-width:210px;display:none;flex-direction:column;z-index:8}\n:is(#pnr,#pnr-ov) .sh-menu.on{display:flex}\n:is(#pnr,#pnr-ov) .sh-menu a,:is(#pnr,#pnr-ov) .sh-menu button{display:flex;align-items:center;gap:10px;padding:10px 12px!important;font:400 14px\/1.2 var(--mono)!important;color:var(--ink)!important;text-decoration:none!important;background:none!important;border:0!important;text-align:left;cursor:pointer;width:100%}\n:is(#pnr,#pnr-ov) .sh-menu a:hover,:is(#pnr,#pnr-ov) .sh-menu button:hover{background:var(--soft)!important}\n:is(#pnr,#pnr-ov) .sh-menu .ok{color:#6B7A00!important}\n:is(#pnr,#pnr-ov) .cta .ic .sh-menu a{width:auto!important;height:auto!important;border-radius:0!important;justify-content:flex-start!important;color:var(--ink)!important;transform:none!important}\n:is(#pnr,#pnr-ov) .cta .ic .sh-menu a:hover{color:var(--ink)!important}\n\n\/* zid radova: cijela sirina ekrana, slike spojene, tekst uvucen *\/\n#pnr{--edge:clamp(16px,2vw,32px);--tx:clamp(16px,2vw,32px);padding-left:0!important;padding-right:0!important}\n#pnr .pnr-in{max-width:none!important}\n#pnr .tabs,#pnr .cat-head{padding-left:var(--edge)!important;padding-right:var(--edge)!important}\n#pnr .grid{gap:34px 0!important}\n#pnr .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n@media (max-width:560px){#pnr .grid{grid-template-columns:1fr!important}}\n#pnr .card{gap:10px}\n#pnr .card>:not(.img){padding-left:var(--tx)!important;padding-right:var(--tx)!important}\n#pnr .card>h3:not(.x),#pnr .card>p.d,#pnr .card>.more{padding-left:var(--tx)!important;padding-right:var(--tx)!important}\n#pnr .card>:first-child:not(.img){margin-top:0}\n<\/style>\n<span id=\"prakse\" style=\"display:block;position:relative;top:-80px;visibility:hidden\"><\/span>\n<span id=\"radovi\" style=\"display:block;height:0;overflow:hidden\" aria-hidden=\"true\"><\/span>\n<div class=\"pnm\" id=\"pnm\" data-no-translation translate=\"no\">\n  <div class=\"pnm-in\">\n    <p class=\"pnm-t\" id=\"pnm-t\"><span class=\"pnm-logo\">peternel<span class=\"pl\">+<\/span>ai<\/span> je vizualni hibridni studio - spaja <b>25 godina iskustva u vizualnoj komunikaciji i grafi\u010dkoj industriji<\/b> s AI tehnologijom s jednom misijom - <span class=\"hl\">ljudska vizija definira, AI, kao precizan radni alat, provodi.<\/span><\/p>\n    <h2 class=\"pnm-h\" id=\"pnm-h\">AI u praksi<span class=\"ar\" aria-hidden=\"true\">\u2193<\/span><\/h2>\n  <\/div>\n<\/div>\n\n<section id=\"pnr\" aria-label=\"Radovi\" data-no-translation translate=\"no\"><div class=\"pnr-in\">\n<div class=\"rad-data\">\n<!-- ===================== RADOVI - URE\u0110UJ OVDJE ===================== -->\n\n<!-- ===== PROIZVOD & SCENA ===== -->\n<div class=\"rad\" id=\"namjestaj\" data-kat=\"proizvod\" data-slika=\"peternel-ai-namjestaj-kartica.jpg\" data-video=\"peternel-ai-namjestaj-kartica.mp4\" data-demo=\"radovi:proces,namjestaj\">\n  <h3>Jedna fotka, svaki materijal.<\/h3><p>Kau\u010d - ko\u017ea, tkanina i ambijent iz jedne snimke.<\/p>\n  <h3 lang=\"en\">One photo, every material.<\/h3><p lang=\"en\">Sofa - leather, fabric and setting from a single shot.<\/p>\n<\/div>\n<div class=\"rad\" id=\"staklo\" data-kat=\"proizvod\" data-slika=\"peternel-ai-staklo-kartica.jpg\" data-video=\"peternel-ai-staklo-kartica.mp4\" data-demo=\"radovi\/staklo:staklo\">\n  <h3>Isti prostor. Drugo staklo.<\/h3><p>Staklo - tu\u0161 kabina, ograda, detalji i ambala\u017ea, danju i no\u0107u.<\/p>\n  <h3 lang=\"en\">Same space. Different glass.<\/h3><p lang=\"en\">Glass - shower enclosure, balustrade, details and packaging, by day and night.<\/p>\n<\/div>\n<div class=\"rad\" id=\"corda\" data-kat=\"proizvod\" data-slika=\"peternel-ai-corda-kartica.jpg\" data-video=\"peternel-ai-corda-kartica.mp4\" data-demo=\"radovi\/corda:corda\">\n  <h3>To\u010dno do centimetra. I do lumena.<\/h3><p>Corda Acoustic, demo - mjere, visina ovjesa i svjetlo na stolu.<\/p>\n  <h3 lang=\"en\">Down to the centimetre. And the lumen.<\/h3><p lang=\"en\">Corda Acoustic, demo - dimensions, hanging height and light on the table.<\/p>\n<\/div>\n<div class=\"rad\" id=\"bager\" data-kat=\"proizvod\" data-slika=\"peternel-ai-bager-kartica.jpg\" data-video=\"peternel-ai-bager-kartica.mp4\" data-demo=\"radovi:bager\">\n  <h3>Tamo gdje kamera ne mo\u017ee.<\/h3><p>Bager - teren, nevrijeme i svjetlo koje se ne da snimiti.<\/p>\n  <h3 lang=\"en\">Where cameras can't go.<\/h3><p lang=\"en\">Excavator - terrain, storms and light no shoot could capture.<\/p>\n<\/div>\n<div class=\"rad\" id=\"kruh\" data-kat=\"proizvod\" data-slika=\"peternel-ai-kruh-kartica.jpg\" data-video=\"peternel-ai-kruh-kartica.mp4\">\n  <h3>Stvarni proizvod, nova scena.<\/h3><p>Kolijevka kruha - ciabatta za web i dru\u0161tvene mre\u017ee.<\/p>\n  <h3 lang=\"en\">Real product, new scene.<\/h3><p lang=\"en\">Kolijevka kruha - ciabatta for web and social media.<\/p>\n  <div class=\"blok\" data-oznaka=\"TVORNICA KRUHA \u00b7 CIABATTA\" data-naslov=\"Hej Filip, imam par snapshot fotki novog proizvoda. Mo\u017ee nekoliko prezentacijskih ideja?\" data-odgovor=\"Mo\u017ee! \u0160aljem, pa skoro, stotinu! I nekoliko za dru\u0161tvene mre\u017ee ;)\"\n    data-oznaka-en=\"BAKERY \u00b7 CIABATTA\" data-naslov-en=\"Hi Filip, I have a few snapshots of a new product. Could I get some presentation ideas?\" data-odgovor-en=\"Sure! Sending almost a hundred! And a few for social media ;)\"><\/div>\n  <div class=\"slika\" data-src=\"peternel-ai-kruh-ciabatta-mozaik.webp\"><\/div>\n  <div class=\"mreza\" data-slike=\"peternel-ai-kruh-ciabatta-01.webp; peternel-ai-kruh-ciabatta-02.webp; peternel-ai-kruh-ciabatta-03.webp\"><\/div>\n  <div class=\"video\" data-src=\"KolijevkaKruha-Kruh-Ciabatta-1200x630px.mp4\"><\/div>\n  <div class=\"slika\" data-src=\"KolijevkaKruha-Kruh-Ciabatta-820x312px-full-1.webp\"><\/div>\n  <div class=\"slika\" data-src=\"KolijevkaKruha-Kruh-Ciabatta-820x312px-full.webp\"><\/div>\n  <div class=\"mreza\" data-slike=\"KolijevkaKruha-Kruh-Ciabatta-1080x1080px.webp; KolijevkaKruha-Kruh-Ciabatta-1080x1350px.webp; KolijevkaKruha-Kruh-Ciabatta-1080x1920px.webp\"><\/div>\n  <div class=\"video\" data-src=\"peternel-ai-kruh-ciabatta-video-uspravno.mp4\"><\/div>\n  <div class=\"slika\" data-src=\"peternel-ai-kruh-ciabatta-triptih.webp\"><\/div>\n<\/div>\n<div class=\"rad\" id=\"ulje\" data-kat=\"proizvod\" data-slika=\"peternel-ai-ulje-kartica.jpg\" data-video=\"peternel-ai-ulje-srdele-video.mp4\">\n  <h3>Demo etiketa, gotova kampanja.<\/h3><p>Maslinovo ulje - srdele u masliniku, scena i animacija.<\/p>\n  <h3 lang=\"en\">Demo label, finished campaign.<\/h3><p lang=\"en\">Olive oil - sardines in the olive grove, scene and animation.<\/p>\n  <div class=\"blok\" data-oznaka=\"MASLINAR IVE \u00b7 ULJE\" data-naslov=\"Hej Filip, imam novi proizvod, samo sa demo etiketom, trebam vizualizaciju i animaciju, mo\u017ee par ideja? Za sutra \ud83d\ude4f?\" data-odgovor=\"Mo\u017ee! \u0160aljem i nekoliko iz tvog maslinika!\"\n    data-oznaka-en=\"OLIVE GROWER \u00b7 OIL\" data-naslov-en=\"Hi Filip, I have a new product with just a demo label, I need visuals and an animation - any ideas? For tomorrow \ud83d\ude4f?\" data-odgovor-en=\"Sure! I'm sending a few from your olive grove too!\"><\/div>\n  <div class=\"video\" data-src=\"peternel-ai-ulje-srdele-video.mp4\"><\/div>\n  <div class=\"vrpca\" data-slike=\"peternel-ai-ulje-07-siroko.webp; peternel-ai-ulje-01.webp; peternel-ai-ulje-06.webp; peternel-ai-ulje-03.webp; peternel-ai-ulje-stotinu.webp; peternel-ai-ulje-12-siroko.webp; peternel-ai-ulje-04.webp; peternel-ai-ulje-04-siroko.webp; peternel-ai-ulje-10-siroko.webp; OLIVE-grid.jpg; peternel-ai-ulje-03-siroko.webp; peternel-ai-ulje-05.webp; peternel-ai-ulje-11-siroko.webp; peternel-ai-ulje-07.webp\"><\/div>\n  <div class=\"video\" data-src=\"peternel-ai-ulje-video-kvadrat.mp4\"><\/div>\n  <div class=\"video\" data-src=\"peternel-ai-ulje-boca-video.mp4\" data-mala=\"da\"><\/div>\n<\/div>\n<div class=\"rad\" id=\"solar\" data-kat=\"proizvod\" data-slika=\"radovi\/assets\/solar\/prikaz.webp\" data-video=\"radovi\/assets\/solar\/orbita-m.mp4\" data-demo=\"radovi:energija>solar\">\n  <h3>Paneli po mjerama kupca.<\/h3><p>Solar - paneli na ku\u0107i kupca, u pravoj veli\u010dini i omjeru.<\/p>\n  <h3 lang=\"en\">Panels to the customer's measurements.<\/h3><p lang=\"en\">Solar - panels on the customer's house, at true size and proportion.<\/p>\n<\/div>\n<div class=\"rad\" id=\"prijenosna\" data-kat=\"proizvod\" data-slika=\"radovi\/assets\/prij\/scena-berba.webp\" data-video=\"radovi\/assets\/prij\/berba-m.mp4\" data-demo=\"radovi:energija>prijenosna\">\n  <h3>Proizvod gdje se stvarno koristi.<\/h3><p>Prijenosna baterija - iz jedne fotke do scene i videa.<\/p>\n  <h3 lang=\"en\">Where the product is really used.<\/h3><p lang=\"en\">Portable power station - from one photo to a scene and a video.<\/p>\n<\/div>\n<div class=\"rad\" data-prikazi=\"ne\" id=\"klima\" data-kat=\"proizvod\" data-slika=\"radovi\/assets\/rd\/klima_kamen.webp\" data-video=\"radovi\/assets\/rd\/klima_para-m.mp4\" data-demo=\"radovi:energija>klima\">\n  <h3>Jedna jedinica, svaki objekt.<\/h3><p>Klima - ista vanjska jedinica na kamenoj ku\u0107i, zimi i no\u0107u.<\/p>\n  <h3 lang=\"en\">One unit, every building.<\/h3><p lang=\"en\">Heat pump - the same outdoor unit on a stone house, in winter and at night.<\/p>\n<\/div>\n<div class=\"rad\" id=\"kuhinja\" data-kat=\"proizvod\" data-slika=\"radovi\/assets\/kuhinja-lucija.webp\" data-video=\"radovi\/assets\/video\/kuhinja-fronte.mp4\" data-demo=\"radovi:kuhinja\">\n  <h3>Katalog bez fotografiranja.<\/h3><p>Kuhinja - fronte, radna plo\u010da i zid po katalogu.<\/p>\n  <h3 lang=\"en\">A catalogue without a photo shoot.<\/h3><p lang=\"en\">Kitchen - fronts, worktop and wall from the catalogue.<\/p>\n<\/div>\n<div class=\"rad\" id=\"spavaca\" data-kat=\"proizvod\" data-slika=\"radovi\/assets\/spavaca-master.webp\" data-video=\"peternel-ai-spavaca-kartica.mp4\" data-demo=\"radovi:spavaca\">\n  <h3>Ista soba, nova sezona.<\/h3><p>Spava\u0107a soba - presvlake, fronte i zid, bez novog fotografiranja.<\/p>\n  <h3 lang=\"en\">Same room, new season.<\/h3><p lang=\"en\">Bedroom - upholstery, fronts and wall, no new photo shoot.<\/p>\n<\/div>\n<div class=\"rad\" id=\"rolada\" data-kat=\"proizvod\" data-slika=\"peternel-ai-rolada-tava.webp\" data-video=\"peternel-ai-rolada-video.mp4\">\n  <h3>Iz vitrine na tanjur.<\/h3><p>Pile\u0107a rolada - \u0161to je unutra, prikazano kupcu.<\/p>\n  <h3 lang=\"en\">From the counter to the plate.<\/h3><p lang=\"en\">Chicken roulade - what's inside, shown to the customer.<\/p>\n  <div class=\"blok\" data-oznaka=\"MESNICA \u00b7 PILE\u0106A ROLADA\" data-naslov=\"Hej Filip, napravio sam novu roladu, ali kako da prezentiram kupcima \u0161to je u njoj? Ho\u0107e\u0161 mo\u0107i\u2026?\" data-odgovor=\"Mo\u017ee! Mo\u017eda ovako? ;) Sretno s prodajom!\"\n    data-oznaka-en=\"BUTCHER \u00b7 CHICKEN ROULADE\" data-naslov-en=\"Hi Filip, I've made a new roulade, but how do I show customers what's inside? Can you\u2026?\" data-odgovor-en=\"Sure! Maybe like this? ;) Good luck with sales!\"><\/div>\n  <div class=\"video\" data-src=\"peternel-ai-rolada-video.mp4\"><\/div>\n  <div class=\"mreza\" data-slike=\"peternel-ai-rolada-presjek.webp; peternel-ai-rolada-tava.webp; peternel-ai-rolada-makro.webp\"><\/div>\n<\/div>\n\n<!-- ===== NACRT & PROSTOR ===== -->\n<div class=\"rad\" id=\"vila\" data-kat=\"nacrt\" data-slika=\"peternel-ai-vila-kartica.jpg\" data-video=\"peternel-ai-vila-kartica.mp4\">\n  <h3>Gra\u0111evina prije temelja.<\/h3><p>Istarska vila - od tlocrta do opreme i atmosfere.<\/p>\n  <h3 lang=\"en\">The building before the foundations.<\/h3><p lang=\"en\">Istrian villa - from floor plan to furnishing and atmosphere.<\/p>\n  <div class=\"blok\" data-oznaka=\"AI \u00b7 OD TLOCRTA DO USELJENJA\" data-naslov=\"Istarska vila\" data-tekst=\"Iz tlocrta do prezentacijske vizualizacije - kompletan workflow kroz arhitekturu, opremu i atmosferu.\" data-odgovor=\"Mo\u017ee!\"\n    data-oznaka-en=\"AI \u00b7 FROM FLOOR PLAN TO MOVE-IN\" data-naslov-en=\"Istrian villa\" data-tekst-en=\"From floor plan to presentation visualisation - a complete workflow through architecture, furnishing and atmosphere.\" data-odgovor-en=\"Sure!\"><\/div>\n  <div class=\"video\" data-src=\"peternel-ai-vila-video.mp4\"><\/div>\n  <div class=\"odjeljak\" data-oznaka=\"A \u00b7 ARHITEKTONSKA DOKUMENTACIJA + EKSTERIJER\" data-oznaka-en=\"A \u00b7 ARCHITECTURAL DRAWINGS + EXTERIOR\"><\/div>\n  <div class=\"slika\" data-src=\"peternel-ai-vila-tlocrt.jpg\"><\/div>\n  <div class=\"vrpca\" data-slike=\"peternel-ai-vila-dron-izlazak.jpg ; peternel-ai-vila-dron-dnevna.jpg ; peternel-ai-vila-dron-zalazak.jpg ; peternel-ai-vila-dron-plavi-sat.jpg ; peternel-ai-vila-dron-noc.jpg\"><\/div>\n  <div class=\"odjeljak\" data-oznaka=\"B \u00b7 PRAZNI PROSTOR \u00b7 OPREMLJENI INTERIJER\" data-oznaka-en=\"B \u00b7 EMPTY SPACE \u00b7 FURNISHED INTERIOR\"><\/div>\n  <div class=\"parovi\">\n    <div class=\"prije-poslije\" data-prije=\"peternel-ai-vila-blagovaona-prazna.jpg\" data-poslije=\"peternel-ai-vila-blagovaona-opremljena.jpg\" data-l1=\"Prazno\" data-l2=\"Opremljeno\" data-l1-en=\"Empty\" data-l2-en=\"Furnished\"><\/div>\n    <div class=\"prije-poslije\" data-prije=\"peternel-ai-vila-spavaca-prazna.jpg\" data-poslije=\"peternel-ai-vila-spavaca-opremljena.jpg\" data-l1=\"Prazno\" data-l2=\"Opremljeno\" data-l1-en=\"Empty\" data-l2-en=\"Furnished\"><\/div>\n    <div class=\"prije-poslije\" data-prije=\"peternel-ai-vila-kuhinja-prazna.jpg\" data-poslije=\"peternel-ai-vila-kuhinja-opremljena.jpg\" data-l1=\"Prazno\" data-l2=\"Opremljeno\" data-l1-en=\"Empty\" data-l2-en=\"Furnished\"><\/div>\n    <div class=\"prije-poslije\" data-prije=\"peternel-ai-vila-kupatilo-prazno.jpg\" data-poslije=\"peternel-ai-vila-kupatilo-opremljeno.jpg\" data-l1=\"Prazno\" data-l2=\"Opremljeno\" data-l1-en=\"Empty\" data-l2-en=\"Furnished\"><\/div>\n  <\/div>\n  <div class=\"odjeljak\" data-oznaka=\"C \u00b7 STILSKE VARIJANTE INTERIJERA\" data-oznaka-en=\"C \u00b7 INTERIOR STYLE VARIANTS\"><\/div>\n  <div class=\"mreza\" data-stupci=\"2\" data-slike=\"peternel-ai-vila-stil-klasik.jpg ; peternel-ai-vila-stil-luksuz.jpg ; peternel-ai-vila-stil-japandi.jpg ; peternel-ai-vila-stil-industrial.jpg\"><\/div>\n<\/div>\n<div class=\"rad\" id=\"kada\" data-cta=\"Po\u0161aljite fotku proizvoda - vra\u0107am demo!\" data-cta-en=\"Send a photo of your product - I\u2019ll send a demo back!\" data-kat=\"nacrt\" data-slika=\"peternel-ai-kada-kartica.jpg\" data-video=\"radovi\/assets\/video\/sanit-1.mp4\" data-demo=\"radovi:sanitarije\">\n  <h3>Iz pogona ravno u katalog.<\/h3><p>Kada - snimljena na paleti, prikazana u kupaonici.<\/p>\n  <h3 lang=\"en\">From the factory straight into the catalogue.<\/h3><p lang=\"en\">Bathtub - shot on a pallet, shown in a bathroom.<\/p>\n<\/div>\n<div class=\"rad\" id=\"mjere\" data-cta=\"Po\u0161aljite fotku parcele i tlocrt - vra\u0107am prikaz u stvarnim mjerama.\" data-cta-en=\"Send a photo of the plot and the floor plan - I\u2019ll send back a view in real dimensions.\" data-kat=\"nacrt\" data-slika=\"peternel-ai-mjere-kartica.jpg\" data-video=\"peternel-ai-mjere-kartica.mp4\" data-demo=\"radovi:mjere\">\n  <h3>AI koji razumije prostor i mjere.<\/h3><p>Ku\u0107a na parceli - to\u010dno 5 m od ulice, po tlocrtu.<\/p>\n  <h3 lang=\"en\">AI that understands space and dimensions.<\/h3><p lang=\"en\">House on the plot - exactly 5 m from the street, per floor plan.<\/p>\n<\/div>\n<div class=\"rad\" id=\"soba\" data-kat=\"nacrt\" data-slika=\"peternel-ai-soba-tlocrt-presjek-prostor.jpg\" data-video=\"peternel-ai-soba-kartica.mp4\">\n  <h3>Klijent vidi prije nego odlu\u010di.<\/h3><p>Istarski dnevni boravak - od tlocrta do videa.<\/p>\n  <h3 lang=\"en\">The client sees it before deciding.<\/h3><p lang=\"en\">Istrian living room - from floor plan to video.<\/p>\n  <div class=\"blok\" data-oznaka=\"AI \u00b7 TLOCRT \u00b7 PRESJEK \u00b7 PROSTOR\" data-naslov=\"Klijent vidi prije nego odlu\u010di.\" data-tekst=\"Istarski dnevni boravak iz tlocrta - presjek, prostor i prolaz kamerom kroz sobu.\" data-odgovor=\"Mo\u017ee!\"\n    data-oznaka-en=\"AI \u00b7 FLOOR PLAN \u00b7 SECTION \u00b7 SPACE\" data-naslov-en=\"The client sees it before deciding.\" data-tekst-en=\"An Istrian living room from a floor plan - section, space and a camera move through the room.\" data-odgovor-en=\"Sure!\"><\/div>\n  <div class=\"video\" data-src=\"peternel-ai-soba-video.mp4\"><\/div>\n  <div class=\"slika\" data-src=\"peternel-ai-soba-tlocrt-presjek-prostor.jpg\"><\/div>\n<\/div>\n<div class=\"rad\" id=\"plocice\" data-cta=\"Po\u0161aljite fotku sobe, mjere i plo\u010dicu - vra\u0107am nacrt polaganja i prikaz.\" data-cta-en=\"Send a photo of the room, the measurements and the tile - I\u2019ll send back a laying plan and a view.\" data-kat=\"nacrt\" data-slika=\"radovi\/assets\/plocice\/k-60.webp\" data-video=\"radovi\/assets\/plocice\/dan-sumrak.mp4\" data-demo=\"radovi:zidpod\">\n  <h3>Po nacrtu, ne od oka.<\/h3><p>Plo\u010dice - nacrt polaganja, rezovi i gotova soba.<\/p>\n  <h3 lang=\"en\">Laid to plan, not by eye.<\/h3><p lang=\"en\">Tiles - laying plan, cuts and the finished room.<\/p>\n<\/div>\n<div class=\"rad\" id=\"premium\" data-kat=\"nacrt\" data-slika=\"radovi\/assets\/premium\/prm-spa.webp\" data-video=\"radovi\/assets\/premium\/prm-ulazak.mp4\" data-demo=\"radovi:premium\">\n  <h3>Lijepo, i po mjeri.<\/h3><p>Modularna ku\u0107ica - spa, poslovna zona i planina.<\/p>\n  <h3 lang=\"en\">Beautiful, and made to measure.<\/h3><p lang=\"en\">Modular cabin - spa, business zone and mountains.<\/p>\n<\/div>\n<div class=\"rad\" id=\"kuca\" data-cta=\"Po\u0161aljite fotku ku\u0107e - vra\u0107am demo!\" data-cta-en=\"Send a photo of the house - I\u2019ll send a demo back!\" data-kat=\"nacrt\" data-slika=\"radovi\/assets\/pa\/kuca_klasicna.webp\" data-demo=\"radovi:kuca\">\n  <h3>Ista ku\u0107a, druga fasada.<\/h3><p>Ku\u0107a - krov, fasada, gara\u017ea i stolarija po RAL-u.<\/p>\n  <h3 lang=\"en\">Same house, a different fa\u00e7ade.<\/h3><p lang=\"en\">House - roof, fa\u00e7ade, garage and joinery in RAL colours.<\/p>\n<\/div>\n<div class=\"rad\" id=\"apartman\" data-cta=\"Po\u0161aljite snimku prostora mobitelom - vra\u0107am demo!\" data-cta-en=\"Send a phone snapshot of the space - I\u2019ll send a demo back!\" data-kat=\"nacrt\" data-slika=\"peternel-ai-apartman-oglas.jpg\">\n  <h3>Iz mobitela u oglas.<\/h3><p>Apartman - snimka mobitelom, fotka za oglas.<\/p>\n  <h3 lang=\"en\">From phone to listing.<\/h3><p lang=\"en\">Apartment - a phone snapshot, a photo for the listing.<\/p>\n  <div class=\"blok\" data-oznaka=\"MOBILNI SNAPSHOT \u00b7 LISTING GALERIJA\" data-naslov=\"AI vizualizacija.\" data-tekst=\"Iz snapshota do profesionalne galerije?\" data-odgovor=\"Mo\u017ee!\"\n    data-oznaka-en=\"PHONE SNAPSHOT \u00b7 LISTING GALLERY\" data-naslov-en=\"AI visualisation.\" data-tekst-en=\"From a snapshot to a professional gallery?\" data-odgovor-en=\"Sure!\"><\/div>\n  <div class=\"prije-poslije\" data-prije=\"peternel-ai-apartman-snimka-mobitelom.jpg\" data-poslije=\"peternel-ai-apartman-oglas.jpg\"><\/div>\n<\/div>\n<div class=\"rad\" id=\"odvodnja\" data-cta=\"Po\u0161aljite skicu ili nacrt - vra\u0107am demo!\" data-cta-en=\"Send a sketch or drawing - I\u2019ll send a demo back!\" data-kat=\"nacrt\" data-slika=\"peternel-ai-odvodnja-kartica.jpg\" data-video=\"peternel-ai-odvodnja-kartica.mp4\" data-demo=\"radovi:gradnja>odvodnja\">\n  <h3>Nacrt koji svi razumiju.<\/h3><p>Odvodnja - skica pretvorena u 3D i animaciju.<\/p>\n  <h3 lang=\"en\">A drawing everyone understands.<\/h3><p lang=\"en\">Drainage - sketch turned into 3D and animation.<\/p>\n<\/div>\n<div class=\"rad\" id=\"beton\" data-cta=\"Po\u0161aljite presjek ili nacrt - vra\u0107am demo!\" data-cta-en=\"Send a section or drawing - I\u2019ll send a demo back!\" data-kat=\"nacrt\" data-slika=\"peternel-ai-beton-kartica.jpg\" data-demo=\"radovi:gradnja>beton\">\n  <h3>Iz presjeka do gotovog elementa.<\/h3><p>Beton - temelj, oplata i lijevanje.<\/p>\n  <h3 lang=\"en\">From section to finished element.<\/h3><p lang=\"en\">Concrete - foundation, formwork and pouring.<\/p>\n<\/div>\n\n<!-- ===== MJESTO & OSOBA ===== -->\n<div class=\"rad\" id=\"arena\" data-kat=\"mjesto\" data-slika=\"peternel-ai-japanka-kartica.jpg\" data-video=\"peternel-ai-japanka-kartica.mp4\">\n  <h3>Prazna lokacija, savr\u0161en kadar.<\/h3><p>Arena, Pula - ista osoba u svakom kadru.<\/p>\n  <h3 lang=\"en\">Empty location, perfect shot.<\/h3><p lang=\"en\">Arena, Pula - the same person in every shot.<\/p>\n  <div class=\"blok\" data-oznaka=\"OSOBA \u00b7 MJESTO PULA\" data-naslov=\"Vjerodostojna osoba. Stotinu kadrova.\" data-tekst=\"Dosljedna osoba. U svakom kadru. Komercijalno sigurna?\" data-odgovor=\"Mo\u017ee!\"\n    data-oznaka-en=\"PERSON \u00b7 PULA\" data-naslov-en=\"A credible person. A hundred shots.\" data-tekst-en=\"A consistent person. In every shot. Commercially safe?\" data-odgovor-en=\"Sure!\"><\/div>\n  <div class=\"mreza\" data-slike=\"peternel-ai-japanka-forum-sprijeda.webp; peternel-ai-japanka-forum-u-hodu.webp; peternel-ai-japanka-forum-naklon.webp; peternel-ai-japanka-forum-krupni-plan.webp; peternel-ai-japanka-arena-lukovi.webp; peternel-ai-japanka-arena-krupni-plan.webp; peternel-ai-japanka-arena-siroki-kadar.webp; peternel-ai-japanka-zlatni-rt-portret-protusvjetlo.webp\"><\/div>\n  <div class=\"video\" data-src=\"peternel-ai-japanka-arena-video.mp4\"><\/div>\n  <div class=\"video\" data-src=\"peternel-ai-japanka-forum-video-uspravno.mp4\"><\/div>\n<\/div>\n<div class=\"rad\" id=\"rovinj\" data-cta=\"Po\u0161aljite fotku mjesta - vra\u0107am demo!\" data-cta-en=\"Send a photo of the place - I\u2019ll send a demo back!\" data-kat=\"mjesto\" data-slika=\"peternel-ai-rovinj-kartica.jpg\" data-video=\"peternel-ai-rovinj-atmosfere.mp4\">\n  <h3>Jedna lokacija, svaka atmosfera.<\/h3><p>Rovinj - isti trg u drugom vremenu i svjetlu.<\/p>\n  <h3 lang=\"en\">One location, every atmosphere.<\/h3><p lang=\"en\">Rovinj - the same square in a different time and light.<\/p>\n  <div class=\"blok\" data-oznaka=\"MJESTO \u00b7 TRG ROVINJ\" data-naslov=\"Jedan kadar. Stotinu scena.\" data-tekst=\"Jedan trg, stotinu atmosfera, vjerodostojne arhitekture?\" data-odgovor=\"Mo\u017ee!\"\n    data-oznaka-en=\"PLACE \u00b7 ROVINJ SQUARE\" data-naslov-en=\"One shot. A hundred scenes.\" data-tekst-en=\"One square, a hundred atmospheres, with credible architecture?\" data-odgovor-en=\"Sure!\"><\/div>\n  <div class=\"prije-poslije\" data-prije=\"TrgRv-PeternelAI-original.jpg\" data-poslije=\"peternel-ai-rovinj-atmosfere.mp4\"><\/div>\n<\/div>\n<div class=\"rad\" id=\"arena-svjetla\" data-cta=\"Po\u0161aljite fotku mjesta - vra\u0107am demo!\" data-cta-en=\"Send a photo of the place - I\u2019ll send a demo back!\" data-kat=\"mjesto\" data-slika=\"peternel-ai-arena-svjetla-kartica.jpg\" data-video=\"peternel-ai-arena-svjetla-video.mp4\">\n  <h3>Kamen ostaje, svjetlo se mijenja.<\/h3><p>Arena, Pula - \u0161est atmosfera iste lokacije.<\/p>\n  <h3 lang=\"en\">The stone stays, the light changes.<\/h3><p lang=\"en\">Arena, Pula - six atmospheres of the same location.<\/p>\n  <div class=\"blok\" data-oznaka=\"MJESTO \u00b7 ARENA PULA\" data-naslov=\"Jedan spomenik. Stotinu svjetala.\" data-tekst=\"Isti spomenik, od jutra do mraka, vjerodostojne arhitekture?\" data-odgovor=\"Mo\u017ee!\"\n    data-oznaka-en=\"PLACE \u00b7 ARENA PULA\" data-naslov-en=\"One monument. A hundred lights.\" data-tekst-en=\"The same monument, from morning to night, with credible architecture?\" data-odgovor-en=\"Sure!\"><\/div>\n  <div class=\"prije-poslije\" data-prije=\"peternel-ai-arena-svjetla-prije.jpg\" data-poslije=\"peternel-ai-arena-svjetla-video.mp4\"><\/div>\n<\/div>\n<div class=\"rad\" id=\"par\" data-kat=\"mjesto\" data-slika=\"peternel-ai-par-kartica.jpg\" data-video=\"peternel-ai-par-video.mp4\">\n  <h3>Isti par, cijeli grad.<\/h3><p>Pula - isti par na svakoj lokaciji.<\/p>\n  <h3 lang=\"en\">Same couple, the whole city.<\/h3><p lang=\"en\">Pula - the same couple in every location.<\/p>\n  <div class=\"blok\" data-oznaka=\"OSOBE \u00b7 MJESTO PULA I ROVINJ\" data-naslov=\"Vjerodostojan par. Stotinu trenutaka.\" data-tekst=\"Isti par kroz Pulu i Rovinj. Bez ekipe, bez modela? Komercijalno sigurno!\" data-odgovor=\"Mo\u017ee!\"\n    data-oznaka-en=\"PEOPLE \u00b7 PULA AND ROVINJ\" data-naslov-en=\"A credible couple. A hundred moments.\" data-tekst-en=\"The same couple across Pula and Rovinj. No crew, no models? Commercially safe!\" data-odgovor-en=\"Sure!\"><\/div>\n  <div class=\"video\" data-src=\"peternel-ai-par-video.mp4\"><\/div>\n  <div class=\"vrpca\" data-slike=\"peternel-ai-par-pula-01.webp ; peternel-ai-par-pula-02.webp ; peternel-ai-par-pula-03.webp ; peternel-ai-par-pula-04.webp ; peternel-ai-par-pula-05.webp ; peternel-ai-par-pula-06.webp ; peternel-ai-par-pula-07.webp ; peternel-ai-par-pula-08.webp ; peternel-ai-par-pula-09.webp ; peternel-ai-par-pula-10.webp ; peternel-ai-par-pula-20.webp ; peternel-ai-par-pula-19.webp ; peternel-ai-par-pula-18.webp ; peternel-ai-par-pula-16.webp ; peternel-ai-par-pula-17.webp ; peternel-ai-par-pula-14.webp ; peternel-ai-par-pula-15.webp ; peternel-ai-par-pula-13.webp ; peternel-ai-par-pula-12.webp ; peternel-ai-par-pula-11.webp ; peternel-ai-par-pula-vodoravno-17.webp ; peternel-ai-par-pula-vodoravno-19.webp ; peternel-ai-par-pula-vodoravno-21.webp ; peternel-ai-par-pula-vodoravno-15.webp ; peternel-ai-par-pula-vodoravno-13.webp ; peternel-ai-par-pula-vodoravno-11.webp ; peternel-ai-par-pula-vodoravno-07.webp ; peternel-ai-par-pula-vodoravno-05.webp ; peternel-ai-par-pula-vodoravno-03.webp ; peternel-ai-par-pula-vodoravno-01.webp ; peternel-ai-par-pula-vodoravno-18.webp ; peternel-ai-par-pula-vodoravno-20.webp ; peternel-ai-par-pula-vodoravno-16.webp ; peternel-ai-par-pula-vodoravno-14.webp ; peternel-ai-par-pula-vodoravno-12.webp ; peternel-ai-par-pula-vodoravno-10.webp ; peternel-ai-par-pula-vodoravno-08.webp ; peternel-ai-par-pula-vodoravno-06.webp ; peternel-ai-par-pula-vodoravno-04.webp ; peternel-ai-par-pula-vodoravno-02.webp\"><\/div>\n<\/div>\n<div class=\"rad\" id=\"lika\" data-kat=\"mjesto\" data-slika=\"radovi\/assets\/rd\/lika.webp\" data-video=\"radovi\/assets\/rd\/lika-loop.mp4\" data-demo=\"radovi:lika\">\n  <h3>Pro\u0161lost koja se ne da snimiti.<\/h3><p>Lika, patriot projekt - likovi, no\u0161nja i krajolik.<\/p>\n  <h3 lang=\"en\">A past no camera could capture.<\/h3><p lang=\"en\">Lika, heritage project - characters, costume and landscape.<\/p>\n<\/div>\n<div class=\"rad\" id=\"grgo\" data-cta=\"Po\u0161aljite crte\u017e ili fotku lika - vra\u0107am demo!\" data-cta-en=\"Send a drawing or photo of the character - I\u2019ll send a demo back!\" data-kat=\"mjesto\" data-slika=\"peternel-ai-grgo-kartica.jpg\" data-video=\"peternel-ai-grgo-kartica.mp4\">\n  <h3>Isti lik, svaka akcija.<\/h3><p>FAN PROJEKT \u00b7 maskota Grgo<\/p>\n  <h3 lang=\"en\">Same character, every action.<\/h3><p lang=\"en\">FAN PROJECT \u00b7 Grgo mascot<\/p>\n  <div class=\"blok\" data-oznaka=\"FAN PROJEKT \u00b7 MASKOTA GRGO\" data-naslov=\"Hej Filip, imamo doga\u0111aj, trebamo kampanju, trebamo akciju! Jel mo\u017ee brzo?\" data-odgovor=\"Mo\u017eeee! \u0160aljem ideje na izbor!\"\n    data-oznaka-en=\"FAN PROJECT \u00b7 GRGO MASCOT\" data-naslov-en=\"Hi Filip, we have an event, we need a campaign, we need action! Can it be quick?\" data-odgovor-en=\"Suuure! Sending ideas to choose from!\"><\/div>\n  <div class=\"video\" data-src=\"peternel-ai-grgo-video-zvuk.mp4\" data-zvuk=\"da\"><\/div>\n<\/div>\n\n<!-- ===================== KRAJ URE\u0110IVANJA ===================== -->\n<\/div>\n<\/div><\/section>\n<script>\n(function(){\n  var ROOT=document.getElementById('pnr'); if(!ROOT||ROOT._pnr) return; ROOT._pnr=1;\n  var ORIGIN=window.PNR_ORIGIN||location.origin, BASE=ORIGIN+'\/wp-content\/uploads\/';\n  var A=window.PNR_ASSETS||{};   \/* samo za pregled *\/\n  var EN=\/^en\/i.test(document.documentElement.lang||'')||\/^\\\/en(\\\/|$)\/.test(location.pathname);\n  \/* manifest: EN tekst + rije\u010di se pale dok blok prolazi kroz ekran *\/\n  (function(){\n    var m=document.getElementById('pnm'); if(!m) return;\n    if(typeof EN!=='undefined' && EN){\n      document.getElementById('pnm-t').innerHTML='<span class=\"pnm-logo\">peternel<span class=\"pl\">+<\/span>ai<\/span> is a hybrid visual studio\u00a0- combining <b>25\u00a0years of experience in visual communication and the graphic industry<\/b> with AI technology, with one mission\u00a0- <span class=\"hl\">human\u00a0vision defines, AI, as a precise working tool, delivers.<\/span>';\n      document.getElementById('pnm-h').innerHTML='AI in practice<span class=\"ar\" aria-hidden=\"true\">\u2193<\/span>';\n    }\n    if(!window.requestAnimationFrame || (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches)) return;\n    var t=document.getElementById('pnm-t'), W=[];\n    (function split(node){\n      [].slice.call(node.childNodes).forEach(function(n){\n        if(n.nodeType===3){\n          var f=document.createDocumentFragment();\n          n.textContent.split(\/(\\s+)\/).forEach(function(p){\n            if(!p) return;\n            if(\/^\\s+$\/.test(p)) f.appendChild(document.createTextNode(p));\n            else { var s=document.createElement('span'); s.className='w'; s.textContent=p; W.push(s); f.appendChild(s); }\n          });\n          node.replaceChild(f,n);\n        } else if(n.nodeType===1) split(n);\n      });\n    })(t);\n    m.classList.add('rv');\n    function c(x){ return x<0?0:x>1?1:x; }\n    var busy=false, last=-1;\n    function upd(){\n      busy=false;\n      var r=t.getBoundingClientRect(), vh=window.innerHeight||1;\n      \/\/ po\u010dinje kad tekst u\u0111e u donji dio ekrana, gotovo kad je tekst na ~40 % visine\n      var p=c((vh*.92 - r.top)\/(vh*.52));\n      var n=W.length, on=Math.round(p*n);\n      if(on===last) return; last=on;\n      for(var i=0;i<n;i++) W[i].style.opacity = i<on ? '1' : '';\n      if(on>=n) m.classList.add('done');\n    }\n    function q(){ if(!busy){ busy=true; requestAnimationFrame(upd); } }\n    window.addEventListener('scroll',q,{passive:true}); window.addEventListener('resize',q); upd();\n  })();\n\n  function U(n){n=(n||'').trim(); if(!n) return ''; if(A[n]) return A[n]; if(\/^https?:\/.test(n)) return n; if(\/^(radovi|ambienta)\\\/\/.test(n)) return ORIGIN+'\/'+n; return BASE+n;}\n  var RM=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var TOUCH=window.matchMedia('(hover: none)').matches;\n  var ICON={\"wa\": \"<svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\" focusable=\\\"false\\\"><path d=\\\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\\\"\/><\/svg>\", \"vb\": \"<svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\" focusable=\\\"false\\\"><path d=\\\"M11.4 0C9.473.028 5.333.344 3.02 2.467 1.302 4.187.696 6.7.633 9.817.57 12.933.488 18.776 6.12 20.36h.003l-.004 2.416s-.037.977.61 1.177c.777.242 1.234-.5 1.98-1.302.407-.44.972-1.084 1.397-1.58 3.85.326 6.812-.416 7.15-.525.776-.252 5.176-.816 5.892-6.657.74-6.02-.36-9.83-2.34-11.546-.596-.55-3.006-2.3-8.375-2.323 0 0-.395-.025-1.037-.017zm.058 1.693c.545-.004.88.017.88.017 4.542.02 6.717 1.388 7.222 1.846 1.675 1.435 2.53 4.868 1.906 9.897v.002c-.604 4.878-4.174 5.184-4.832 5.395-.28.09-2.882.737-6.153.524 0 0-2.436 2.94-3.197 3.704-.12.12-.26.167-.352.144-.13-.033-.166-.188-.165-.414l.02-4.018c-4.762-1.32-4.485-6.292-4.43-8.895.054-2.604.543-4.738 1.996-6.173 1.96-1.773 5.474-2.018 7.11-2.03zm.38 2.602c-.167 0-.303.135-.304.302 0 .167.133.303.3.305 1.624.01 2.946.537 4.028 1.592 1.073 1.046 1.62 2.468 1.633 4.334.002.167.14.3.307.3.166-.002.3-.138.3-.304-.014-1.984-.618-3.596-1.816-4.764-1.19-1.16-2.692-1.753-4.447-1.765zm-3.96.695c-.19-.032-.4.005-.616.117l-.01.002c-.43.247-.816.562-1.146.932-.002.004-.006.004-.008.008-.267.323-.42.638-.46.948-.008.046-.01.093-.007.14 0 .136.022.27.065.4l.013.01c.135.48.473 1.276 1.205 2.604.42.768.903 1.5 1.446 2.186.27.344.56.673.87.984l.132.132c.31.308.64.6.984.87.686.543 1.418 1.027 2.186 1.447 1.328.733 2.126 1.07 2.604 1.206l.01.014c.13.042.265.064.402.063.046.002.092 0 .138-.008.31-.036.627-.19.948-.46.004 0 .003-.002.008-.005.37-.33.683-.72.93-1.148l.003-.01c.225-.432.15-.842-.18-1.12-.004 0-.698-.58-1.037-.83-.36-.255-.73-.492-1.113-.71-.51-.285-1.032-.106-1.248.174l-.447.564c-.23.283-.657.246-.657.246-3.12-.796-3.955-3.955-3.955-3.955s-.037-.426.248-.656l.563-.448c.277-.215.456-.737.17-1.248-.217-.383-.454-.756-.71-1.115-.25-.34-.826-1.033-.83-1.035-.137-.165-.31-.265-.502-.297zm4.49.88c-.158.002-.29.124-.3.282-.01.167.115.312.282.324 1.16.085 2.017.466 2.645 1.15.63.688.93 1.524.906 2.57-.002.168.13.306.3.31.166.003.305-.13.31-.297.025-1.175-.334-2.193-1.067-2.994-.74-.81-1.777-1.253-3.05-1.346h-.024zm.463 1.63c-.16.002-.29.127-.3.287-.008.167.12.31.288.32.523.028.875.175 1.113.422.24.245.388.62.416 1.164.01.167.15.295.318.287.167-.008.295-.15.287-.317-.03-.644-.215-1.178-.58-1.557-.367-.378-.893-.574-1.52-.607h-.018z\\\"\/><\/svg>\", \"sms\": \"<svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\" focusable=\\\"false\\\"><path d=\\\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\\\"\/><\/svg>\", \"mail\": \"<svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\" focusable=\\\"false\\\"><path d=\\\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z\\\"\/><\/svg>\"};\n  var T=EN?{all:'All work',filt:'Filter work',more:'View work',close:'Close',play:'Play',pause:'Pause',load:'Loading\u2026',open:'Open the demo',q:'Hi Filip, can I send you a brief?',a:'Sure!',t:'Send a photo or drawing - I\u2019ll send a demo back!',msg:function(x){return 'Hi Filip, I am interested in something similar to \"'+x.replace(\/[.!?]$\/,'')+'\".'},subj:'Enquiry - ',prev:'Previous',next:'Next',view:'Enlarged view'}\n                :{all:'Svi radovi',filt:'Filtriraj radove',more:'Pogledaj rad',close:'Zatvori',play:'Pokreni',pause:'Pauza',load:'U\u010ditavam\u2026',open:'Otvori demo',q:'Hej Filip, mo\u017ee brief?',a:'Mo\u017ee!',t:'Po\u0161aljite fotku ili nacrt - vra\u0107am demo!',msg:function(x){return 'Hej Filip, zanima me ne\u0161to sli\u010dno radu \"'+x.replace(\/[.!?]$\/,'')+'\".'},subj:'Upit - ',prev:'Prethodna',next:'Sljede\u0107a',view:'Pove\u0107ani prikaz'};\n  var CATS=EN?[['proizvod','Product & Scene','The real product where it is used - for catalogue, web and social media.'],['nacrt','Plan & Space','From a plan to a space the client understands.'],['mjesto','Place & Person','Locations no camera could shoot, and the same character in every frame.']]\n             :[['proizvod','Proizvod & Scena','Stvarni proizvod tamo gdje se koristi - za katalog, web i mre\u017ee.'],['nacrt','Nacrt & Prostor','Od nacrta do prostora koji klijent razumije.'],['mjesto','Mjesto & Osoba','Lokacije koje se ne daju snimiti i isti lik u svakom kadru.']];\n  var IN=ROOT.querySelector('.pnr-in');\n  var data=[].slice.call(ROOT.querySelectorAll('.rad-data .rad')).filter(function(d){return d.getAttribute('data-prikazi')!=='ne'});\n  function txt(d,tag){var e=d.querySelector(tag+(EN?'[lang=\"en\"]':':not([lang])'))||d.querySelector(tag);return e?e.textContent.trim():''}\n  function list(s){return (s||'').split(';').map(function(x){x=x.trim();if(!x)return null;var p=x.split('|');return {n:p[0].trim(),c:(p[1]||'').trim()}}).filter(Boolean)}\n\n  \/* visina sticky headera (Avada) *\/\n  function topOff(){var h=0;['.fusion-tb-header','.fusion-header-wrapper','.ptn-glass-bar','header.fusion-header'].forEach(function(s){var e=document.querySelector(s);if(!e)return;var cs=getComputedStyle(e);if(cs.position==='fixed'||cs.position==='sticky'){var r=e.getBoundingClientRect();if(r.top<=1)h=Math.max(h,r.bottom)}});return Math.round(h)}\n  function setTop(){ROOT.style.setProperty('--pnr-top',topOff()+'px')}\n  setTop(); window.addEventListener('scroll',function(){if(!setTop._t){setTop._t=1;requestAnimationFrame(function(){setTop._t=0;setTop()})}},{passive:true});\n  function scrollToEl(el,now,off){requestAnimationFrame(function(){requestAnimationFrame(function(){var L=window.lenis;if(L&&L.resize)L.resize();var o=off!=null?off:topOff()+(tabs.offsetHeight||0)+16,y=Math.max(0,el.getBoundingClientRect().top+window.pageYOffset-o),im=true;\/* uvijek skok bez klizanja - klizanje prekida inercija trackpada i Safari *\/if(L&&L.scrollTo){L.scrollTo(y,{immediate:im,force:true});return}\n    \/* scrollIntoView radi i kad stranica ne skrola preko window (neki Avada predlo\u0161ci) *\/\n    el.style.scrollMarginTop=o+'px';el.scrollIntoView({block:'start',behavior:im?'auto':'smooth'})})})}\n\n  \/* tabovi *\/\n  var tabs=document.createElement('div'); tabs.className='tabs'; tabs.setAttribute('role','group'); tabs.setAttribute('aria-label',T.filt);\n  function tab(k,l,n){var b=document.createElement('button');b.type='button';b.className='tab';b.dataset.f=k;b.setAttribute('aria-pressed',k==='svi'?'true':'false');b.appendChild(document.createTextNode(l+' '));var s=document.createElement('span');s.textContent=n;b.appendChild(s);tabs.appendChild(b)}\n  tab('svi',T.all,data.length);\n  CATS.forEach(function(c){tab(c[0],c[1],data.filter(function(d){return d.dataset.kat===c[0]}).length)});\n  IN.insertBefore(tabs,IN.firstChild);\n\n  \/* sekcije i kartice *\/\n  var S={};\n  CATS.forEach(function(c){var s=document.createElement('section');s.className='cat';s.id='kat-'+c[0];\n    var hd=document.createElement('div');hd.className='cat-head';var h2=document.createElement('h2');h2.textContent=c[1];var p=document.createElement('p');p.textContent=c[2];hd.appendChild(h2);hd.appendChild(p);\n    var g=document.createElement('div');g.className='grid';s.appendChild(hd);s.appendChild(g);IN.insertBefore(s,IN.querySelector('.rad-data'));S[c[0]]=s});\n  data.forEach(function(d){\n    var s=S[d.dataset.kat]; if(!s) return;\n    var art=document.createElement('article'); art.className='card'+(d.dataset.siroka==='da'?' wide':''); art.id=d.id;\n    var im=document.createElement('div'); im.className='img';\n    var i=document.createElement('img'); i.loading='lazy'; i.alt=''; i.src=U(d.dataset.slika); im.appendChild(i);\n    art.appendChild(im);\n    var h3=document.createElement('h3'),b=document.createElement('button');b.type='button';b.textContent=txt(d,'h3');b.setAttribute('aria-expanded','false');h3.appendChild(b);art.appendChild(h3);\n    var p=document.createElement('p');p.className='d';p.textContent=txt(d,'p:not(.opis)');art.appendChild(p);\n    var m=document.createElement('span');m.className='more';m.setAttribute('aria-hidden','true');m.innerHTML=T.more+' <i>\u2192<\/i>';art.appendChild(m);\n    art._d=d; art._b=b; b.addEventListener('click',function(){toggle(art)});\n    s.querySelector('.grid').appendChild(art);\n    if(d.dataset.video&&!RM) hover(art,d.dataset.video);\n  });\n\n  \/* video na prelazak mi\u0161em \/ na mobitelu kad je kartica 60 % u kadru *\/\n  var cur=null;\n  function vid(art,n){var v=art._v;if(!v){v=document.createElement('video');v.muted=true;v.loop=true;v.playsInline=true;v.setAttribute('playsinline','');v.preload='none';v.setAttribute('aria-hidden','true');v.src=U(n);art.querySelector('.img').appendChild(v);art._v=v}return v}\n  function on(art,n){var v=vid(art,n);if(cur&&cur!==v){cur.pause();cur.classList.remove('on')}v.play().then(function(){v.classList.add('on')}).catch(function(){});cur=v}\n  function off(art){var v=art._v;if(v){v.pause();v.classList.remove('on');if(cur===v)cur=null}}\n  function hover(art,n){\n    if(!TOUCH){art.addEventListener('mouseenter',function(){on(art,n)});art.addEventListener('mouseleave',function(){off(art)})}\n    else if('IntersectionObserver' in window){new IntersectionObserver(function(es){es.forEach(function(e){if(e.intersectionRatio>=.6)on(art,n);else off(art)})},{threshold:[0,.6]}).observe(art)}\n  }\n\n  \/* pove\u0107ana slika \/ video *\/\n  var lb=document.createElement('div');lb.className='pnr-lb';lb.setAttribute('role','dialog');lb.setAttribute('aria-modal','true');lb.setAttribute('aria-label',T.view);lb.setAttribute('data-no-translation','');lb.setAttribute('translate','no');\n  lb.innerHTML='<div class=\"st\"><\/div><button type=\"button\" class=\"x\">\u00d7<\/button><button type=\"button\" class=\"pv\">\u2039<\/button><button type=\"button\" class=\"nx\">\u203a<\/button><div class=\"ct\"><\/div>';\n  document.body.appendChild(lb);\n  lb.querySelector('.x').setAttribute('aria-label',T.close);lb.querySelector('.pv').setAttribute('aria-label',T.prev);lb.querySelector('.nx').setAttribute('aria-label',T.next);\n  var LI=[],LX=0,LF=null;\n  function lbRender(){var it=LI[LX],st=lb.querySelector('.st');st.innerHTML='';var e;\n    if(it.v){e=document.createElement('video');e.src=it.src;e.controls=true;e.autoplay=true;e.playsInline=true;e.setAttribute('playsinline','');if(it.mute)e.muted=true}\n    else{e=document.createElement('img');e.alt=it.c||'';if(it.lo){e.src=it.lo;var hi=new Image();hi.onload=function(){e.src=it.src};hi.src=it.src}else e.src=it.src}\n    st.appendChild(e);var m=LI.length>1;lb.querySelector('.pv').hidden=lb.querySelector('.nx').hidden=!m;\n    lb.querySelector('.ct').textContent=(it.c?it.c:'')+(m?(it.c?'  \u00b7  ':'')+(LX+1)+' \/ '+LI.length:'')}\n  var OV=document.createElement('div');OV.id='pnr-ov';OV.setAttribute('data-no-translation','');OV.setAttribute('data-lenis-prevent','');OV.innerHTML='<div class=\"ov-bg\"><\/div><div class=\"ov-sh\" tabindex=\"-1\"><\/div>';document.body.appendChild(OV);\n  var SH=OV.querySelector('.ov-sh');OV.querySelector('.ov-bg').addEventListener('click',function(){close(true)});\n  function lbOpen(items,i){LF=document.activeElement;LI=items;LX=i;lbRender();lb.classList.add('open');document.documentElement.style.overflow='hidden';lb.querySelector('.x').focus()}\n  function lbClose(){lb.classList.remove('open');lb.querySelector('.st').innerHTML='';document.documentElement.style.overflow='';if(LF&&LF.focus)LF.focus({preventScroll:true})}\n  function lbMove(k){LX=(LX+k+LI.length)%LI.length;lbRender()}\n  lb.querySelector('.x').addEventListener('click',lbClose);lb.querySelector('.pv').addEventListener('click',function(){lbMove(-1)});lb.querySelector('.nx').addEventListener('click',function(){lbMove(1)});\n  lb.addEventListener('click',function(e){if(e.target===lb||e.target.classList.contains('st'))lbClose()});\n  var sx=null;lb.addEventListener('touchstart',function(e){sx=e.touches[0].clientX},{passive:true});lb.addEventListener('touchend',function(e){if(sx===null)return;var dx=e.changedTouches[0].clientX-sx;if(Math.abs(dx)>50&&LI.length>1)lbMove(dx<0?1:-1);sx=null},{passive:true});\n\n  \/* kategorija bez ijednog rada se ne prikazuje (ni njen tab) *\/\n  Object.keys(S).forEach(function(k){if(!S[k].querySelector('.card')){S[k].remove();delete S[k];var t=tabs.querySelector('.tab[data-f=\"'+k+'\"]');if(t)t.remove()}});\n  \/* otvoreni rad *\/\n  var panel=null,openArt=null;\n  function rowEnd(art){var cs=[].slice.call(art.parentNode.children).filter(function(c){return c.classList.contains('card')&&c.offsetParent}),t=art.getBoundingClientRect().top,l=art;cs.forEach(function(c){if(Math.abs(c.getBoundingClientRect().top-t)<4)l=c});return l}\n  var CT=EN?{proizvod:'Send a photo of your product - I\u2019ll send a demo back!',nacrt:'Send a drawing or floor plan - I\u2019ll send a demo back!',mjesto:'Send a photo of the place or person - I\u2019ll send a demo back!'}\n           :{proizvod:'Po\u0161aljite fotku proizvoda - vra\u0107am demo!',nacrt:'Po\u0161aljite nacrt ili tlocrt - vra\u0107am demo!',mjesto:'Po\u0161aljite fotku mjesta ili osobe - vra\u0107am demo!'};\n  function cta(title,d){\n    var ct=(d&&(EN?d.dataset.ctaEn:d.dataset.cta))||CT[d&&d.dataset.kat]||T.t;\n    \/* \"Po\u0161aljite fotku proizvoda - vra\u0107am demo!\" -> u poruci: \"\u0160aljem fotku proizvoda.\" *\/\n    var sd=ct.split(' - ')[0].replace(\/^Po\u0161aljite (mi )?\/,'\u0160aljem ').replace(\/^Send (me )?\/,'I\u2019m sending ').replace(\/ your \/g,' my ');\n    var m=encodeURIComponent(T.msg(title)+' '+sd+'.'),w=document.createElement('div');w.className='cta';\n    var q=document.createElement('div');q.className='q';var b=document.createElement('b');b.textContent=T.q;var sp=document.createElement('span');sp.innerHTML='<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 14l-5-5 5-5\"\/><path d=\"M4 9h10a6 6 0 0 1 0 12h-2\"\/><\/svg>';sp.appendChild(document.createTextNode(T.a));var sm=document.createElement('small');sm.textContent=ct;q.appendChild(b);q.appendChild(sp);q.appendChild(sm);\n    var ic=document.createElement('div');ic.className='ic';\n    [['wa','WhatsApp','https:\/\/wa.me\/38598464646?text='+m],['vb','Viber',TOUCH?'viber:\/\/add?number=38598464646':'viber:\/\/chat?number=%2B38598464646'],['sms','SMS','sms:+38598464646?&body='+m],['mail','E-mail','mailto:filip@peternel2000.eu?subject='+encodeURIComponent(T.subj+title)+'&body='+m]].forEach(function(x){\n      var a=document.createElement('a');a.className=x[0];a.href=x[2];a.setAttribute('aria-label',x[1]);a.title=x[1];if(x[0]==='wa'){a.target='_blank';a.rel='noopener'}a.innerHTML=ICON[x[0]];ic.appendChild(a)});\n    if(d&&typeof shareBtn==='function')ic.appendChild(shareBtn({id:d.id},title));\n    w.appendChild(q);w.appendChild(ic);return w}\n  function vctl(v){var w=v.parentNode,b=document.createElement('button');b.type='button';b.className='vbtn';w.appendChild(b);\n    function l(){b.textContent=v.paused?'\u25b6 '+T.play:'\u275a\u275a '+T.pause}b.addEventListener('click',function(e){e.stopPropagation();v._u=1;v.paused?v.play():v.pause()});v.addEventListener('play',l);v.addEventListener('pause',l);l();\n    if(!RM&&'IntersectionObserver' in window)new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting&&!v._u)v.play().catch(function(){});else if(!e.isIntersecting)v.pause()})},{threshold:.5}).observe(v)}\n  function ex(d,k){var v=d.getAttribute('data-'+k+(EN?'-en':''));return v!=null?v:(d.getAttribute('data-'+k)||'')}\n  function imgBtn(n,items,k,title){var b=document.createElement('button');b.type='button';b.className='pk-img';b.setAttribute('aria-label',title+' - '+T.view+' '+(k+1));var i=document.createElement('img');i.loading='lazy';i.alt='';i.className='ph';i.addEventListener('load',function(){i.classList.remove('ph')});i.src=U(n);b.appendChild(i);b.addEventListener('click',function(){lbOpen(items,k)});return b}\n  function baEl(c){var b2=document.createElement('div');b2.className='pk-ba';var po=c.dataset.poslije,af;\n        if(\/\\.(mp4|webm)$\/i.test(po)){af=document.createElement('video');af.src=U(po);af.muted=true;af.loop=true;af.playsInline=true;af.setAttribute('playsinline','');af.autoplay=!RM;af.setAttribute('aria-hidden','true')}else{af=document.createElement('img');af.src=U(po);af.alt=''}\n        var bf=document.createElement('img');bf.src=U(c.dataset.prije);bf.alt='';bf.className='top';\n        var ln=document.createElement('span');ln.className='ln';ln.innerHTML='<i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 6l-5 6 5 6M15 6l5 6-5 6\"\/><\/svg><\/i>';var r=document.createElement('input');r.type='range';r.min=0;r.max=100;r.value=50;r.setAttribute('aria-label',EN?'Before \/ after':'Prije \/ poslije');\n        var l1=document.createElement('span');l1.className='lb l';l1.textContent=ex(c,'l1')||(EN?'Before':'Prije');var l2=document.createElement('span');l2.className='lb r';l2.textContent=ex(c,'l2')||(EN?'After':'Poslije');\n        [af,bf,ln,r,l1,l2].forEach(function(x){b2.appendChild(x)});function u(){bf.style.clipPath='inset(0 '+(100-r.value)+'% 0 0)';ln.style.left=r.value+'%'}r.addEventListener('input',u);u();return b2}\n  function praksaBody(p,d,title){\n    var w=document.createElement('div');w.className='pk';\n    [].slice.call(d.children).forEach(function(c){\n      var cl=c.className;\n      if(cl==='blok'){var hd=document.createElement('div');hd.className='pk-head';\n        var oz=ex(c,'oznaka').replace(\/^\\[\\s*|\\s*\\]$\/g,''),na=ex(c,'naslov'),te=ex(c,'tekst'),od=ex(c,'odgovor');\n        if(oz){var e=document.createElement('p');e.className='pk-oz';e.textContent=oz;hd.appendChild(e)}\n        var dl=\/^(Hej|Hi) Filip,\/.test(na);if(dl)hd.classList.add('dlg');\n        if(na&&dl){var q=document.createElement('p');q.className='pk-q';var i0=na.indexOf(',')+1,b0=document.createElement('b');b0.textContent=na.slice(0,i0);q.appendChild(b0);q.appendChild(document.createElement('br'));var rs=na.slice(i0).trim();q.appendChild(document.createTextNode(rs.charAt(0).toUpperCase()+rs.slice(1)));hd.appendChild(q)}\n        else if(na){var h=document.createElement('h3');h.className='pk-h';h.textContent=na;hd.appendChild(h)}\n        if(te){var t=document.createElement('p');t.className='pk-t';t.textContent=te;hd.appendChild(t)}\n        if(od){var a=document.createElement('p');a.className='pk-a';a.innerHTML='<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 14l-5-5 5-5\"\/><path d=\"M4 9h10a6 6 0 0 1 0 12h-2\"\/><\/svg>';var m0=od.match(\/^\\S*!\/);if(m0){var b1=document.createElement('b');b1.textContent=m0[0];a.appendChild(b1);a.appendChild(document.createTextNode(od.slice(m0[0].length)+' '))}else a.appendChild(document.createTextNode(od+' '));var b2=document.createElement('b');b2.textContent='\u2193';a.appendChild(b2);hd.appendChild(a)}\n        w.appendChild(hd)}\n      else if(cl==='video'){var s=document.createElement('div');s.className='pk-vid'+(c.dataset.mala==='da'?' mala':'');var v=document.createElement('video');v.src=U(c.dataset.src);v.loop=true;v.playsInline=true;v.setAttribute('playsinline','');v.preload='metadata';v.setAttribute('aria-label',title);\n        if(c.dataset.zvuk==='da'){v.controls=true}else{v.muted=true}\n        v.addEventListener('loadedmetadata',function(){v.style.aspectRatio=v.videoWidth+'\/'+v.videoHeight;if(v.videoHeight>v.videoWidth)s.classList.add('uspr')});s.appendChild(v);w.appendChild(s);if(!v.controls)vctl(v)}\n      else if(cl==='slika'){var it=[{src:U(c.dataset.src)}];w.appendChild(imgBtn(c.dataset.src,it,0,title))}\n      else if(cl==='mreza'||cl==='vrpca'){var L=list(c.dataset.slike),items=L.map(function(x){return {src:U(x.n),c:x.c}});\n        var box=document.createElement('div');box.className=cl==='mreza'?'pk-grid'+(c.dataset.stupci==='2'?' s2':''):'pk-vr';var tr=box;\n        if(cl==='vrpca'){tr=document.createElement('div');tr.className='pk-tr';box.appendChild(tr);\n          ['l','r'].forEach(function(s){var b=document.createElement('button');b.type='button';b.className='pk-ar '+s;b.textContent=s==='l'?'\u2039':'\u203a';b.setAttribute('aria-label',s==='l'?T.prev:T.next);b.addEventListener('click',function(){tr.scrollBy({left:(s==='l'?-1:1)*tr.clientWidth*.8,behavior:RM?'auto':'smooth'})});box.appendChild(b)})}\n        if(cl==='mreza'){\/* redovi iste visine: svaka slika \u0161iroka koliko joj omjer tra\u017ei, bez rezanja *\/\n          var per=+(c.dataset.stupci||0)||Math.min(L.length,4);if(window.innerWidth<560)per=Math.min(per,2);var row;\n          L.forEach(function(x,k){if(k%per===0){row=document.createElement('div');row.className='pk-row';box.appendChild(row)}var bt=imgBtn(x.n,items,k,title),im=bt.querySelector('img');bt.style.flex='1.5 1 0';\n            im.addEventListener('load',function(){var r=im.naturalWidth\/im.naturalHeight;if(r)bt.style.flex=r+' 1 0'});row.appendChild(bt)});\n          var lr=box.lastChild;if(lr&&lr.children.length<per&&box.children.length>1)lr.classList.add('kr')}\n        else L.forEach(function(x,k){tr.appendChild(imgBtn(x.n,items,k,title))});w.appendChild(box)}\n      else if(cl==='prije-poslije'){w.appendChild(baEl(c))}\n      else if(cl==='parovi'){var pv=document.createElement('div');pv.className='pk-par';[].slice.call(c.children).forEach(function(x){pv.appendChild(baEl(x))});w.appendChild(pv)}\n      else if(cl==='odjeljak'){var od2=document.createElement('p');od2.className='pk-sec';var sp=document.createElement('span');sp.textContent=ex(c,'oznaka').replace(\/^\\[\\s*|\\s*\\]$\/g,'');od2.appendChild(sp);od2.appendChild(document.createElement('i'));w.appendChild(od2)}\n    });\n    p.appendChild(w);\n  }\n  function nativeBody(p,d,title){\n    if(d.querySelector('.blok,.video,.slika,.mreza,.vrpca,.prije-poslije,.parovi,.odjeljak')) return praksaBody(p,d,title);\n    var hd=document.createElement('div');hd.className='p-head';var h=document.createElement('h3');h.id='pnr-ph';h.textContent=title;var s=document.createElement('p');s.textContent=txt(d,'p:not(.opis)');hd.appendChild(h);hd.appendChild(s);p.appendChild(hd);\n    var op=d.querySelector('.opis'+(EN?'[lang=\"en\"]':':not([lang])'));if(op){var o=document.createElement('p');o.className='p-opis';o.textContent=op.textContent;p.appendChild(o)}\n    var vs=list(d.dataset.videi);if(vs.length){var g=document.createElement('div');g.className='gal'+(vs.length===1?' n1':'');vs.forEach(function(x){var f=document.createElement('figure');var st=document.createElement('div');st.className='st';var v=document.createElement('video');v.src=U(x.n);v.muted=!\/zvuk\/i.test(x.n);v.loop=true;v.playsInline=true;v.setAttribute('playsinline','');v.preload='metadata';if(\/zvuk\/i.test(x.n)){v.controls=true;v.muted=false}v.setAttribute('aria-label',x.c||title);st.appendChild(v);f.appendChild(st);if(x.c){var c=document.createElement('figcaption');c.textContent=x.c;f.appendChild(c)}g.appendChild(f);if(!v.controls)vctl(v)});p.appendChild(g)}\n    var gs=list(d.dataset.galerija);if(gs.length){var g2=document.createElement('div');g2.className='gal'+(gs.length===1?' n1':gs.length%3===0&&gs.length>3?' n3':'');var items=gs.map(function(x){return {src:U(x.n),c:x.c}});\n      gs.forEach(function(x,k){var f=document.createElement('figure');var bt=document.createElement('button');bt.type='button';bt.className='st';bt.setAttribute('aria-label',(x.c||title)+' - '+T.view);var im=document.createElement('img');im.loading='lazy';im.src=U(x.n);im.alt=x.c||'';bt.appendChild(im);bt.addEventListener('click',function(){lbOpen(items,k)});f.appendChild(bt);if(x.c){var c=document.createElement('figcaption');c.textContent=x.c;f.appendChild(c)}g2.appendChild(f)});p.appendChild(g2)}\n  }\n  function demoBody(p,d,title){\n    var sp=d.dataset.demo.split(':'),page=sp[0],subs={},ids=(sp[1]||'').split(',').map(function(x){var q=x.split('>');if(q[1])subs[q[0]]=q[1];return q[0]});\n    var url=ORIGIN+'\/'+page+'\/?lang='+(EN?'en':'hr');\n    var ld=document.createElement('p');ld.className='p-load';ld.textContent=T.load;p.appendChild(ld);\n    var f=document.createElement('iframe');f.className='p-frame';f.title=title;f.src=url;f.style.height='70vh';f.style.visibility='hidden';p.appendChild(f);\n    var _dn=0;function _su(){if(_dn)return;\n      var doc;try{doc=f.contentDocument}catch(e){}\n      if((!doc||!doc.body)&&window.PNR_ORIGIN){ld.remove();f.style.visibility='visible';f.style.height='85vh';f.style.overflow='auto';if(!f.dataset.h){f.dataset.h=1;f.src=url+'#'+ids[0]}return}\n      if(!doc||!doc.body){ld.innerHTML='';var a=document.createElement('a');a.href=url+'#'+ids[0];a.textContent=T.open+' \u2197';ld.appendChild(a);f.remove();return}\n      _dn=1;var show=ids.map(function(x){return 'body>section#'+x}).join(',');\n      var st=doc.createElement('style');st.id='pnr-inj';st.textContent=\n        'html{background:#F6F6F5!important;scroll-behavior:auto!important;overflow-x:hidden!important;overflow-y:auto!important;height:100%!important;-webkit-overflow-scrolling:touch}body{background:#F6F6F5!important;overflow:visible!important;box-sizing:border-box;padding:20px '+Math.round(Math.max(16,Math.min(36,window.innerWidth*.03)))+'px 0!important}'+\n        'body>header,body>.subnav,body>footer,.stickycta,.ocwrap,#lb,.hero,body>section.blk{display:none!important}'+\n        show+'{display:block!important;padding:8px 0 28px!important;background:transparent!important;border-top:0!important}'+\n        '.reveal{opacity:1!important;transform:none!important}.stage{position:-webkit-sticky!important;position:sticky!important;top:68px!important;z-index:5}'+\n        ':root{color-scheme:light;--brown:#F6F6F5;--brown-d:#F6F6F5;--cream:#0C0B14;--muted:#626268;--brass:#626268;--lime:#0C0B14;--paper:#F6F6F5;--text:#0C0B14;--text2:#626268;--brass-d:#0C0B14;--card:#FFFFFF;--cline:#E4E4E2;--dline:#E4E4E2}'+\n        '.wrap{max-width:none!important;padding:0!important}'+\n        'h2,h3,.desc,.solh,.solnap,.hq,.hsub,.cfgcta p,.subh{max-width:none!important}'+\n        '.cfgcta,.stickycta{display:none!important}'+\n        '.card img,.card video{cursor:zoom-in}.aib{display:none!important}'+\n        '.ba-line::after{background:#0C0B14 url(\"data:image\/svg+xml,%3Csvg xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\' viewBox=\\'0 0 24 24\\' fill=\\'none\\' stroke=\\'%23E8FF3D\\' stroke-width=\\'2.4\\' stroke-linecap=\\'round\\' stroke-linejoin=\\'round\\'%3E%3Cpath d=\\'M9 6l-5 6 5 6M15 6l5 6-5 6\\'\/%3E%3C\/svg%3E\") center\/22px no-repeat!important}'+\n        Object.keys(subs).map(function(s){return '#'+s+' .eyebrow,#'+s+' .wrap>div[id]:not(#'+subs[s]+'){display:none!important}#'+subs[s]+'{margin-top:0!important;padding-top:0!important;border-top:0!important}'}).join('');\n      doc.head.appendChild(st);noSave(doc);var sp=doc.createElement('style');sp.textContent='img,video{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}';doc.head.appendChild(sp);\n      \/* kota\u010di\u0107 mi\u0161a iznad demoa skrola naslovnicu *\/\n      \/* klik na sliku u demou -> pove\u0107ana slika na naslovnici *\/\n      doc.addEventListener('click',function(e){var n=e.target.closest&&e.target.closest('.card img,.card video');if(!n)return;e.preventDefault();e.stopPropagation();\n        var g=n.closest('.gal'),L=g?[].slice.call(g.querySelectorAll('.card img,.card video')):[n];\n        var items=L.map(function(x){if(x.tagName==='VIDEO')return {v:1,mute:1,src:x.getAttribute('src')||x.currentSrc};var ss=(x.getAttribute('srcset')||'').split(',').map(function(s){return s.trim().split(\/\\s+\/)[0]}).filter(Boolean);var cap=x.parentNode.querySelector('.cap');return {src:ss.length?new URL(ss[ss.length-1],doc.baseURI).href:(x.currentSrc||x.src),lo:x.currentSrc||x.src,c:cap?cap.textContent.trim():''}});\n        lbOpen(items,L.indexOf(n))},true);\n      var fit=function(){};\n      \/* slika konfiguratora ostaje zalijepljena gore dok se biraju materijali (iframe sam ne skrola) *\/\n      var ST=[],sr=0;\n      function meas(){ST.forEach(function(o){o.s.style.transform='';var a=o.s.getBoundingClientRect(),b=o.c.getBoundingClientRect();o.t=a.top;o.h=a.height;o.b=b.bottom});stick()}\n      function stick(){if(!f.isConnected){SH.removeEventListener('scroll',onS);return}var fr=f.getBoundingClientRect().top,want=SH.getBoundingClientRect().top+76;\n        ST.forEach(function(o){var sh=Math.max(0,Math.min(want-(fr+o.t),o.b-o.t-o.h));o.s.style.transform=sh?'translateY('+Math.round(sh)+'px)':''})}\n      function onS(){if(sr)return;sr=requestAnimationFrame(function(){sr=0;stick()})}\n      if(ST.length){SH.addEventListener('scroll',onS,{passive:true});var _fit=fit;fit=function(){_fit();meas()}}\n      fit();f.style.visibility='';ld.remove();\n      \/* CTA i prethodni\/sljedeci idu na dno demoa (demo je sam svoj skrol) *\/\n      if(!PCSS){var ps=[].slice.call(document.querySelectorAll('style')).filter(function(x){return x.textContent.indexOf('#pnr-ov')>-1})[0];PCSS=ps?ps.textContent:''}\n      var cs=doc.createElement('style');cs.textContent=PCSS;doc.head.appendChild(cs);[].slice.call(document.querySelectorAll('link[href*=\"fonts.googleapis\"]')).forEach(function(l){doc.head.appendChild(l.cloneNode())});\n      var W=doc.createElement('div');W.id='pnr';W.setAttribute('style','padding:12px 0 48px!important;background:transparent!important;max-width:none!important');\n      if(!p._mv)p._mv=[].slice.call(p.children).filter(function(c){return c.classList.contains('cta')||c.classList.contains('pnav')});p._mv.forEach(function(c){W.appendChild(c)});doc.body.appendChild(W);\n      if(window.ResizeObserver){var ro=new ResizeObserver(function(){fit()});ids.forEach(function(x){var s=doc.getElementById(x);if(s)ro.observe(s)})}\n      setTimeout(function(){fit()},600);setTimeout(function(){fit()},2000);\n    }\n    f.addEventListener('load',function(){var dd;try{dd=f.contentDocument}catch(e){}if(_dn&&dd&&dd.body&&!dd.getElementById('pnr-inj'))_dn=0;_su()});\n    \/* ne ceka se da se ucitaju sve slike i videi demoa: cim je HTML spreman, demo se prikaze i radi skrol i odabir *\/\n    var _t0=Date.now(),_pi=setInterval(function(){if(_dn||!f.isConnected||Date.now()-_t0>30000){clearInterval(_pi);return}var dd;try{dd=f.contentDocument}catch(e){clearInterval(_pi);return}\n      if(dd&&dd.body&&dd.readyState!=='loading'&&dd.URL&&dd.URL!=='about:blank'&&dd.getElementById(ids[0])){clearInterval(_pi);_su()}},50);\n  }\n  function build(art){\n    var d=art._d,title=art._b.textContent;\n    var p=document.createElement('section');p.className='panel';p.id='pnr-panel';p.tabIndex=-1;p.setAttribute('aria-label',title);\n    var x=document.createElement('button');x.type='button';x.className='p-close';x.setAttribute('aria-label',T.close);x.textContent='\u00d7';x.addEventListener('click',function(){close(true)});p.appendChild(x);\n    if(d.dataset.demo) demoBody(p,d,title); else nativeBody(p,d,title);\n    p.appendChild(cta(title,d));\n    var nv=nav(art);if(nv)p.appendChild(nv);return p}\n  \/* prethodni \/ sljede\u0107i rad - da se ne presko\u010de kartice iz istog reda *\/\n  function nav(art){var cs=[].slice.call(ROOT.querySelectorAll('#pnr .card')).filter(function(c){return !c.closest('.cat').hidden}),i=cs.indexOf(art);if(cs.length<2)return null;\n    var w=document.createElement('nav');w.className='pnav';w.setAttribute('aria-label',EN?'More work':'Jo\u0161 radova');\n    function b(c,dir){var x=document.createElement('button');x.type='button';x.className='pn '+dir;var s=document.createElement('span');s.className='pl';s.textContent=dir==='nx'?(EN?'Next':'Sljede\u0107i rad'):(EN?'Previous':'Prethodni');var t=document.createElement('span');t.className='pt';t.textContent=(dir==='pv'?'\u2190 ':'')+c._b.textContent+(dir==='nx'?' \u2192':'');x.appendChild(s);x.appendChild(t);x.addEventListener('click',function(){open(c)});return x}\n    if(i>0)w.appendChild(b(cs[i-1],'pv'));else w.appendChild(document.createElement('span'));\n    if(i<cs.length-1)w.appendChild(b(cs[i+1],'nx'));\n    return w}\n\n  \/* ===== dijeljenje rada: link otvara bas taj rad (peternel2000.eu\/?rad=ime) ===== *\/\n  var SHI='<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3v12\"\/><path d=\"M7 8l5-5 5 5\"\/><path d=\"M5 13v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6\"\/><\/svg>';\n  function radUrl(id){return location.origin+location.pathname+'?rad='+id}\n  function shareBtn(art,title){var w=document.createElement('div');w.style.position='relative';\n    var b=document.createElement('button');b.type='button';b.className='p-share';b.setAttribute('aria-label',EN?'Share this work':'Podijeli rad');b.title=EN?'Share':'Podijeli';b.innerHTML=SHI;w.appendChild(b);\n    var m=document.createElement('div');m.className='sh-menu';m.setAttribute('role','menu');\n    var u=radUrl(art.id),tx=title+' - peternel+ai',eu=encodeURIComponent(u),et=encodeURIComponent(tx);\n    var cp=document.createElement('button');cp.type='button';cp.textContent=EN?'Copy link':'Kopiraj link';\n    cp.addEventListener('click',function(){function ok(){cp.textContent=EN?'Link copied \u2713':'Link kopiran \u2713';cp.classList.add('ok');setTimeout(function(){cp.textContent=EN?'Copy link':'Kopiraj link';cp.classList.remove('ok')},1800)}\n      var N=(cp.ownerDocument.defaultView||window).navigator;if(N.clipboard&&N.clipboard.writeText)N.clipboard.writeText(u).then(ok,function(){prompt('',u)});else prompt('',u)});\n    m.appendChild(cp);\n    [['Facebook','https:\/\/www.facebook.com\/sharer\/sharer.php?u='+eu],['LinkedIn','https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url='+eu],['WhatsApp','https:\/\/wa.me\/?text='+et+'%20'+eu],['Viber','viber:\/\/forward?text='+et+'%20'+eu],['E-mail','mailto:?subject='+et+'&body='+et+'%0A'+eu]].forEach(function(x){\n      var a=document.createElement('a');a.href=x[1];a.textContent=x[0];if(\/^http\/.test(x[1])){a.target='_blank';a.rel='noopener'}a.addEventListener('click',function(){m.classList.remove('on')});m.appendChild(a)});\n    w.appendChild(m);\n    b.addEventListener('click',function(e){e.stopPropagation();\n      \/* mobitel: sustavni izbornik (Instagram, Messenger, WhatsApp...) *\/\n      var N=(b.ownerDocument.defaultView||window).navigator;if(N.share&&TOUCH){N.share({title:tx,text:tx,url:u}).catch(function(){});return}\n      m.classList.toggle('on')});\n    document.addEventListener('click',function(e){if(!w.contains(e.target))m.classList.remove('on')});setTimeout(function(){var od=w.ownerDocument;if(od!==document)od.addEventListener('click',function(e){if(!w.contains(e.target))m.classList.remove('on')})},4000);\n    return w}\n  \/* ===== zastita vizuala: bez desnog klika, povlacenja i preuzimanja videa ===== *\/\n  function noSave(d){\n    d.addEventListener('contextmenu',function(e){var t=e.target;if(t&&t.closest&&t.closest('img,video,picture,.card,.pk-ba,.ba,.stage')&&(d!==document||t.closest('#pnr,#pnr-ov,.pnr-lb')))e.preventDefault()},true);\n    d.addEventListener('dragstart',function(e){var t=e.target;if(t&&t.tagName&&\/^(IMG|VIDEO)$\/.test(t.tagName)&&(d!==document||t.closest('#pnr,#pnr-ov,.pnr-lb')))e.preventDefault()},true);\n    function vv(r){[].slice.call(r.querySelectorAll?r.querySelectorAll('video'):[]).concat(r.tagName==='VIDEO'?[r]:[]).forEach(function(v){v.setAttribute('controlsList','nodownload noplaybackrate');v.setAttribute('disablepictureinpicture','');v.disablePictureInPicture=true})}\n    if(window.MutationObserver){var root=d===document?[ROOT,OV,lb]:[d.body];root.forEach(function(r){if(!r)return;vv(r);new MutationObserver(function(ms){ms.forEach(function(m){[].forEach.call(m.addedNodes,function(n){if(n.nodeType===1)vv(n)})})}).observe(r,{childList:true,subtree:true})})}}\n  noSave(document);\n  var GATE=null,LW=0,OF=null,PUSH=0,PCSS='';\n  function open(art,instant){\n    var was=!!panel;\n    if(panel){panel.querySelectorAll('video').forEach(function(v){v.pause()});panel.remove();openArt.classList.remove('open');openArt._b.setAttribute('aria-expanded','false')}\n    openArt=art;art.classList.add('open');art._b.setAttribute('aria-expanded','true');\n    panel=build(art);if(art._d.dataset.demo)panel.classList.add('pd');SH.classList.toggle('pd',panel.classList.contains('pd'));SH.appendChild(panel);SH.scrollTop=0;SH.setAttribute('role','dialog');SH.setAttribute('aria-modal','true');SH.setAttribute('aria-label',art._b.textContent);\n    if(!was){OF=document.activeElement;document.documentElement.classList.add('pnr-lock');OV.classList.add('on');OV.offsetWidth;OV.classList.add('open');\n      try{if(instant)history.replaceState(null,'','#'+art.id);else{history.pushState({pnr:1},'','#'+art.id);PUSH=1}}catch(e){}}\n    else{try{history.replaceState(history.state,'','#'+art.id)}catch(e){}}\n    SH.focus({preventScroll:true});\n  }\n  function close(back,pop){\n    if(!panel) return;var p=panel,a=openArt;panel=null;openArt=null;\n    p.querySelectorAll('video').forEach(function(v){v.pause()});\n    a.classList.remove('open');a._b.setAttribute('aria-expanded','false');\n    OV.classList.remove('open');setTimeout(function(){if(!panel){OV.classList.remove('on');p.remove()}else p.remove()},RM?0:400);\n    document.documentElement.classList.remove('pnr-lock');\n    try{a._b.focus({preventScroll:true})}catch(e){}\n    if(!pop){if(PUSH&&history.state&&history.state.pnr){PUSH=0;history.back()}else{try{history.replaceState(null,'',location.pathname+location.search.replace(\/([?&])rad=[^&]*&?\/,'$1').replace(\/[?&]$\/,''))}catch(e){}}}else PUSH=0;\n  }\n  window.addEventListener('popstate',function(){if(panel)close(false,true)});\n  function toggle(art){if(openArt===art)close(true);else open(art)}\n  document.addEventListener('keydown',function(e){\n    if(lb.classList.contains('open')){if(e.key==='Escape')lbClose();else if(e.key==='ArrowLeft'&&LI.length>1)lbMove(-1);else if(e.key==='ArrowRight'&&LI.length>1)lbMove(1);return}\n    if(e.key==='Escape'&&panel)close(true)});\n  var rt,lw=window.innerWidth;window.addEventListener('resize',function(){clearTimeout(rt);rt=setTimeout(function(){setTop();if(window.innerWidth===lw)return;lw=window.innerWidth;},150)});\n\n  \/* filter *\/\n  function filter(f){tabs.querySelectorAll('.tab').forEach(function(t){t.setAttribute('aria-pressed',t.dataset.f===f?'true':'false');\n      \/* aktivni tab na sredinu trake (mobitel: traka se skrola vodoravno) *\/\n      if(t.dataset.f===f&&tabs.scrollWidth>tabs.clientWidth){var x=t.offsetLeft-tabs.offsetLeft-(tabs.clientWidth-t.offsetWidth)\/2;tabs.scrollTo({left:Math.max(0,x),behavior:RM?'auto':'smooth'})}});\n    Object.keys(S).forEach(function(k){S[k].hidden=!(f==='svi'||f===k)})}\n  tabs.addEventListener('click',function(e){var t=e.target.closest('.tab');if(!t)return;filter(t.dataset.f);\n    if(tabs.getBoundingClientRect().top<topOff()+2)scrollToEl(IN);\n    try{history.replaceState(null,'',t.dataset.f==='svi'?location.pathname+location.search:'#'+t.dataset.f)}catch(er){}});\n\n  \/* adresa: \/#nacrt otvara kategoriju, \/#vila otvara rad *\/\n  function fromHash(inst){var h=(location.hash||'').slice(1);if(h==='radovi'){filter('svi');var tg0=document.getElementById('pnm-h')||IN;if(inst){setTimeout(function(){scrollToEl(tg0)},350);window.addEventListener('load',function(){scrollToEl(tg0)})}return}if(!h&&inst){try{h=new URLSearchParams(location.search).get('rad')||''}catch(e){}}if(S[h]){filter(h);if(!inst)scrollToEl(IN)}else if(h){var a=document.getElementById(h);if(a&&a.classList.contains('card')&&a.parentNode&&a!==openArt){open(a,inst)}}}\n  fromHash(true);window.addEventListener('hashchange',function(){if(panel&&!location.hash)close(false,true);else fromHash(false)});\n})();\n<\/script><\/div><\/div><\/div><\/section><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0%;--awb-padding-right-medium:20px;--awb-padding-left-medium:20px;--awb-padding-right-small:0px;--awb-padding-left-small:0px;--awb-margin-top:20px;--awb-background-color:#;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-right-small:0px;--awb-padding-left-small:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:0%;--awb-spacing-left-medium:0%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:0%;--awb-spacing-left-small:0%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><style>\n  \/* PIN omotac za agenti card - DESKTOP ONLY.\n     Na mobitelu (<821px) nema pravila -> card tece normalno. *\/\n  @media(min-width:821px){\n    .ptn-ag-pin-track{height:200vh;position:relative}\n    .ptn-ag-pin-frame{position:sticky;top:0}\n  }\n<\/style>\n\n<div class=\"ptn-ag-pin-track\">\n  <div class=\"ptn-ag-pin-frame\">\n\n<style>\n  #ptn-agcard{--bg:#08070B;--txt:#F4F3F7;--mut:#86848F;--dim:#56545E;--line:#211F28;--card:#100F16;--acc:#F7FF00;\n    --serif:'IBM Plex Serif',Georgia,serif;--mono:'Fira Code',monospace;\n    position:relative;isolation:isolate;overflow:hidden;min-height:100svh;\n    display:flex;flex-direction:column;justify-content:center;\n    background:#08070B;color:var(--txt);padding:7vh 22% 7vh;font-family:var(--mono)}\n  #ptn-agcard *{margin:0;padding:0;box-sizing:border-box}\n  \/* grain *\/\n  #ptn-agcard::after{content:\"\";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.05;\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\")}\n  \/* depth glow *\/\n  #ptn-agcard::before{content:\"\";position:absolute;width:50%;height:80%;top:-20%;right:-8%;z-index:0;border-radius:50%;\n    filter:blur(120px);opacity:.5;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 65%)}\n  #ptn-agcard .ag-in{position:relative;z-index:1}\n\n  #ptn-agcard .ag-head{display:flex;align-items:baseline;gap:16px;margin-bottom:8px;flex-wrap:wrap}\n  #ptn-agcard .ag-eyebrow{font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--mut)}\n  #ptn-agcard .ag-eyebrow b{color:var(--acc)}\n  #ptn-agcard .ag-title{font-family:var(--serif);font-weight:600;letter-spacing:-.02em;line-height:1.02;\n    font-size:clamp(38px,5.4vw,68px);color:#fff;margin:16px 0 14px}\n  #ptn-agcard .ag-sub{font-family:var(--serif);font-weight:300;font-size:clamp(17px,2vw,23px);color:#C2C0CB;max-width:640px;margin-bottom:52px}\n\n  #ptn-agcard .ag-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}\n  #ptn-agcard .ag-cell{position:relative;display:flex;flex-direction:column;gap:12px;\n    background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 20px 20px;\n    text-decoration:none;color:inherit;overflow:hidden;transition:.35s;min-height:200px}\n  #ptn-agcard .ag-cell::before{content:\"\";position:absolute;inset:0;z-index:0;opacity:.0;transition:.35s;\n    background:radial-gradient(120% 90% at 80% 0%,rgba(var(--ac),.16),transparent 60%)}\n  #ptn-agcard .ag-cell:hover{transform:translateY(-3px);border-color:rgba(var(--ac),.55);\n    box-shadow:0 22px 50px -24px #000,0 0 36px -14px rgba(var(--ac),.6)}\n  #ptn-agcard .ag-cell:hover::before{opacity:1}\n  #ptn-agcard .ag-cell>*{position:relative;z-index:1}\n  #ptn-agcard .ag-kind{font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}\n\n  \/* mini preview window *\/\n  #ptn-agcard .ag-prev{position:relative;height:78px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#0a0910;margin-bottom:18px;flex:0 0 auto}\n  #ptn-agcard .ag-prev .pc{height:13px;background:#15141c;display:flex;align-items:center;gap:3px;padding:0 7px}\n  #ptn-agcard .ag-prev .pc i{width:3px;height:3px;border-radius:50%;background:#3a3942}\n  #ptn-agcard .ag-prev .pb{position:absolute;left:0;right:0;top:13px;bottom:0;padding:10px;display:flex;align-items:center;gap:8px}\n  \/* WEB: doc -> page *\/\n  #ptn-agcard .pv-web .doc{width:22px;height:30px;border-radius:3px;background:#1a1922;border:1px solid rgba(var(--ac),.45);flex:0 0 auto}\n  #ptn-agcard .pv-web .ar{color:rgb(var(--ac));font-size:13px;flex:0 0 auto}\n  #ptn-agcard .pv-web .pg{flex:1;height:34px;border-radius:3px;background:#13121d;border:1px solid var(--line);padding:5px;display:flex;flex-direction:column;gap:3px}\n  #ptn-agcard .pv-web .pg i{height:3px;border-radius:2px;background:#2a2932}\n  #ptn-agcard .pv-web .pg i:first-child{width:55%;background:rgba(var(--ac),.6)}\n  \/* MAP: pin on grid *\/\n  #ptn-agcard .pv-map{justify-content:center;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:13px 13px;background-position:center}\n  #ptn-agcard .pv-map .pin{width:15px;height:15px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:rgb(var(--ac));box-shadow:0 0 12px rgba(var(--ac),.6)}\n  \/* SCAN (rendgen\/inkluzo): lines + markers *\/\n  #ptn-agcard .pv-scan{flex-direction:column;align-items:stretch;justify-content:center;gap:5px;position:relative}\n  #ptn-agcard .pv-scan .ln{height:3px;border-radius:2px;background:#2a2932}\n  #ptn-agcard .pv-scan .ln.a{background:rgba(var(--ac),.55);width:50%}\n  #ptn-agcard .pv-scan .mk{position:absolute;width:14px;height:14px;border-radius:50%;background:rgb(var(--ac));color:#08070B;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #0a0910}\n  #ptn-agcard .ag-name{font-family:var(--serif);font-weight:700;letter-spacing:-.01em;line-height:1;font-size:27px;color:#fff;\n    display:flex;align-items:baseline;gap:.12em;flex-wrap:wrap}\n  #ptn-agcard .ag-name .arr{font-family:var(--mono);font-weight:300;font-size:.55em;color:rgb(var(--ac));align-self:center}\n  #ptn-agcard .ag-name .plus{color:var(--acc)}\n  #ptn-agcard .ag-desc{font-size:11px;line-height:1.6;color:#9b99a6;letter-spacing:.01em;margin-top:2px}\n  #ptn-agcard .ag-go{margin-top:auto;font-size:17px;color:rgb(var(--ac));align-self:flex-end;transition:.35s}\n  #ptn-agcard .ag-cell:hover .ag-go{transform:translate(3px,-3px)}\n\n  #ptn-agcard .ag-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:48px;flex-wrap:wrap}\n  #ptn-agcard .ag-line{font-family:var(--serif);font-style:normal;font-weight:300;font-size:15px;color:var(--mut)}\n  #ptn-agcard .ag-cta{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.08em;\n    text-transform:uppercase;color:#08070B;text-decoration:none;background:var(--acc);padding:14px 24px;border-radius:999px;transition:.35s}\n  #ptn-agcard .ag-cta:hover{transform:translateY(-2px);box-shadow:0 14px 38px -12px var(--acc)}\n\n  @media(max-width:820px){\n    #ptn-agcard{min-height:auto;padding:64px 7% 56px}\n    #ptn-agcard .ag-grid{grid-template-columns:1fr 1fr;gap:14px}\n    #ptn-agcard .ag-cell{min-height:0}\n    #ptn-agcard .ag-foot{flex-direction:column;align-items:flex-start}\n    #ptn-agcard .ag-cta{width:100%;justify-content:center}\n  }\n  @media(max-width:560px){\n    #ptn-agcard .ag-grid{grid-template-columns:1fr}\n    #ptn-agcard .ag-cell{min-height:0}\n  }\n<\/style>\n\n<section id=\"ptn-agcard\">\n  <div class=\"ag-in\">\n    <div class=\"ag-head\">\n      <span class=\"ag-eyebrow\">peternel<b>+<\/b>ai<\/span>\n    <\/div>\n    <h2 class=\"ag-title\">AI agenti hibridne inteligencije<\/h2>\n    <p class=\"ag-sub\">Brzina AI-a i ljudska prosudba, u jednom rezultatu.<\/p>\n\n    <div class=\"ag-grid\">\n      <a class=\"ag-cell\" href=\"\/agenti\/#data-web\" style=\"--ac:56,189,248\">\n        <div class=\"ag-prev\"><div class=\"pc\"><i><\/i><i><\/i><i><\/i><\/div><div class=\"pb pv-web\"><span class=\"doc\"><\/span><span class=\"ar\">\u2192<\/span><span class=\"pg\"><i><\/i><i><\/i><i><\/i><\/span><\/div><\/div>\n        <span class=\"ag-kind\">produkcijski<\/span>\n        <span class=\"ag-name\">DATA<span class=\"arr\">\u2192<\/span>WEB<\/span>\n        <span class=\"ag-desc\">Dokument u samostalnu web stranicu.<\/span>\n        <span class=\"ag-go\">\u2197<\/span>\n      <\/a>\n      <a class=\"ag-cell\" href=\"\/agenti\/#data-map\" style=\"--ac:52,211,153\">\n        <div class=\"ag-prev\"><div class=\"pc\"><i><\/i><i><\/i><i><\/i><\/div><div class=\"pb pv-map\"><span class=\"pin\"><\/span><\/div><\/div>\n        <span class=\"ag-kind\">produkcijski<\/span>\n        <span class=\"ag-name\">DATA<span class=\"arr\">\u2192<\/span>MAP<\/span>\n        <span class=\"ag-desc\">Podaci u interaktivnu kartu.<\/span>\n        <span class=\"ag-go\">\u2197<\/span>\n      <\/a>\n      <a class=\"ag-cell\" href=\"\/agenti\/#rendgen\" style=\"--ac:251,146,60\">\n        <div class=\"ag-prev\"><div class=\"pc\"><i><\/i><i><\/i><i><\/i><\/div><div class=\"pb pv-scan\"><span class=\"ln a\"><\/span><span class=\"ln\"><\/span><span class=\"ln\" style=\"width:70%\"><\/span><span class=\"mk\" style=\"top:8px;right:12px\">1<\/span><\/div><\/div>\n        <span class=\"ag-kind\">dijagnosti\u010dki<\/span>\n        <span class=\"ag-name\">WEB RENDGEN<\/span>\n        <span class=\"ag-desc\">UX analiza internet stranice.<\/span>\n        <span class=\"ag-go\">\u2197<\/span>\n      <\/a>\n      <a class=\"ag-cell\" href=\"\/agenti\/#inkluzo\" style=\"--ac:167,139,250\">\n        <div class=\"ag-prev\"><div class=\"pc\"><i><\/i><i><\/i><i><\/i><\/div><div class=\"pb pv-scan\"><span class=\"ln\"><\/span><span class=\"ln a\"><\/span><span class=\"ln\" style=\"width:65%\"><\/span><span class=\"mk\" style=\"top:7px;right:30px\">1<\/span><span class=\"mk\" style=\"bottom:7px;right:14px\">2<\/span><\/div><\/div>\n        <span class=\"ag-kind\">dijagnosti\u010dki<\/span>\n        <span class=\"ag-name\">WEB <span style=\"white-space:nowrap\">INKLUZO<span class=\"plus\">+<\/span><\/span><\/span>\n        <span class=\"ag-desc\">Analiza pristupa\u010dnosti (WCAG).<\/span>\n        <span class=\"ag-go\">\u2197<\/span>\n      <\/a>\n    <\/div>\n\n    <div class=\"ag-foot\">\n      <span class=\"ag-line\">Sinergija dva svijeta<\/span>\n      <a class=\"ag-cta\" href=\"\/agenti\/\">Otvori AI agente <span>\u2197<\/span><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n  <\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-5 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0%;--awb-padding-right-medium:20px;--awb-padding-left-medium:20px;--awb-padding-right-small:0px;--awb-padding-left-small:0px;--awb-margin-top:20px;--awb-background-color:#;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-right-small:0px;--awb-padding-left-small:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:0%;--awb-spacing-left-medium:0%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:0%;--awb-spacing-left-small:0%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ============================================================\n     peternel+ai \u00b7 AI KODEKS \u2014 home sekcija (prije Prakse 01)\n     Samostalan Avada Code Block. HR\/EN toggle. Carousel se vrti,\n     pauza na hover\/touch. Anchor: peternel2000.eu\/#ai-kodeks\n     ============================================================ -->\n<section id=\"ai-kodeks\" class=\"pk-wrap notranslate\" translate=\"no\" data-no-translation>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Serif:wght@300;400;500;600;700&family=Fira+Code:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n  #ai-kodeks{--ink:#08070B;--txt:#F4F3F7;--mut:#8f8d99;--dim:#56545E;--line:#211F28;\n    --y:#F7FF00;--blue:#5B8DF5;--pur:#A78BFA;--mag:#E37AB0;\n    --grad:linear-gradient(90deg,#1C63EE 0%,#8840E2 55%,#DA5697 100%);\n    background:var(--ink);padding:72px 0 84px;position:relative;overflow:hidden;\n    font-family:'Fira Code',monospace;color:var(--txt);\n    \/* full-bleed: probij Avada container do rubova ekrana *\/\n    width:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}\n  #ai-kodeks *{margin:0;padding:0;box-sizing:border-box}\n  #ai-kodeks .pk-in{max-width:1280px;margin:0 auto;padding:0 28px;position:relative;z-index:1}\n  #ai-kodeks .pk-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:40px}\n  #ai-kodeks .pk-eyebrow{font-size:14px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--y)}\n  #ai-kodeks .pk-title{font-family:'IBM Plex Serif',serif;font-weight:600;font-size:clamp(34px,4.6vw,56px);\n    line-height:1.05;letter-spacing:-.02em;color:#fff;margin-top:14px}\n  #ai-kodeks .pk-sub{font-family:'IBM Plex Serif',serif;font-weight:300;font-size:clamp(17px,1.6vw,21px);\n    line-height:1.5;color:#C2C0CB;max-width:640px;margin-top:14px}\n  #ai-kodeks .pk-ctrl{display:flex;align-items:center;gap:14px}\n  #ai-kodeks .pk-lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}\n  #ai-kodeks .pk-lang button{font-family:'Fira Code',monospace;font-size:13px;font-weight:600;letter-spacing:.14em;\n    padding:9px 16px;background:none;border:0;color:var(--mut);cursor:pointer}\n  #ai-kodeks .pk-lang button.on{background:var(--y);color:var(--ink)}\n  #ai-kodeks .pk-arr{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:none;\n    color:var(--txt);font-size:18px;cursor:pointer;transition:border-color .2s}\n  #ai-kodeks .pk-arr:hover{border-color:var(--y)}\n  \/* rail *\/\n  #ai-kodeks .pk-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;\n    padding:6px 28px 22px;max-width:1280px;margin:0 auto;scrollbar-width:none;cursor:grab}\n  #ai-kodeks .pk-rail::-webkit-scrollbar{display:none}\n  \/* kartica *\/\n  #ai-kodeks .pk-card{flex:0 0 340px;scroll-snap-align:start;background:#100F16;border:1px solid var(--line);\n    border-radius:18px;padding:30px 28px 26px;position:relative;overflow:hidden;min-height:400px;\n    display:flex;flex-direction:column}\n  #ai-kodeks .pk-card .n{position:absolute;right:-16px;bottom:-52px;font-size:190px;font-weight:600;\n    line-height:1;color:rgba(244,243,247,.05);letter-spacing:-.05em;pointer-events:none}\n  #ai-kodeks .pk-badge{font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;\n    display:inline-flex;align-items:center;gap:8px;border:1.5px solid;border-radius:999px;padding:7px 14px 6px;align-self:flex-start}\n  #ai-kodeks .pk-badge i{width:6px;height:6px;border-radius:50%;display:inline-block;font-style:normal}\n  #ai-kodeks .pk-card h3{font-family:'IBM Plex Serif',serif;font-weight:600;font-size:30px;line-height:1.08;\n    letter-spacing:-.02em;color:#fff;margin-top:22px}\n  #ai-kodeks .pk-vl{height:2px;width:76px;margin:18px 0}\n  #ai-kodeks .pk-card p{font-size:15.5px;line-height:1.7;color:#c9c7d2;font-weight:400}\n  #ai-kodeks .pk-close{font-family:'IBM Plex Serif',serif;font-weight:600;font-size:18px;line-height:1.3;\n    color:#fff;margin-top:auto;padding-top:22px}\n  #ai-kodeks .pk-close .g{background-image:var(--grad);-webkit-background-clip:text;background-clip:text;\n    -webkit-text-fill-color:transparent;text-transform:uppercase}\n  \/* akcenti po kartici *\/\n  #ai-kodeks .a-y  .pk-badge{color:var(--y)}   #ai-kodeks .a-y  .pk-badge i{background:var(--y)}   #ai-kodeks .a-y  .pk-vl{background:linear-gradient(90deg,var(--y),transparent)}\n  #ai-kodeks .a-b  .pk-badge{color:var(--blue)}#ai-kodeks .a-b  .pk-badge i{background:var(--blue)}#ai-kodeks .a-b  .pk-vl{background:linear-gradient(90deg,var(--blue),transparent)}\n  #ai-kodeks .a-p  .pk-badge{color:var(--pur)} #ai-kodeks .a-p  .pk-badge i{background:var(--pur)} #ai-kodeks .a-p  .pk-vl{background:linear-gradient(90deg,var(--pur),transparent)}\n  #ai-kodeks .a-m  .pk-badge{color:var(--mag)} #ai-kodeks .a-m  .pk-badge i{background:var(--mag)} #ai-kodeks .a-m  .pk-vl{background:linear-gradient(90deg,var(--mag),transparent)}\n  \/* inverzna (04) *\/\n  #ai-kodeks .pk-card.inv{background:var(--y);border-color:var(--y)}\n  #ai-kodeks .inv .n{color:rgba(8,7,11,.07)}\n  #ai-kodeks .inv .pk-badge{background:linear-gradient(135deg,#141a3a 0%,#2a1640 55%,#38182f 100%);color:var(--y);border-color:transparent} #ai-kodeks .inv .pk-badge i{background:var(--y)}\n  #ai-kodeks .inv h3{color:var(--ink)} #ai-kodeks .inv .pk-vl{background:linear-gradient(90deg,var(--ink),transparent)}\n  #ai-kodeks .inv p{color:#2a290a} #ai-kodeks .inv .pk-close{color:var(--ink)}\n  \/* CTA kartica *\/\n  #ai-kodeks .pk-card.cta{justify-content:center;align-items:flex-start;background:#100F16}\n  #ai-kodeks .cta h3{font-size:34px}\n  #ai-kodeks .cta a{display:inline-block;margin-top:26px;font-family:'Fira Code',monospace;font-size:15px;\n    font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--y);color:var(--ink);\n    border-radius:999px;padding:15px 26px;text-decoration:none;cursor:pointer}\n  #ai-kodeks .pk-foot{display:flex;justify-content:space-between;gap:16px;max-width:1280px;margin:26px auto 0;\n    padding:0 28px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}\n  @media(max-width:600px){#ai-kodeks .pk-card{flex-basis:82vw;min-height:380px}}\n<\/style>\n\n<div class=\"pk-in\">\n  <div class=\"pk-head\">\n    <div>\n      <div class=\"pk-eyebrow\" data-hr=\"AI KODEKS\" data-en=\"AI CODE\">AI KODEKS<\/div>\n      <h2 class=\"pk-title\" data-hr=\"Arhitektura povjerenja.\" data-en=\"An architecture of trust.\">Arhitektura povjerenja.<\/h2>\n      <p class=\"pk-sub\" data-hr=\"Pravila po kojima koristim AI. Bez sitnog teksta.\"\n         data-en=\"The rules by which I use AI. No fine print.\">Pravila po kojima koristim AI. Bez sitnog teksta.<\/p>\n    <\/div>\n    <div class=\"pk-ctrl\">\n      <div class=\"pk-lang\"><button id=\"pkHr\" class=\"on\">HR<\/button><button id=\"pkEn\">EN<\/button><\/div>\n      <button class=\"pk-arr\" id=\"pkPrev\" aria-label=\"prethodna\">\u2190<\/button>\n      <button class=\"pk-arr\" id=\"pkNext\" aria-label=\"sljede\u0107a\">\u2192<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"pk-rail\" id=\"pkRail\">\n\n  <article class=\"pk-card a-y\"><span class=\"n\">01<\/span>\n    <span class=\"pk-badge\"><i><\/i><span data-hr=\"LICA\" data-en=\"FACES\">LICA<\/span><\/span>\n    <h3 data-hr=\"Lice nije sirovina.\" data-en=\"A face is not raw material.\">Lice nije sirovina.<\/h3>\n    <div class=\"pk-vl\"><\/div>\n    <p data-hr=\"Ni\u0161ta ne pokre\u0107em bez izvora. Portret uz odobrenje, vlastita snimka ili materijal s pravima - tek onda ulazi AI, kao precizan alat.\"\n       data-en=\"Nothing starts without a source. A portrait with consent, my own photo or licensed material - only then AI steps in, as a precise tool.\">Ni\u0161ta ne pokre\u0107em bez izvora. Portret uz odobrenje, vlastita snimka ili materijal s pravima - tek onda ulazi AI, kao precizan alat.<\/p>\n    <div class=\"pk-close\" data-hr='To je <span class=\"g\">moj hibridni pristup<\/span>.' data-en='That is <span class=\"g\">my hybrid approach<\/span>.'>To je <span class=\"g\">moj hibridni pristup<\/span>.<\/div>\n  <\/article>\n\n  <article class=\"pk-card a-b\"><span class=\"n\">02<\/span>\n    <span class=\"pk-badge\"><i><\/i><span>GDPR<\/span><\/span>\n    <h3 data-hr=\"Gdje idu Va\u0161i podaci?\" data-en=\"Where does your data go?\">Gdje idu Va\u0161i podaci?<\/h3>\n    <div class=\"pk-vl\"><\/div>\n    <p data-hr=\"Koristim ono \u0161to posao tra\u017ei, \u010duvam koliko treba, ne dijelim i bri\u0161em po dogovoru. A na papiru - Ugovor o obradi podataka po \u010dl. 28 GDPR-a.\"\n       data-en=\"I use only what the job requires, keep it only as long as needed, never share it, and delete as agreed. And on paper - a Data Processing Agreement under Art. 28 GDPR.\">Koristim ono \u0161to posao tra\u017ei, \u010duvam koliko treba, ne dijelim i bri\u0161em po dogovoru. A na papiru - Ugovor o obradi podataka po \u010dl. 28 GDPR-a.<\/p>\n    <div class=\"pk-close\" data-hr='To nije marketing.<br>To je <span class=\"g\">arhitektura povjerenja<\/span>.' data-en='Not marketing.<br><span class=\"g\">An architecture of trust<\/span>.'>To nije marketing.<br>To je <span class=\"g\">arhitektura povjerenja<\/span>.<\/div>\n  <\/article>\n\n  <article class=\"pk-card a-p\"><span class=\"n\">03<\/span>\n    <span class=\"pk-badge\"><i><\/i><span data-hr=\"MATERIJALI\" data-en=\"MATERIALS\">MATERIJALI<\/span><\/span>\n    <h3 data-hr=\"AI ne zna\u010di izmi\u0161ljeno.\" data-en=\"AI does not mean invented.\">AI ne zna\u010di izmi\u0161ljeno.<\/h3>\n    <div class=\"pk-vl\"><\/div>\n    <p data-hr=\"Generiram iz odobrenog izvora - scenu, pro\u0161irenje, varijacije. Fokus ostaje izvorni original, a Va\u0161 materijal ne hrani tu\u0111e modele.\"\n       data-en=\"I generate from an approved source - scenes, extensions, variations. The focus stays the original, and your material never feeds anyone's models.\">Generiram iz odobrenog izvora - scenu, pro\u0161irenje, varijacije. Fokus ostaje izvorni original, a Va\u0161 materijal ne hrani tu\u0111e modele.<\/p>\n    <div class=\"pk-close\" data-hr='<span class=\"g\">Va\u0161e ostaje Va\u0161e<\/span>.' data-en='<span class=\"g\">Yours stays yours<\/span>.'><span class=\"g\">Va\u0161e ostaje Va\u0161e<\/span>.<\/div>\n  <\/article>\n\n  <article class=\"pk-card inv\"><span class=\"n\">04<\/span>\n    <span class=\"pk-badge\"><i><\/i><span>EU AI ACT \u00b7 \u010cL. 50<\/span><\/span>\n    <h3 data-hr=\"Sad je to Va\u0161a obveza.\" data-en=\"Now it is your obligation.\">Sad je to Va\u0161a obveza.<\/h3>\n    <div class=\"pk-vl\"><\/div>\n    <p data-hr=\"Od 2.8.2026. AI-sadr\u017eaj mora biti ozna\u010den - obveza pada na svakoga tko objavljuje poslovno, javne ustanove i tvrtke jednako. Kod mene isporuka sti\u017ee ve\u0107 ozna\u010dena i dokumentirana.\"\n       data-en=\"From 2 Aug 2026, AI content must be labelled - the duty falls on whoever publishes professionally, public institutions and companies alike. My deliveries arrive already labelled and documented.\">Od 2.8.2026. AI-sadr\u017eaj mora biti ozna\u010den - obveza pada na svakoga tko objavljuje poslovno, javne ustanove i tvrtke jednako. Kod mene isporuka sti\u017ee ve\u0107 ozna\u010dena i dokumentirana.<\/p>\n    <div class=\"pk-close\" data-hr=\"Obveza je Va\u0161a.<br>Rje\u0161enje je moje.\" data-en=\"The obligation is yours.<br>The solution is mine.\">Obveza je Va\u0161a.<br>Rje\u0161enje je moje.<\/div>\n  <\/article>\n\n  <article class=\"pk-card a-m\"><span class=\"n\">05<\/span>\n    <span class=\"pk-badge\"><i><\/i><span data-hr=\"USLUGE\" data-en=\"SERVICES\">USLUGE<\/span><\/span>\n    <h3 data-hr=\"Stotinu pitanja<br>o AI-u?\" data-en=\"A hundred<br>AI questions?\">Stotinu pitanja<br>o AI-u?<\/h3>\n    <div class=\"pk-vl\"><\/div>\n    <p data-hr=\"25+ godina grafi\u010dke struke, foto, dron i web - tek onda AI. Snimka je izvor, AI je alat. Komercijalno \u010disto, po GDPR-u i EU AI Act-u.\"\n       data-en=\"25+ years of graphic, photo, drone and web craft - only then AI. The photograph is the source, AI is the tool. Commercially clean, GDPR and EU AI Act compliant.\">25+ godina grafi\u010dke struke, foto, dron i web - tek onda AI. Snimka je izvor, AI je alat. Komercijalno \u010disto, po GDPR-u i EU AI Act-u.<\/p>\n    <div class=\"pk-close\" data-hr='Stotinu ideja. <span class=\"g\">Jedan potpis<\/span>.' data-en='A hundred ideas. <span class=\"g\">One signature<\/span>.'>Stotinu ideja. <span class=\"g\">Jedan potpis<\/span>.<\/div>\n  <\/article>\n\n  <article class=\"pk-card a-y\"><span class=\"n\">06<\/span>\n    <span class=\"pk-badge\"><i><\/i><span data-hr=\"PROIZVODI\" data-en=\"PRODUCTS\">PROIZVODI<\/span><\/span>\n    <h3 data-hr=\"Proizvod je - proizvod.\" data-en=\"A product is - a product.\">Proizvod je - proizvod.<\/h3>\n    <div class=\"pk-vl\"><\/div>\n    <p data-hr=\"Proizvod je uvijek izvorni original - boja, oblik i materijal stvarni. AI gradi samo scenu oko njega: ambijent, svjetlo, kontekst.\"\n       data-en=\"The product is always the original - true colour, shape and material. AI builds only the scene around it: ambience, light, context.\">Proizvod je uvijek izvorni original - boja, oblik i materijal stvarni. AI gradi samo scenu oko njega: ambijent, svjetlo, kontekst.<\/p>\n    <div class=\"pk-close\" data-hr=\"\u0160to kupac vidi, to i dobije.\" data-en=\"What the customer sees is what they get.\">\u0160to kupac vidi, to i dobije.<\/div>\n  <\/article>\n\n  <article class=\"pk-card cta\"><span class=\"n\">+<\/span>\n    <h3 data-hr=\"Hej Filip,<br>kratki brief?\" data-en=\"Hey Filip,<br>a short brief?\">Hej Filip,<br>kratki brief?<\/h3>\n    <div class=\"pk-vl\" style=\"background:linear-gradient(90deg,#8840E2,transparent)\"><\/div>\n    <p data-hr=\"Sve navedeno nije obe\u0107anje - to je moj kodeks!\" data-en=\"None of the above is a promise - it is my code!\">Sve navedeno nije obe\u0107anje - to je moj kodeks!<\/p>\n    <a href=\"#brief-canvas\" class=\"brief-trigger\" data-hr=\"Mo\u017ee! \u2197\" data-en=\"Sure! \u2197\">Mo\u017ee! \u2197<\/a>\n  <\/article>\n\n<\/div>\n\n<div class=\"pk-foot\">\n  <span>peternel<span style=\"color:var(--y)\">+<\/span>ai<\/span>\n  <span data-hr=\"#AIkodeks \u00b7 #HibridniAI\" data-en=\"#AIkodeks \u00b7 #HybridAI\">#AIkodeks \u00b7 #HibridniAI<\/span>\n<\/div>\n\n<script>\n(function(){\n  var root=document.getElementById('ai-kodeks'),rail=document.getElementById('pkRail');\n  var hrB=document.getElementById('pkHr'),enB=document.getElementById('pkEn');\n  function setLang(l){\n    root.querySelectorAll('[data-hr]').forEach(function(el){el.innerHTML=el.getAttribute('data-'+l);});\n    hrB.classList.toggle('on',l==='hr');enB.classList.toggle('on',l==='en');\n  }\n  hrB.onclick=function(){setLang('hr')};enB.onclick=function(){setLang('en')};\n  \/* Auto EN kad je stranica pod \/en (Press Translate); ina\u010de HR. Toggle i dalje ru\u010dno mijenja. *\/\n  setLang(\/^\\\/en(\\\/|$)\/i.test(location.pathname)?'en':'hr');\n  var step=function(){var c=rail.querySelector('.pk-card');return c?c.offsetWidth+22:360};\n  document.getElementById('pkNext').onclick=function(){rail.scrollBy({left:step(),behavior:'smooth'})};\n  document.getElementById('pkPrev').onclick=function(){rail.scrollBy({left:-step(),behavior:'smooth'})};\n  \/* auto-vrtnja, pauza na interakciju *\/\n  var paused=false,t;\n  function tick(){if(!paused){\n    if(rail.scrollLeft+rail.clientWidth>=rail.scrollWidth-10){rail.scrollTo({left:0,behavior:'smooth'});}\n    else{rail.scrollBy({left:step(),behavior:'smooth'});}\n  }}\n  t=setInterval(tick,4500);\n  ['mouseenter','touchstart','pointerdown'].forEach(function(e){rail.addEventListener(e,function(){paused=true},{passive:true})});\n  rail.addEventListener('mouseleave',function(){paused=false});\n  \/* drag mi\u0161 *\/\n  var isDown=false,startX,sl;\n  rail.addEventListener('mousedown',function(e){isDown=true;startX=e.pageX;sl=rail.scrollLeft;rail.style.cursor='grabbing'});\n  window.addEventListener('mouseup',function(){isDown=false;rail.style.cursor='grab'});\n  rail.addEventListener('mousemove',function(e){if(!isDown)return;e.preventDefault();rail.scrollLeft=sl-(e.pageX-startX)});\n  \/* Mali hold pin - da sekcija ne preleti (isti GSAP ScrollTrigger kao ostale sekcije). Desktop only; carousel se i dalje sam vrti. *\/\n  function pkPin(){\n    if(!(window.gsap&&window.ScrollTrigger))return;\n    if(!window.matchMedia('(min-width:768px)').matches)return;\n    gsap.registerPlugin(ScrollTrigger);\n    ScrollTrigger.create({\n      trigger:root,\n      start:function(){return root.offsetHeight>window.innerHeight?'top top':'center center';},\n      end:'+=320',pin:true,pinSpacing:true,anticipatePin:1,invalidateOnRefresh:true\n    });\n  }\n  if(window.gsap&&window.ScrollTrigger){pkPin();}else{window.addEventListener('load',pkPin);}\n})();\n<\/script>\n<\/section><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-6 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:17px;--awb-padding-right:22%;--awb-padding-bottom:20px;--awb-padding-left:22%;--awb-padding-right-medium:20px;--awb-padding-left-medium:20px;--awb-padding-right-small:20px;--awb-padding-left-small:25px;--awb-margin-top:0px;--awb-flex-wrap:wrap;\" id=\"FAQ\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-right-small:0px;--awb-padding-left-small:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!--\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  PETERNEL+AI \u00b7 FAQ \u00b7 HRVATSKI\n  Avada Code Block \u00b7 lipanj 2026.\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n  Klase: pai-faq__ prefix (CSS scoped, ne kolidira s Avadom).\n  Fonts: IBM Plex Serif (naslovi) + Fira Code (labeli, mono).\n  Accordion: single-open pona\u0161anje.\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fira+Code:wght@300;400;500;600;700&family=IBM+Plex+Serif:wght@200;300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* WRAPPER *\/\n  .pai-faq-wrap {\n    background-color: #FFFFFF;\n    padding: 0; margin: 0; width: 100%;\n    position: relative; box-sizing: border-box;\n  }\n\n  \/* CONTENT - 100% \u0161irine, spacing kontrolira Avada *\/\n  .pai-faq {\n    font-family: 'Fira Code', 'Courier New', monospace;\n    color: #0C0B14;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1.6;\n    hyphens: none; -webkit-hyphens: none;\n    width: 100%; margin: 0; padding: 0;\n    position: relative; box-sizing: border-box;\n  }\n  .pai-faq *, .pai-faq *::before, .pai-faq *::after { box-sizing: border-box; }\n\n  \/* LIST *\/\n  .pai-faq__list { border-top: 1px solid #E0E0E0; }\n  .pai-faq__item { border-bottom: 1px solid #E0E0E0; }\n  .pai-faq__item:last-child { border-bottom: none; }\n\n  \/* QUESTION BUTTON *\/\n  .pai-faq__q {\n    width: 100%; background: none; border: none; color: inherit;\n    font-family: 'IBM Plex Serif', serif;\n    text-align: left; cursor: pointer;\n    padding: 20px 0;\n    display: flex; align-items: center; justify-content: space-between;\n    gap: 20px; transition: opacity 0.2s;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .pai-faq__q:hover { opacity: 0.65; }\n  .pai-faq__q:focus { outline: none; }\n  .pai-faq__q:focus-visible { outline: 1px solid #0C0B14; outline-offset: 4px; }\n  .pai-faq__q-text {\n    font-family: 'IBM Plex Serif', serif;\n    font-size: 20px; font-weight: 500;\n    line-height: 1.3; letter-spacing: -0.010em;\n    flex: 1; color: #0C0B14;\n  }\n  .pai-faq__q-num {\n    font-family: 'Fira Code', monospace;\n    font-size: 10px; font-weight: 600; color: #888;\n    letter-spacing: 0.140em; font-variant-numeric: tabular-nums;\n    margin-right: 14px; position: relative; top: -2px;\n  }\n\n  \/* PLUS\/MINUS ICON *\/\n  .pai-faq__q-icon {\n    width: 20px; height: 20px; flex-shrink: 0;\n    position: relative; margin-top: 2px;\n  }\n  .pai-faq__q-icon::before, .pai-faq__q-icon::after {\n    content: \"\"; position: absolute; background: #0C0B14;\n    transition: transform 0.3s ease, opacity 0.3s ease;\n  }\n  .pai-faq__q-icon::before {\n    width: 14px; height: 1.5px;\n    top: 50%; left: 50%; transform: translate(-50%, -50%);\n  }\n  .pai-faq__q-icon::after {\n    width: 1.5px; height: 14px;\n    top: 50%; left: 50%; transform: translate(-50%, -50%);\n  }\n  .pai-faq__item.is-open .pai-faq__q-icon::after {\n    transform: translate(-50%, -50%) rotate(90deg); opacity: 0;\n  }\n\n  \/* ANSWER *\/\n  .pai-faq__a { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }\n  .pai-faq__item.is-open .pai-faq__a { max-height: 1500px; }\n  .pai-faq__a-inner { padding: 0 0 24px 0; max-width: 680px; }\n  .pai-faq__a-inner p {\n    font-family: 'Fira Code', monospace;\n    font-size: 14px; font-weight: 400; line-height: 1.75;\n    letter-spacing: -0.030em; color: #444; margin: 0 0 14px;\n  }\n  .pai-faq__a-inner p:last-child { margin-bottom: 0; }\n  .pai-faq__a-inner strong { color: #0C0B14; font-weight: 600; }\n  .pai-faq__a-inner ul { list-style: none; padding: 4px 0 8px; margin: 0; }\n  .pai-faq__a-inner ul li {\n    font-family: 'Fira Code', monospace;\n    font-size: 14px; font-weight: 400; line-height: 1.7;\n    letter-spacing: -0.030em; color: #444;\n    padding: 6px 0 6px 22px; position: relative;\n  }\n  .pai-faq__a-inner ul li::before {\n    content: \"\u2192\"; position: absolute; left: 0; top: 6px;\n    color: #888; font-weight: 400;\n  }\n  .pai-faq__a-inner ul li strong {\n    color: #0C0B14; font-weight: 600; text-transform: uppercase;\n    letter-spacing: 0.040em; font-size: 12px;\n  }\n  .pai-faq__a-inner a {\n    color: #0C0B14; text-decoration: none;\n    border-bottom: 1px solid #E0E0E0;\n    transition: border-color 0.2s, color 0.2s;\n    word-break: break-all; font-weight: 500;\n  }\n  .pai-faq__a-inner a:hover { border-bottom-color: #0C0B14; }\n\n  \/* SOURCES BLOCK *\/\n  .pai-faq__sources {\n    margin-top: 20px; padding: 16px 18px;\n    background: #FAFAFA; border-left: 2px solid #0C0B14;\n  }\n  .pai-faq__head {\n    display: flex; justify-content: space-between; align-items: baseline;\n    gap: 24px; flex-wrap: wrap;\n    margin-bottom: 36px;\n  }\n  .pai-faq__title {\n    font-family: 'Fira Code', monospace;\n    font-size: 16px; font-weight: 600; text-transform: uppercase;\n    letter-spacing: 0.100em; color: #0C0B14;\n  }\n  .pai-faq__updated {\n    font-family: 'Fira Code', monospace;\n    font-size: 10px; font-weight: 600; text-transform: uppercase;\n    letter-spacing: 0.140em; color: #888;\n    margin: 0; padding: 0;\n  }\n  .pai-faq__sources-lbl {\n    font-family: 'Fira Code', monospace;\n    font-size: 10px; font-weight: 600; text-transform: uppercase;\n    letter-spacing: 0.140em; color: #888; margin-bottom: 10px;\n  }\n  .pai-faq__sources ul { padding: 0; margin: 0; }\n  .pai-faq__sources ul li {\n    font-size: 12px; padding: 4px 0 4px 16px;\n    line-height: 1.6; color: #444;\n  }\n  .pai-faq__sources ul li::before { content: \"\u2192\"; color: #888; font-size: 11px; }\n\n  \/* FOOTER *\/\n  .pai-faq__foot {\n    margin-top: 40px; padding: 28px 0 0;\n    border-top: 1px solid #E0E0E0;\n    display: flex; align-items: baseline; justify-content: space-between;\n    gap: 20px; flex-wrap: wrap;\n  }\n  .pai-faq__foot-text {\n    font-family: 'Fira Code', monospace;\n    font-size: 13px; font-weight: 400; letter-spacing: -0.020em;\n    color: #444; line-height: 1.65; max-width: 460px; margin: 0;\n  }\n  .pai-faq__cta {\n    display: inline-flex; align-items: center; gap: 12px;\n    padding: 14px 24px; background: #0C0B14;\n    border: 1px solid #0C0B14; border-radius: 999px;\n    font-family: 'Fira Code', monospace;\n    font-size: 10px; font-weight: 600; text-transform: uppercase;\n    letter-spacing: 0.140em; color: #FFFFFF;\n    text-decoration: none; cursor: pointer;\n    transition: background 0.2s, color 0.2s;\n  }\n  .pai-faq__cta:hover { background: #FFFFFF; color: #0C0B14; text-decoration: none; }\n  .pai-faq__cta::after { content: \"\u2197\"; transition: transform 0.2s; font-weight: 400; }\n  .pai-faq__cta:hover::after { transform: translate(2px, -2px); }\n\n  \/* MOBILE *\/\n  @media (max-width: 620px) {\n    .pai-faq__q { padding: 16px 0; gap: 14px; }\n    .pai-faq__q-text { font-size: 17px; line-height: 1.3; }\n    .pai-faq__q-num { margin-right: 10px; }\n    .pai-faq__a-inner { padding-bottom: 22px; }\n    .pai-faq__a-inner p, .pai-faq__a-inner ul li { font-size: 13px; }\n    .pai-faq__foot { flex-direction: column; align-items: flex-start; gap: 18px; margin-top: 32px; }\n  }\n\n  <\/style>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     FAQ HTML\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"pai-faq-wrap\">\n<div class=\"pai-faq\">\n\n    <div class=\"pai-faq__head\">\n      <div class=\"pai-faq__title\">FAQ - U\u010destala pitanja<\/div>\n      <div class=\"pai-faq__updated\">[ A\u017eurirano: srpanj 2026. ]<\/div>\n    <\/div>\n\n    <div class=\"pai-faq__list\">\n\n      <div class=\"pai-faq__item\">\n        <button class=\"pai-faq__q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"pai-faq__q-text\"><span class=\"pai-faq__q-num\">01<\/span>Za\u0161to AI?<\/span>\n          <span class=\"pai-faq__q-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"pai-faq__a\">\n          <div class=\"pai-faq__a-inner\">\n            <p>AI donosi zna\u010dajnu isplativost - br\u017ei tijek rada i ve\u0107u fleksibilnost produkcije u usporedbi s tradicionalnim medijima.<\/p>\n            <p>Ono \u0161to tradicionalna produkcija nosi - glumce, lokacije, opremu, dane snimanja, vremenske uvjete... - AI \u010desto ne tra\u017ei.<\/p>\n            <p><strong>Vi\u0161e ideja. Vi\u0161e varijanti. I to brzo.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pai-faq__item\">\n        <button class=\"pai-faq__q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"pai-faq__q-text\"><span class=\"pai-faq__q-num\">02<\/span>Mo\u017ee li AI slika izazvati emociju?<\/span>\n          <span class=\"pai-faq__q-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"pai-faq__a\">\n          <div class=\"pai-faq__a-inner\">\n            <p>Da. Istra\u017eivanja iz 2026. pokazuju da AI slike izazivaju emocionalnu reakciju ekvivalentnu tradicionalnoj fotografiji.<\/p>\n            <div class=\"pai-faq__sources\">\n              <div class=\"pai-faq__sources-lbl\">Izvor<\/div>\n              <ul>\n                <li><a href=\"https:\/\/www.psypost.org\/ai-can-generate-images-that-are-just-as-effective-at-triggering-human-emotions-as-traditional-photographs\/\" target=\"_blank\" rel=\"noopener noreferrer\">Advances in Methods and Practices in Psychological Science<\/a><\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pai-faq__item\">\n        <button class=\"pai-faq__q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"pai-faq__q-text\"><span class=\"pai-faq__q-num\">03<\/span>Kakvu vrstu AI produkcije nudite?<\/span>\n          <span class=\"pai-faq__q-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"pai-faq__a\">\n          <div class=\"pai-faq__a-inner\">\n            <p>Foto, video, animaciju, 3D vizualizacije, web grafiku, UX\/UI.<\/p>\n            <p><strong>Od pojedina\u010dnog vizuala do kompletne kampanje - opseg se definira briefom.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pai-faq__item\">\n        <button class=\"pai-faq__q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"pai-faq__q-text\"><span class=\"pai-faq__q-num\">04<\/span>\u0160to je s autorskim pravom?<\/span>\n          <span class=\"pai-faq__q-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"pai-faq__a\">\n          <div class=\"pai-faq__a-inner\">\n            <p>Imate punu slobodu kori\u0161tenja isporu\u010denog rada - u kampanjama, projektima, publikacijama, bez vremenskih ili teritorijalnih ograni\u010denja.<\/p>\n            <p>Sirovi AI element sam po sebi nije autorski za\u0161ti\u0107en. Stvarni izvori nose svoja prava - fotografija autorsko, licencirani materijal licencu, model privolu. Finalno djelo - kompozicija, razrada, obrada - ljudski je rad koji se prenosi Ugovorom.<\/p>\n            <p>Detalji se utvr\u0111uju Ponudom i Ugovorom, sukladno hrvatskom zakonu o autorskom pravu i <a href=\"https:\/\/ai-act-service-desk.ec.europa.eu\/en\/ai-act\/article-50\" target=\"_blank\" rel=\"noopener noreferrer\">EU AI Act-u (\u010dl. 50)<\/a>.<\/p>\n            <p><strong>Sloboda kori\u0161tenja puna. Ekskluzivnost ugovorom.<\/strong><\/p>\n            <div class=\"pai-faq__sources\">\n              <div class=\"pai-faq__sources-lbl\">Izvor<\/div>\n              <ul>\n                <li><a href=\"https:\/\/www.dziv.hr\/hr\/informacije-usluge\/ai-i-intelektualno-vlasnistvo--informacije-za-korisnike\/ai-i-autorsko-pravo\/\" target=\"_blank\" rel=\"noopener noreferrer\">DZIV - AI i autorsko pravo<\/a><\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pai-faq__item\">\n        <button class=\"pai-faq__q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"pai-faq__q-text\"><span class=\"pai-faq__q-num\">05<\/span>Gdje zavr\u0161e materijali koje vam po\u0161aljemo?<\/span>\n          <span class=\"pai-faq__q-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"pai-faq__a\">\n          <div class=\"pai-faq__a-inner\">\n            <p>Va\u0161i materijali - fotografije, dokumenti, logotipi, podaci - ne postaju dio AI alata. Radim s alatima \u010diji komercijalni uvjeti zabranjuju kori\u0161tenje sadr\u017eaja za razvoj i treniranje modela: va\u0161 materijal slu\u017ei samo va\u0161em projektu i ne pojavljuje se u tu\u0111im rezultatima.<\/p>\n            <p>Osjetljive materijale - osobne podatke koji podlije\u017eu GDPR-u ili materijal za koji to zatra\u017eite - obra\u0111ujem lokalno, na vlastitom ra\u010dunalu. Za poslove koji uklju\u010duju osobne podatke sklapamo ugovor o obradi podataka (GDPR, \u010dl. 28).<\/p>\n            <p><strong>Va\u0161i materijali nisu sirovina. Ni za koga.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pai-faq__item\">\n        <button class=\"pai-faq__q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"pai-faq__q-text\"><span class=\"pai-faq__q-num\">06<\/span>Je li komercijalno sigurno?<\/span>\n          <span class=\"pai-faq__q-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"pai-faq__a\">\n          <div class=\"pai-faq__a-inner\">\n            <p>Da. Alati s komercijalnom licencom, birani prema riziku projekta - gradska stranica, EU projekt, javna kampanja. Za projekte najvi\u0161eg rizika biram alate \u010diji proizvo\u0111a\u010di uz licencu nude i pravnu za\u0161titu generiranog sadr\u017eaja.<\/p>\n            <p><strong>Uz isporuku, prema potrebi, i pisana potvrda: \u0161to je nastalo i pod kojim uvjetima.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pai-faq__item\">\n        <button class=\"pai-faq__q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"pai-faq__q-text\"><span class=\"pai-faq__q-num\">07<\/span>Kako ozna\u010davate AI sadr\u017eaj?<\/span>\n          <span class=\"pai-faq__q-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"pai-faq__a\">\n          <div class=\"pai-faq__a-inner\">\n            <p>Od 2. kolovoza 2026. EU AI Act (\u010dl. 50) tra\u017ei vidljivu oznaku na realisti\u010dnom AI sadr\u017eaju pri objavi. Oblik nije strogo propisan - tekstualna napomena, diskretan znak ili oznaka u opisu objave.<\/p>\n            <p>Kod mene je to standard: uz isporuku dobivate uputu i prijedlog implementacije, prilago\u0111en formatu i mjestu objave.<\/p>\n            <p><strong>Vi objavljujete. Uskla\u0111enost sti\u017ee s isporukom.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pai-faq__item\">\n        <button class=\"pai-faq__q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"pai-faq__q-text\"><span class=\"pai-faq__q-num\">08<\/span>Generirate li AI-jem na\u0161 proizvod, lice ili prostor?<\/span>\n          <span class=\"pai-faq__q-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"pai-faq__a\">\n          <div class=\"pai-faq__a-inner\">\n            <p>Generiram - uvijek s pravom i privolom u izvoru. AI lica i scene nastaju u alatu koji radi na licenciranom materijalu, s privolom snimanih osoba.<\/p>\n            <p>Va\u0161 proizvod, jelo ili prepoznatljivo mjesto polazi od stvarne fotografije - moje snimke, snimke s odobrenjem ili va\u0161eg materijala s pravima. AI gradi scenu i atmosferu oko njega.<\/p>\n            <p><strong>Jelo ostaje jelo. Brend ostaje brend. Mjesto ostaje mjesto.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pai-faq__item\">\n        <button class=\"pai-faq__q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"pai-faq__q-text\"><span class=\"pai-faq__q-num\">09<\/span>\u0160to je hibridni AI agent?<\/span>\n          <span class=\"pai-faq__q-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"pai-faq__a\">\n          <div class=\"pai-faq__a-inner\">\n            <p>Hibridni AI agent je digitalni alat za automatizaciju stru\u010dnih procesa - na primjer analiza pristupa\u010dnosti web stranice ili interaktivna karta iz va\u0161ih podataka.<\/p>\n            <p>Sinergija dva svijeta. Ja postavljam pravila, UX i UI, definiram logiku rada i cilj. AI izvr\u0161ava tehni\u010dki dio - organizira podatke, analizira, generira rezultat.<\/p>\n            <p>Iza svakog proizvoda stoji ljudski rad i intuicija.<\/p>\n            <p><strong>Brzina AI-a i ljudska prosudba, u jednom rezultatu.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pai-faq__item\">\n        <button class=\"pai-faq__q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"pai-faq__q-text\"><span class=\"pai-faq__q-num\">10<\/span>Mogu li naru\u010diti samo dio AI usluga?<\/span>\n          <span class=\"pai-faq__q-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"pai-faq__a\">\n          <div class=\"pai-faq__a-inner\">\n            <p>Da. AI dorada va\u0161ih postoje\u0107ih materijala, novi AI vizuali ili kombinacija s klasi\u010dnom produkcijom. Naru\u010dujete to\u010dno onoliko koliko vam treba.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pai-faq__item\">\n        <button class=\"pai-faq__q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"pai-faq__q-text\"><span class=\"pai-faq__q-num\">11<\/span>Koliko traje izrada?<\/span>\n          <span class=\"pai-faq__q-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"pai-faq__a\">\n          <div class=\"pai-faq__a-inner\">\n            <p>Pojedina\u010dni vizual: dan do dva. Serija ili kampanja: tjedan. Ve\u0107i projekti: rok Ponudom.<\/p>\n            <p><strong>Hitno? Recite rok - odmah odgovaram je li izvediv.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pai-faq__item\">\n        <button class=\"pai-faq__q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"pai-faq__q-text\"><span class=\"pai-faq__q-num\">12<\/span>Kako se formira cijena?<\/span>\n          <span class=\"pai-faq__q-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"pai-faq__a\">\n          <div class=\"pai-faq__a-inner\">\n            <p>Prema opsegu - broj vizuala, formata i razina dorade. Svaka Ponuda sadr\u017ei fiksnu cijenu prije po\u010detka rada, bez naknadnih iznena\u0111enja.<\/p>\n            <p><strong>AI produkcija u pravilu zna\u010di ni\u017eu cijenu i br\u017ei rok za isti opseg.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pai-faq__item\">\n        <button class=\"pai-faq__q\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"pai-faq__q-text\"><span class=\"pai-faq__q-num\">13<\/span>\u0160to ako rezultat ne odgovara o\u010dekivanjima?<\/span>\n          <span class=\"pai-faq__q-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"pai-faq__a\">\n          <div class=\"pai-faq__a-inner\">\n            <p>Mjerilo je brief. Revizije su dio procesa, definirane Ponudom - radim dok rezultat ne odgovara dogovorenom.<\/p>\n            <p><strong>Jasan brief na po\u010detku je najkra\u0107i put do rezultata bez iznena\u0111enja.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <footer class=\"pai-faq__foot\">\n      <p class=\"pai-faq__foot-text\">Imate pitanje koje nije ovdje? Kratak brief je dovoljan.<\/p>\n      <a href=\"#brief-canvas\" class=\"pai-faq__cta brief-trigger\">Po\u0161aljite brief<\/a>\n    <\/footer>\n\n<\/div>\n<\/div>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     ACCORDION JAVASCRIPT (vanilla, bez jQuery)\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function() {\n  'use strict';\n  function initPaiFaq() {\n    var faqs = document.querySelectorAll('.pai-faq');\n    if (!faqs.length) return;\n    Array.prototype.forEach.call(faqs, function(faq) {\n      var qButtons = faq.querySelectorAll('.pai-faq__q');\n      var allItems = faq.querySelectorAll('.pai-faq__item');\n      Array.prototype.forEach.call(qButtons, function(btn) {\n        if (btn.dataset.paiReady === '1') return;\n        btn.dataset.paiReady = '1';\n        btn.addEventListener('click', function(e) {\n          e.preventDefault();\n          var item = btn.parentElement;\n          var willOpen = !item.classList.contains('is-open');\n          if (willOpen) {\n            Array.prototype.forEach.call(allItems, function(other) {\n              if (other !== item && other.classList.contains('is-open')) {\n                other.classList.remove('is-open');\n                var otherBtn = other.querySelector('.pai-faq__q');\n                if (otherBtn) otherBtn.setAttribute('aria-expanded', 'false');\n              }\n            });\n          }\n          item.classList.toggle('is-open');\n          btn.setAttribute('aria-expanded', willOpen ? 'true' : 'false');\n        });\n      });\n    });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initPaiFaq);\n  } else {\n    initPaiFaq();\n  }\n})();\n<\/script><\/div><\/div><\/div><\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-18238","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>peternel+ai - peternel+ai<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.peternel2000.eu\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"peternel+ai - peternel+ai\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.peternel2000.eu\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"peternel+ai\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-05T10:33:15+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"136 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/\",\"url\":\"https:\\\/\\\/www.peternel2000.eu\\\/\",\"name\":\"peternel+ai - peternel+ai\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/#website\"},\"datePublished\":\"2026-04-13T18:14:17+00:00\",\"dateModified\":\"2026-11-05T10:33:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.peternel2000.eu\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.peternel2000.eu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"peternel+ai\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/#website\",\"url\":\"https:\\\/\\\/www.peternel2000.eu\\\/\",\"name\":\"peternel+ai\",\"description\":\"Vizualni hibridni studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.peternel2000.eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"peternel+ai - peternel+ai","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.peternel2000.eu\/en\/","og_locale":"en_GB","og_type":"article","og_title":"peternel+ai - peternel+ai","og_url":"https:\/\/www.peternel2000.eu\/en\/","og_site_name":"peternel+ai","article_modified_time":"2026-11-05T10:33:15+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"136 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.peternel2000.eu\/","url":"https:\/\/www.peternel2000.eu\/","name":"peternel+ai - peternel+ai","isPartOf":{"@id":"https:\/\/www.peternel2000.eu\/#website"},"datePublished":"2026-04-13T18:14:17+00:00","dateModified":"2026-11-05T10:33:15+00:00","breadcrumb":{"@id":"https:\/\/www.peternel2000.eu\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.peternel2000.eu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.peternel2000.eu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.peternel2000.eu\/"},{"@type":"ListItem","position":2,"name":"peternel+ai"}]},{"@type":"WebSite","@id":"https:\/\/www.peternel2000.eu\/#website","url":"https:\/\/www.peternel2000.eu\/","name":"peternel+ai","description":"Vizualni hibridni studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.peternel2000.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/pages\/18238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/comments?post=18238"}],"version-history":[{"count":744,"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/pages\/18238\/revisions"}],"predecessor-version":[{"id":21070,"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/pages\/18238\/revisions\/21070"}],"wp:attachment":[{"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/media?parent=18238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}