{"id":3826,"date":"2026-10-30T10:26:59","date_gmt":"2026-10-30T10:26:59","guid":{"rendered":"https:\/\/medino.hr\/medino-svijet\/"},"modified":"2026-10-30T10:26:59","modified_gmt":"2026-10-30T10:26:59","slug":"medino-svijet","status":"publish","type":"page","link":"https:\/\/medino.hr\/medino-svijet\/","title":{"rendered":"Medino svijet"},"content":{"rendered":" <style>\n .medino-entry,.medino-entry *{box-sizing:border-box}.medino-entry{position:relative;isolation:isolate;width:100vw;max-width:none;margin-left:calc(50% - 50vw);height:calc(100svh - 94px);min-height:580px;overflow:hidden;background:#456477;color:white;font-family:Arial,sans-serif}\n .medino-entry-scroll{width:100%;height:100%;overflow:hidden}.medino-entry-scene{position:relative;width:100%;height:100%;background-size:cover;background-position:center}\n .medino-entry-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease;pointer-events:none}.medino-entry-video.is-playing{opacity:1}\n .medino-entry-shade{position:absolute;inset:0;background:linear-gradient(180deg,#16344933,transparent 38%,transparent 78%,#1735493d);pointer-events:none}\n .medino-entry-brand{position:absolute;top:28px;left:34px;font-size:14px;letter-spacing:7px;z-index:3;color:#fff}\n .medino-entry-intro{position:absolute;z-index:3;left:20px;right:20px;top:7%;text-align:center;pointer-events:none;text-shadow:0 2px 24px #18334b70}.medino-entry-intro h1{margin:0 0 12px;font:normal clamp(34px,4.2vw,64px)\/1.1 Georgia,serif;color:#fff}.medino-entry-intro p{margin:0;font-size:13px;letter-spacing:3px;line-height:1.5;color:white}\n .medino-entry-card{--tone:#3b5573;position:absolute;z-index:2;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:14px;width:clamp(185px,17vw,270px);min-height:90px;padding:17px 20px;transform:translate(-50%,-50%);border:1px solid #f4fbffc9;border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--tone) 74%,transparent),color-mix(in srgb,var(--tone) 88%,#182c3a 12%));box-shadow:inset 0 1px 2px #fff5,0 8px 26px #14304833;backdrop-filter:blur(14px);color:white;text-decoration:none;transition:box-shadow .2s,border-color .2s,background-color .2s}\n .medino-entry-card::before,.medino-entry-card::after{content:none!important;display:none!important}\n .medino-entry-route{position:absolute;z-index:1;pointer-events:none}\n .medino-entry-route-line{position:absolute;left:0;top:0;height:1px;transform-origin:0 50%;background:rgba(255,255,255,.88);box-shadow:0 0 4px #17354a44}\n .medino-entry-route-dot{position:absolute;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 9px 2px color-mix(in srgb,var(--tone),#fff)}\n\n .medino-entry-card svg{width:42px;height:42px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}\n .medino-entry-card strong{display:block;font-weight:400;font-size:19px;letter-spacing:3px;text-transform:uppercase;line-height:1.2}.medino-entry-card small{display:block;margin-top:8px;white-space:nowrap;font-size:12px;letter-spacing:.15px;line-height:1.3}\n .medino-entry-card:hover,.medino-entry-card:focus-visible{box-shadow:inset 0 1px 3px #fff8,0 0 22px color-mix(in srgb,var(--tone) 50%,#fff8),0 8px 26px #14304833;border-color:white;color:white;outline:2px solid #fff;outline-offset:4px}\n .medino-entry-card[data-element=voda]{left:13%;top:61%}.medino-entry-card[data-element=zemlja]{left:37%;top:68%}.medino-entry-card[data-element=zrak]{left:62%;top:56%}.medino-entry-card[data-element=vatra]{left:86%;top:64%}\n .medino-entry-footer{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:3;letter-spacing:5px;font-size:10px;color:white;white-space:nowrap}\n .medino-entry-toggle{position:absolute;z-index:4;bottom:16px;right:24px;min-height:44px;padding:10px 17px;border:1px solid #fff9;border-radius:24px;background:#37516d70;backdrop-filter:blur(12px);color:white;font:11px Arial,sans-serif;cursor:pointer}.medino-entry-toggle:focus-visible{outline:2px solid white;outline-offset:4px}\n .medino-entry-swipe{display:none}\n @media(max-width:1050px) and (min-width:761px){.medino-entry-card{width:185px;padding:14px;gap:10px;grid-template-columns:34px 1fr}.medino-entry-card svg{width:34px;height:34px}.medino-entry-card strong{font-size:17px;letter-spacing:2px}.medino-entry-card[data-element=voda]{left:12%}.medino-entry-card[data-element=vatra]{left:88%}}\n @media(max-width:760px){.medino-entry{height:calc(100svh - 78px);min-height:550px}.medino-entry-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#dcefff66 transparent;touch-action:pan-x pan-y}.medino-entry-scene{width:max(980px,calc((100svh - 78px)*1.75));min-width:980px}.medino-entry-intro{top:24px;left:12px;right:12px}.medino-entry-intro h1{font-size:30px;margin-bottom:9px}.medino-entry-intro p{font-size:10px;letter-spacing:1.6px}.medino-entry-brand{display:none}.medino-entry-card{width:210px;min-height:90px;padding:16px;gap:12px}.medino-entry-card strong{font-size:18px}.medino-entry-card svg{width:38px;height:38px}.medino-entry-footer{bottom:75px;font-size:8px;letter-spacing:3px}.medino-entry-toggle{right:12px;bottom:14px;font-size:10px}.medino-entry-swipe{display:block;position:absolute;bottom:119px;left:12px;right:12px;z-index:3;text-align:center;font-size:11px;text-shadow:0 1px 8px #123348;pointer-events:none;color:white}}\n\n .medino-entry-card{width:clamp(180px,15vw,230px);min-height:76px;padding:14px 16px;grid-template-columns:32px minmax(0,1fr);gap:12px}\n .medino-entry-card svg{width:32px;height:32px}\n .medino-entry-card strong{font-size:16px;letter-spacing:2px;font-weight:500}\n .medino-entry-card small{font-size:11px;margin-top:6px}\n .medino-entry-card[data-element=voda]{left:13.5%;top:84%}.medino-entry-card[data-element=zemlja]{left:37%;top:86%}.medino-entry-card[data-element=zrak]{left:62%;top:73%}.medino-entry-card[data-element=vatra]{left:87%;top:82%}\n @media(max-width:760px){.medino-entry-card{width:180px;min-height:76px;padding:14px;gap:10px}.medino-entry-card strong{font-size:16px}.medino-entry-card svg{width:32px;height:32px}}\n @media(prefers-reduced-motion:reduce){.medino-entry-video,.medino-entry-card{transition:none}}\n <\/style>\n <section class=\"medino-entry\" aria-label=\"Otkrij Medino svijet\">\n <div class=\"medino-entry-scroll\" tabindex=\"0\" aria-label=\"\u010cetiri svijeta \u2014 pomakni prizor lijevo ili desno\">\n <div class=\"medino-entry-scene\" style=\"background-image:url('https:\/\/medino.hr\/wp-content\/uploads\/2026\/10\/369836fa4781fe94d9f69a9269c1ba95dece6bf6cf94969fd533a684f9edea9c.webp')\">\n <video class=\"medino-entry-video\" muted loop playsinline preload=\"metadata\" poster=\"https:\/\/medino.hr\/wp-content\/uploads\/2026\/10\/369836fa4781fe94d9f69a9269c1ba95dece6bf6cf94969fd533a684f9edea9c.webp\" aria-hidden=\"true\" src=\"https:\/\/medino.hr\/wp-content\/uploads\/2026\/10\/medino-world-ulaz-loop-20261030.mp4\"><\/video><div class=\"medino-entry-shade\"><\/div>\n  <a class=\"medino-entry-card\" data-element=\"voda\" style=\"--tone:#3B5573\" href=\"https:\/\/medino.hr\/voda\/\" aria-label=\"U\u0111i u svijet: Voda\">\n <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><path d=\"M10 20c8-9 14 9 22 0s14 9 22 0M10 32c8-9 14 9 22 0s14 9 22 0M10 44c8-9 14 9 22 0s14 9 22 0\"\/><\/svg><span><strong>Voda<\/strong><small>U\u0111i u svijet \u2192<\/small><\/span><\/a>\n  <a class=\"medino-entry-card\" data-element=\"zemlja\" style=\"--tone:#48736F\" href=\"https:\/\/medino.hr\/zemlja\/\" aria-label=\"U\u0111i u svijet: Zemlja\">\n <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><path d=\"M31 55V31M31 40C12 42 8 29 10 13c17 0 24 10 21 27ZM32 30C31 13 43 7 56 8c0 17-8 26-24 22ZM20 25l11 15M44 19L32 31\"\/><\/svg><span><strong>Zemlja<\/strong><small>U\u0111i u svijet \u2192<\/small><\/span><\/a>\n  <a class=\"medino-entry-card\" data-element=\"zrak\" style=\"--tone:#C5A477\" href=\"https:\/\/medino.hr\/zrak\/\" aria-label=\"U\u0111i u svijet: Zrak\">\n <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><path d=\"M9 21h31c12 0 13-17 2-17-5 0-8 3-8 7M9 32h40c13 0 13 18 2 18-5 0-8-3-8-7M9 43h18c11 0 11 15 1 15-4 0-7-3-7-6\"\/><\/svg><span><strong>Zrak<\/strong><small>U\u0111i u svijet \u2192<\/small><\/span><\/a>\n  <a class=\"medino-entry-card\" data-element=\"vatra\" style=\"--tone:#B9786F\" href=\"https:\/\/medino.hr\/vatra\/\" aria-label=\"U\u0111i u svijet: Vatra\">\n <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><path d=\"M35 5c4 15-7 18-4 29 6-2 10-8 10-14 16 17 14 35-5 39M28 59C9 55 7 40 18 27c0 8 2 11 5 12-4-15 8-19 12-34Z\"\/><\/svg><span><strong>Vatra<\/strong><small>U\u0111i u svijet \u2192<\/small><\/span><\/a>\n  <\/div><\/div>\n <div class=\"medino-entry-brand\">MEDINO<\/div><div class=\"medino-entry-intro\"><h1>Otkrij Medino svijet<\/h1><p>\u010cetiri elementa. Prona\u0111i svoj.<\/p><\/div>\n <p class=\"medino-entry-swipe\">\u2190 Pomakni prizor i odaberi svoj svijet \u2192<\/p><div class=\"medino-entry-footer\">SHARE THE BEAR<\/div>\n <button type=\"button\" class=\"medino-entry-toggle\" aria-pressed=\"false\">Pokreni pozadinu \u25b7<\/button>\n <\/section>\n <script>\n (function(){var script=document.currentScript,root=script.previousElementSibling;if(!root||!root.classList.contains('medino-entry'))return;\n var video=root.querySelector('video'),button=root.querySelector('.medino-entry-toggle'),wanted=!matchMedia('(prefers-reduced-motion: reduce)').matches;\n var scene=root.querySelector('.medino-entry-scene'),routeConfig={\n voda:{card:[.135,.84],path:[.20,.70]},\n zemlja:{card:[.37,.86],path:[.43,.72]},\n zrak:{card:[.62,.73],path:[.66,.61]},\n vatra:{card:[.87,.82],path:[.85,.64]}\n },posterImage=new Image,routeEntries=[];\n root.querySelectorAll('.medino-entry-card').forEach(function(card){\n var key=card.dataset.element,config=routeConfig[key];if(!config)return;\n var route=document.createElement('span');route.className='medino-entry-route';route.dataset.element=key;route.setAttribute('aria-hidden','true');route.style.setProperty('--tone',getComputedStyle(card).getPropertyValue('--tone'));\n var line=document.createElement('span');line.className='medino-entry-route-line';\n var dot=document.createElement('span');dot.className='medino-entry-route-dot';route.append(line,dot);scene.appendChild(route);routeEntries.push({card:card,route:route,line:line,dot:dot,config:config});\n });\n var mobileRoutes={voda:{card:[.20,.70],path:[.105,.62]},zemlja:{card:[.43,.72],path:[.48,.80]},vatra:{card:[.85,.64],path:[.82,.76]}};\n function positionRoutes(){\n var w=scene.clientWidth,h=scene.clientHeight;if(!w||!h)return;\n var playing=video.classList.contains('is-playing'),iw=playing&&video.videoWidth?video.videoWidth:(posterImage.naturalWidth||1344),ih=playing&&video.videoHeight?video.videoHeight:(posterImage.naturalHeight||768),scale=Math.max(w\/iw,h\/ih),rw=iw*scale,rh=ih*scale,ox=(w-rw)\/2,oy=(h-rh)\/2;\n routeEntries.forEach(function(e){var c=matchMedia('(max-width:760px)').matches?(mobileRoutes[e.card.dataset.element]||e.config):e.config,cw=e.card.offsetWidth,ch=e.card.offsetHeight,cx=ox+c.card[0]*rw,cy=oy+c.card[1]*rh;\n cx=Math.max(cw\/2+16,Math.min(w-cw\/2-16,cx));cy=Math.max(ch\/2+16,Math.min(h-ch\/2-60,cy));\n e.card.style.left=cx+'px';e.card.style.top=cy+'px';\n var ax=ox+c.path[0]*rw,ay=oy+c.path[1]*rh,dx=ax-cx,dy=ay-cy,f=Math.min(cw\/2\/Math.max(.001,Math.abs(dx)),ch\/2\/Math.max(.001,Math.abs(dy))),sx=cx+dx*f,sy=cy+dy*f,lx=ax-sx,ly=ay-sy,len=Math.hypot(lx,ly);\n e.route.style.left=sx+'px';e.route.style.top=sy+'px';e.line.style.width=len+'px';e.line.style.transform='rotate('+Math.atan2(ly,lx)+'rad)';e.dot.style.left=lx+'px';e.dot.style.top=ly+'px';e.route.dataset.anchor=c.path.join(',');e.route.dataset.endpoint=ax.toFixed(1)+','+ay.toFixed(1);\n });root.dataset.routesReady='true';\n }\n var routesQueued=false;function scheduleRoutes(){if(routesQueued)return;routesQueued=true;requestAnimationFrame(function(){routesQueued=false;positionRoutes()})}\n posterImage.onload=scheduleRoutes;posterImage.src=video.poster;\n video.addEventListener('loadedmetadata',scheduleRoutes);video.addEventListener('playing',scheduleRoutes);\n new ResizeObserver(scheduleRoutes).observe(scene);window.addEventListener('resize',scheduleRoutes);positionRoutes();\n\n function update(){button.textContent=wanted?'Zaustavi pozadinu \u2161':'Pokreni pozadinu \u25b7';button.setAttribute('aria-pressed',String(wanted));if(wanted&&!document.hidden)video.play().catch(function(){wanted=false;button.textContent='Pokreni pozadinu \u25b7';button.setAttribute('aria-pressed','false')});else video.pause()}\n video.addEventListener('playing',function(){video.classList.add('is-playing')});button.addEventListener('click',function(){wanted=!wanted;update()});document.addEventListener('visibilitychange',update);update();\n })();\n <\/script>\n \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-3826","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/pages\/3826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/comments?post=3826"}],"version-history":[{"count":0,"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/pages\/3826\/revisions"}],"wp:attachment":[{"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/media?parent=3826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}