{"id":15234,"date":"2014-04-30T15:47:48","date_gmt":"2014-04-30T15:47:48","guid":{"rendered":"http:\/\/demo.qodeinteractive.com\/bridge21\/?page_id=15234"},"modified":"2026-09-24T14:15:35","modified_gmt":"2026-09-24T12:15:35","slug":"home","status":"publish","type":"page","link":"https:\/\/hadal.hr\/","title":{"rendered":"HOME"},"content":{"rendered":"\n\n\n\n<div class=\"hadal-home-v2\">\n\n<style>\n\/* THE7 IZBORNIK IZNAD TAMNOG HEROA *\/\n\n.masthead .main-nav > li > a,\n.masthead .main-nav > li > a .menu-text {\n\tcolor: #ffffff !important;\n}\n\n.masthead .main-nav > li.act > a,\n.masthead .main-nav > li.act > a .menu-text,\n.masthead .main-nav > li > a:hover,\n.masthead .main-nav > li > a:hover .menu-text {\n\tcolor: #df2418 !important;\n}\n\n.masthead .sub-nav li a,\n.masthead .sub-nav li a .menu-text {\n\tcolor: #111111 !important;\n}\n\n.masthead .sub-nav li.act > a,\n.masthead .sub-nav li.act > a .menu-text,\n.masthead .sub-nav li > a:hover,\n.masthead .sub-nav li > a:hover .menu-text {\n\tcolor: #df2418 !important;\n}\n\n.hadal-home-v2,\n.hadal-home-v2 *,\n.hadal-home-v2 *::before,\n.hadal-home-v2 *::after {\n\tbox-sizing: border-box;\n}\n\n.hadal-home-v2 {\n\t--hadal-red: #df2418;\n\t--hadal-black: #111111;\n\t--hadal-dark: #1d1d1d;\n\t--hadal-paper: #f2f0eb;\n\t--hadal-white: #ffffff;\n\t--hadal-muted: #625f5a;\n\t--hadal-display: \"Arial Narrow\", \"Roboto Condensed\", \"Aptos Narrow\", Arial, sans-serif;\n\tposition: relative;\n\twidth: 100vw;\n\tmax-width: 100vw;\n\tmargin-left: calc(50% - 50vw);\n\tpadding: 0;\n\toverflow: hidden;\n\tbackground: var(--hadal-paper);\n\tcolor: var(--hadal-black);\n\tfont-family: Arial, Helvetica, sans-serif;\n}\n\n.hadal-home-v2 img {\n\tdisplay: block;\n\twidth: 100%;\n\tmax-width: 100%;\n\tmargin: 0;\n}\n\n.hadal-home-v2 h1,\n.hadal-home-v2 h2,\n.hadal-home-v2 h3,\n.hadal-home-v2 p,\n.hadal-home-v2 figure {\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n}\n\n.hadal-home-v2 a:focus-visible {\n\toutline: 3px solid #fff;\n\toutline-offset: 4px;\n}\n\n.hadal-v2-label {\n\tdisplay: block;\n\tcolor: #706c65;\n\tfont-size: 11px;\n\tfont-weight: 900;\n\tletter-spacing: .19em;\n\tline-height: 1.4;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-button {\n\tdisplay: inline-flex;\n\tmin-height: 52px;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 15px 23px;\n\tborder: 1px solid transparent;\n\tbackground: var(--hadal-red);\n\tcolor: #fff !important;\n\tfont-size: 12px;\n\tfont-weight: 900;\n\tletter-spacing: .09em;\n\tline-height: 1.35;\n\ttext-align: center;\n\ttext-decoration: none !important;\n\ttext-transform: uppercase;\n\ttransition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;\n}\n\n.hadal-v2-button:hover {\n\tbackground: #f0382c;\n\ttransform: translateY(-2px);\n}\n\n.hadal-v2-button--outline {\n\tborder-color: rgba(255,255,255,.42);\n\tbackground: transparent;\n}\n\n.hadal-v2-button--outline:hover {\n\tborder-color: #fff;\n\tbackground: #fff;\n\tcolor: var(--hadal-black) !important;\n}\n\n\/* HERO *\/\n\n.hadal-v2-hero {\n\tdisplay: grid;\n\tgrid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);\n\tmin-height: 650px;\n\tborder-top: 6px solid var(--hadal-red);\n\tbackground: var(--hadal-black);\n\tcolor: #fff;\n}\n\n.hadal-v2-hero-copy {\n\tposition: relative;\n\tdisplay: flex;\n\tmin-width: 0;\n\tflex-direction: column;\n\tjustify-content: center;\n\tpadding-top: clamp(74px,8vw,126px);\n\tpadding-right: clamp(34px,4vw,72px);\n\tpadding-bottom: clamp(74px,8vw,126px);\n\tpadding-left: max(48px,calc((100vw - 1480px)\/2));\n\toverflow: hidden;\n}\n\n.hadal-v2-hero-copy::after {\n\tcontent: none;\n}\n\n.hadal-v2-hero .hadal-v2-label {\n\tposition: relative;\n\tz-index: 2;\n\tcolor: var(--hadal-red);\n\tfont-size: clamp(16px,1.2vw,19px);\n}\n\n\n.hadal-v2-hero h1 {\n\tposition: relative;\n\tz-index: 2;\n\tmax-width: 720px;\n\tmargin: 34px 0 28px;\n\tcolor: #fff;\n\tfont-family: var(--hadal-display);\n\tfont-size: clamp(48px,4.1vw,64px);\n\tfont-stretch: condensed;\n\tfont-weight: 900;\n\tletter-spacing: -.045em;\n\tline-height: .96;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-hero h1 span {\n\tdisplay: block;\n}\n\n.hadal-v2-hero h1 {\n\tposition: relative;\n\tz-index: 2;\n\tmax-width: 900px;\n\tmargin: 34px 0 30px;\n\tperspective: 1000px;\n\tcolor: #fff;\n\tfont-family: var(--hadal-display);\n\tfont-stretch: condensed;\n\tfont-weight: 900;\n\tletter-spacing: -.045em;\n\tline-height: .96;\n\ttext-transform: uppercase;\n}\n\n\/* GLAVNI HERO NASLOV: 3D SLOVA *\/\n\n.hadal-v2-title-3d {\n\tposition: relative;\n\tdisplay: block;\n\tcolor: #ffffff;\n\tfont-size: clamp(68px,5.9vw,96px);\n\tfont-weight: 900;\n\tletter-spacing: -.06em;\n\tline-height: .86;\n\tmargin-bottom: 20px;\n\ttext-shadow:\n\t\t1px 1px 0 #f3f3f3,\n\t\t2px 2px 0 #dedede,\n\t\t3px 3px 0 #c8c8c8,\n\t\t4px 4px 0 #b2b2b2,\n\t\t5px 5px 0 #9c9c9c,\n\t\t6px 6px 0 #858585,\n\t\t7px 7px 0 #707070,\n\t\t8px 8px 0 #5c5c5c,\n\t\t9px 9px 0 #494949,\n\t\t12px 14px 22px rgba(0,0,0,.48);\n}\n\n\/* DRUGI RED: SVJETLE\u0106E REKLAME *\/\n\n.hadal-v2-title-light {\n\tposition: relative;\n\tdisplay: block;\n\tcolor: #ff4136 !important;\n\tfont-size: clamp(43px,3.75vw,60px);\n\tfont-weight: 900;\n\tletter-spacing: -.045em;\n\tline-height: .94;\n\ttext-shadow:\n\t\t0 0 1px rgba(255,255,255,.95),\n\t\t0 0 5px rgba(255,90,75,.78),\n\t\t0 0 12px rgba(223,36,24,.58),\n\t\t0 0 24px rgba(223,36,24,.38),\n\t\t0 0 42px rgba(223,36,24,.20);\n\ttransition: text-shadow .28s ease, color .28s ease;\n}\n\n\/* Na hover samo malo poja\u010daj dojam svjetle\u0107e reklame *\/\n\n.hadal-v2-hero:hover .hadal-v2-title-light {\n\tcolor: #ff5147 !important;\n\ttext-shadow:\n\t\t0 0 2px rgba(255,255,255,1),\n\t\t0 0 7px rgba(255,100,85,.92),\n\t\t0 0 16px rgba(223,36,24,.72),\n\t\t0 0 30px rgba(223,36,24,.48),\n\t\t0 0 52px rgba(223,36,24,.28);\n}\n\n.hadal-v2-red {\n\tcolor: var(--hadal-red);\n}\n\n.hadal-v2-hero-text {\n\tposition: relative;\n\tz-index: 2;\n\tmax-width: 610px;\n\tcolor: rgba(255,255,255,.72);\n\tfont-size: clamp(16px,1.3vw,19px);\n\tline-height: 1.68;\n}\n\n.hadal-v2-actions {\n\tposition: relative;\n\tz-index: 2;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 13px;\n\tmargin-top: 38px;\n}\n\n.hadal-v2-hero-visual {\n\tposition: relative;\n\tmin-width: 0;\n\tmin-height: 650px;\n\toverflow: hidden;\n\tbackground: #262626;\n}\n\n.hadal-v2-hero-visual::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tinset: 0;\n\tbackground:\n\t\tlinear-gradient(135deg, rgba(216,43,27,.24) 0%, rgba(216,43,27,.08) 34%, transparent 58%),\n\t\tlinear-gradient(180deg, transparent 46%, rgba(0,0,0,.68) 100%);\n\tpointer-events: none;\n}\n\n.hadal-v2-hero-visual img {\n\tposition: absolute;\n\tinset: 0;\n\theight: 100%;\n\tobject-fit: cover;\n\tobject-position: 50% 55%;\n\tfilter: saturate(1.08) contrast(1.1);\n\ttransition: transform .7s ease;\n}\n\n.hadal-v2-hero:hover .hadal-v2-hero-visual img {\n\ttransform: scale(1.025);\n}\n\n.hadal-v2-project-tag {\n\tposition: absolute;\n\tright: clamp(24px,4vw,62px);\n\tbottom: clamp(26px,4vw,58px);\n\tz-index: 2;\n\tpadding-left: 18px;\n\tborder-left: 5px solid var(--hadal-red);\n\tcolor: #fff;\n\ttext-align: left;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-project-tag small {\n\tdisplay: block;\n\tmargin-bottom: 7px;\n\tcolor: rgba(255,255,255,.68);\n\tfont-size: clamp(11px,.8vw,13px);\n\tfont-weight: 800;\n\tletter-spacing: .18em;\n}\n\n.hadal-v2-project-tag strong {\n\tdisplay: block;\n\tfont-family: var(--hadal-display);\n\tfont-size: clamp(26px,2.7vw,43px);\n\tfont-stretch: condensed;\n\tfont-weight: 900;\n\tline-height: 1;\n}\n\n\/* USLUGE I TEHNOLOGIJA *\/\n\n.hadal-v2-capabilities {\n\tpadding: clamp(78px,8vw,132px) clamp(26px,6vw,98px) clamp(86px,9vw,146px);\n\tbackground: var(--hadal-paper);\n}\n\n.hadal-v2-capabilities-inner,\n.hadal-v2-projects-inner {\n\twidth: min(1480px,100%);\n\tmargin: 0 auto;\n}\n\n.hadal-v2-capabilities-inner > .hadal-v2-label {\n\tfont-size: clamp(13px,.95vw,16px);\n}\n\n.hadal-v2-intro {\n\tdisplay: grid;\n\tgrid-template-columns: minmax(0,1.08fr) minmax(300px,.72fr);\n\tgap: 34px clamp(42px,6vw,96px);\n\talign-items: end;\n\tmargin-top: 20px;\n}\n\n.hadal-v2-intro h2,\n.hadal-v2-projects h2,\n.hadal-v2-contact h2 {\n\tmargin: 0;\n\tfont-family: var(--hadal-display);\n\tfont-size: clamp(48px,5.2vw,76px);\n\tfont-stretch: condensed;\n\tfont-weight: 900;\n\tletter-spacing: -.035em;\n\tline-height: .94;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-intro p {\n\tmax-width: 590px;\n\tcolor: #4f4c47;\n\tfont-size: clamp(16px,1.25vw,19px);\n\tfont-weight: 600;\n\tline-height: 1.72;\n}\n\n.hadal-v2-core {\n\tposition: relative;\n\tdisplay: grid;\n\tgrid-template-columns: minmax(0,1.1fr) minmax(300px,.7fr);\n\tgap: 38px 70px;\n\talign-items: end;\n\tmin-height: 350px;\n\tmargin-top: clamp(42px,5vw,72px);\n\tpadding: clamp(42px,5vw,76px);\n\toverflow: hidden;\n\tbackground: var(--hadal-black);\n\tcolor: #fff !important;\n\ttext-decoration: none !important;\n}\n\n.hadal-v2-core::after {\n\tcontent: \"3D\";\n\tposition: absolute;\n\tright: -34px;\n\tbottom: -82px;\n\tcolor: rgba(255,255,255,.035);\n\tfont-family: var(--hadal-display);\n\tfont-size: clamp(180px,22vw,350px);\n\tfont-stretch: condensed;\n\tfont-weight: 900;\n\tletter-spacing: -.08em;\n\tline-height: 1;\n\tpointer-events: none;\n}\n\n.hadal-v2-core-main,\n.hadal-v2-core-side {\n\tposition: relative;\n\tz-index: 2;\n}\n\n.hadal-v2-core-kicker {\n\tdisplay: block;\n\tmargin-bottom: 20px;\n\tcolor: var(--hadal-red);\n\tfont-size: clamp(13px,.95vw,16px);\n\tfont-weight: 900;\n\tletter-spacing: .18em;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-core strong {\n\tdisplay: block;\n\tmax-width: 860px;\n\tfont-family: var(--hadal-display);\n\tfont-size: clamp(42px,5vw,74px);\n\tfont-stretch: condensed;\n\tfont-weight: 900;\n\tletter-spacing: -.035em;\n\tline-height: .94;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-core-side span {\n\tdisplay: block;\n\tmax-width: 470px;\n\tcolor: rgba(255,255,255,.7);\n\tfont-size: 16px;\n\tfont-weight: 600;\n\tline-height: 1.7;\n}\n\n.hadal-v2-core-side b {\n\tdisplay: inline-block;\n\tmargin-top: 27px;\n\tpadding-bottom: 7px;\n\tborder-bottom: 2px solid var(--hadal-red);\n\tcolor: #fff;\n\tfont-size: 10px;\n\tfont-weight: 900;\n\tletter-spacing: .12em;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-services-grid {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(3,minmax(0,1fr));\n\tgap: 1px;\n\tmargin-top: 1px;\n\tbackground: #c8c4bd;\n\tborder: 1px solid #c8c4bd;\n}\n\n.hadal-v2-service {\n\tmin-width: 0;\n\tbackground: #fff;\n}\n\n.hadal-v2-service-image {\n\tposition: relative;\n\tdisplay: block;\n\theight: 260px;\n\toverflow: hidden;\n\tbackground: #252525;\n\tcolor: #fff !important;\n\ttext-decoration: none !important;\n}\n\n.hadal-v2-service-image::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tinset: 0;\n\tz-index: 2;\n\tbackground: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.42));\n\tpointer-events: none;\n}\n\n.hadal-v2-service-image img {\n\tposition: absolute;\n\tinset: 0;\n\tz-index: 1;\n\theight: 100%;\n\tobject-fit: cover;\n\ttransition: transform .45s ease, filter .45s ease;\n}\n\n.hadal-v2-service:hover .hadal-v2-service-image img {\n\ttransform: scale(1.045);\n\tfilter: contrast(1.07);\n}\n\n.hadal-v2-placeholder {\n\tposition: absolute;\n\tinset: 0;\n\tz-index: 1;\n\tdisplay: grid;\n\tplace-items: center;\n\tpadding: 30px;\n\tbackground:\n\t\tlinear-gradient(135deg, transparent 48%, rgba(223,36,24,.22) 49%, rgba(223,36,24,.22) 51%, transparent 52%),\n\t\t#242424;\n\tcolor: rgba(255,255,255,.62);\n\tfont-size: 10px;\n\tfont-weight: 900;\n\tletter-spacing: .15em;\n\tline-height: 1.6;\n\ttext-align: center;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-service-number {\n\tposition: absolute;\n\ttop: 19px;\n\tleft: 19px;\n\tz-index: 3;\n\tdisplay: grid;\n\twidth: 38px;\n\theight: 38px;\n\tplace-items: center;\n\tbackground: var(--hadal-red);\n\tcolor: #fff;\n\tfont-size: 10px;\n\tfont-weight: 900;\n\tletter-spacing: .08em;\n}\n\n.hadal-v2-service-arrow {\n\tposition: absolute;\n\ttop: 21px;\n\tright: 21px;\n\tz-index: 3;\n\tcolor: #fff;\n\tfont-size: 22px;\n\tfont-weight: 400;\n\ttext-shadow: 0 2px 10px rgba(0,0,0,.7);\n}\n\n.hadal-v2-service-copy {\n\tmin-height: 190px;\n\tpadding: 27px 25px 31px;\n\tborder-top: 5px solid var(--hadal-red);\n}\n\n.hadal-v2-service h3 {\n\tfont-family: var(--hadal-display);\n\tfont-size: clamp(24px,2.1vw,32px);\n\tfont-stretch: condensed;\n\tfont-weight: 900;\n\tletter-spacing: -.025em;\n\tline-height: 1.02;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-service h3 a {\n\tcolor: var(--hadal-black) !important;\n\ttext-decoration: none !important;\n}\n\n.hadal-v2-service p {\n\tmargin-top: 16px;\n\tcolor: #514e49;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tline-height: 1.64;\n}\n\n.hadal-v2-services-cta {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tmargin-top: 27px;\n}\n\n.hadal-v2-services-cta .hadal-v2-button {\n\tbackground: var(--hadal-black);\n}\n\n.hadal-v2-services-cta .hadal-v2-button:hover {\n\tbackground: var(--hadal-red);\n}\n\n\/* DOKAZ VELIKIH DIMENZIJA *\/\n\n.hadal-v2-scale {\n\tdisplay: grid;\n\tgrid-template-columns: minmax(0,1.12fr) minmax(0,.88fr);\n\tmin-height: 690px;\n\tbackground: var(--hadal-red);\n\tcolor: #fff;\n}\n\n.hadal-v2-scale-visual {\n\tposition: relative;\n\tmin-width: 0;\n\tmin-height: 690px;\n\toverflow: hidden;\n\tbackground: #222;\n}\n\n.hadal-v2-scale-visual::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tinset: 0;\n\tbackground: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.62));\n\tpointer-events: none;\n}\n\n.hadal-v2-scale-visual img {\n\tposition: absolute;\n\tinset: 0;\n\theight: 100%;\n\tobject-fit: cover;\n\tobject-position: 53% center;\n\tfilter: contrast(1.08);\n}\n\n.hadal-v2-scale-stamp {\n\tposition: absolute;\n\tbottom: 36px;\n\tleft: clamp(28px,5vw,76px);\n\tz-index: 2;\n\tcolor: #fff;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-scale-stamp strong {\n\tdisplay: block;\n\tfont-family: var(--hadal-display);\n\tfont-size: clamp(76px,9vw,150px);\n\tfont-stretch: condensed;\n\tfont-weight: 900;\n\tletter-spacing: -.055em;\n\tline-height: .72;\n}\n\n.hadal-v2-scale-stamp small {\n\tdisplay: block;\n\tmargin-top: 18px;\n\tfont-size: 10px;\n\tfont-weight: 900;\n\tletter-spacing: .18em;\n}\n\n.hadal-v2-scale-copy {\n\tdisplay: flex;\n\tmin-width: 0;\n\tflex-direction: column;\n\tjustify-content: center;\n\tpadding: clamp(72px,8vw,122px) clamp(34px,7vw,110px);\n}\n\n.hadal-v2-scale-copy .hadal-v2-label {\n\tcolor: rgba(255,255,255,.72);\n\tfont-size: clamp(13px,.95vw,16px);\n}\n\n.hadal-v2-scale-copy h2 {\n\tmargin: 26px 0 29px;\n\tcolor: #fff;\n\tfont-family: var(--hadal-display);\n\tfont-size: clamp(48px,5vw,76px);\n\tfont-stretch: condensed;\n\tfont-weight: 900;\n\tletter-spacing: -.035em;\n\tline-height: .94;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-scale-copy p {\n\tmax-width: 600px;\n\tcolor: rgba(255,255,255,.83);\n\tfont-size: 16px;\n\tline-height: 1.74;\n}\n\n.hadal-v2-metrics {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2,minmax(0,1fr));\n\tmargin: 34px 0 38px;\n\tborder-top: 1px solid rgba(255,255,255,.4);\n\tborder-bottom: 1px solid rgba(255,255,255,.4);\n}\n\n.hadal-v2-metric {\n\tpadding: 20px 18px 20px 0;\n}\n\n.hadal-v2-metric + .hadal-v2-metric {\n\tpadding-left: 22px;\n\tborder-left: 1px solid rgba(255,255,255,.4);\n}\n\n.hadal-v2-metric strong {\n\tdisplay: block;\n\tfont-family: var(--hadal-display);\n\tfont-size: clamp(35px,3.8vw,58px);\n\tfont-stretch: condensed;\n\tfont-weight: 900;\n\tletter-spacing: -.025em;\n\tline-height: 1;\n}\n\n.hadal-v2-metric span {\n\tdisplay: block;\n\tmargin-top: 7px;\n\tcolor: rgba(255,255,255,.7);\n\tfont-size: 9px;\n\tfont-weight: 900;\n\tletter-spacing: .15em;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-materials {\n\tmargin-bottom: 36px;\n\tcolor: #fff;\n\tfont-size: 11px;\n\tfont-weight: 900;\n\tletter-spacing: .08em;\n\tline-height: 1.9;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-scale .hadal-v2-button {\n\talign-self: flex-start;\n\tbackground: #fff;\n\tcolor: var(--hadal-black) !important;\n}\n\n.hadal-v2-scale .hadal-v2-button:hover {\n\tbackground: var(--hadal-black);\n\tcolor: #fff !important;\n}\n\n\/* PROJEKTI *\/\n\n.hadal-v2-projects {\n\tpadding: clamp(82px,8vw,130px) clamp(26px,6vw,98px) clamp(92px,9vw,150px);\n\tbackground: var(--hadal-black);\n\tcolor: #fff;\n}\n\n.hadal-v2-projects .hadal-v2-label {\n\tcolor: rgba(255,255,255,.52);\n\tfont-size: clamp(13px,.95vw,16px);\n}\n\n.hadal-v2-projects-head {\n\tdisplay: grid;\n\tgrid-template-columns: minmax(0,1.15fr) minmax(280px,.65fr);\n\tgap: 32px clamp(45px,7vw,110px);\n\talign-items: end;\n\tmargin-top: 20px;\n}\n\n.hadal-v2-projects h2 {\n\tmax-width: 820px;\n\tcolor: #fff;\n}\n\n.hadal-v2-projects-intro {\n\tmax-width: 520px;\n\tcolor: rgba(255,255,255,.62);\n\tfont-size: 16px;\n\tline-height: 1.72;\n}\n\n.hadal-v2-projects-grid {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(3,minmax(0,1fr));\n\tgap: 2px;\n\tmargin-top: clamp(44px,5vw,72px);\n\tbackground: #111;\n}\n\n.hadal-v2-project {\n\tposition: relative;\n\tdisplay: block;\n\tmin-height: 430px;\n\toverflow: hidden;\n\tbackground: #292929;\n\tcolor: #fff !important;\n\ttext-decoration: none !important;\n}\n\n.hadal-v2-project::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tinset: 0;\n\tz-index: 1;\n\tbackground: linear-gradient(180deg, transparent 38%, rgba(0,0,0,.78) 100%);\n\ttransition: background .3s ease;\n}\n\n.hadal-v2-project img {\n\tposition: absolute;\n\tinset: 0;\n\theight: 100%;\n\tobject-fit: cover;\n\ttransition: transform .45s ease;\n}\n\n.hadal-v2-project:hover img {\n\ttransform: scale(1.045);\n}\n\n.hadal-v2-project:hover::after {\n\tbackground: linear-gradient(180deg, rgba(223,36,24,.05) 25%, rgba(0,0,0,.84) 100%);\n}\n\n.hadal-v2-project-copy {\n\tposition: absolute;\n\tright: 25px;\n\tbottom: 25px;\n\tleft: 25px;\n\tz-index: 2;\n\tpadding-left: 16px;\n\tborder-left: 4px solid var(--hadal-red);\n}\n\n.hadal-v2-project-copy small {\n\tdisplay: block;\n\tmargin-bottom: 7px;\n\tcolor: rgba(255,255,255,.64);\n\tfont-size: 9px;\n\tfont-weight: 900;\n\tletter-spacing: .15em;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-project-copy strong {\n\tdisplay: block;\n\tfont-family: var(--hadal-display);\n\tfont-size: clamp(24px,2.2vw,34px);\n\tfont-stretch: condensed;\n\tfont-weight: 900;\n\tletter-spacing: -.02em;\n\tline-height: 1;\n\ttext-transform: uppercase;\n}\n\n\/* HADAL POSLOVNI PROSTOR *\/\n\n.hadal-v2-workshop {\n\tposition: relative;\n\tmargin: 0;\n\toverflow: hidden;\n\tbackground: var(--hadal-black);\n}\n\n.hadal-v2-workshop::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tinset: 0;\n\tbackground: linear-gradient(180deg, transparent 62%, rgba(0,0,0,.5) 100%);\n\tpointer-events: none;\n}\n\n.hadal-v2-workshop img {\n\tdisplay: block;\n\twidth: 100%;\n\theight: auto;\n}\n\n.hadal-v2-workshop figcaption {\n\tposition: absolute;\n\tbottom: clamp(24px,4vw,58px);\n\tleft: max(48px,calc((100vw - 1480px)\/2));\n\tz-index: 2;\n\tpadding: 14px 18px;\n\tborder-left: 5px solid var(--hadal-red);\n\tbackground: rgba(18,18,18,.76);\n\tcolor: #fff;\n\tfont-size: clamp(11px,.9vw,14px);\n\tfont-weight: 900;\n\tletter-spacing: .16em;\n\tline-height: 1.4;\n\ttext-transform: uppercase;\n}\n\n\/* KONTAKT *\/\n\n.hadal-v2-contact {\n\tdisplay: grid;\n\tgrid-template-columns: minmax(0,1.15fr) minmax(320px,.65fr);\n\tgap: 45px clamp(60px,8vw,130px);\n\talign-items: center;\n\tpadding: clamp(82px,8vw,125px) clamp(32px,7vw,118px);\n\tbackground: var(--hadal-red);\n\tcolor: #fff;\n}\n\n.hadal-v2-contact .hadal-v2-label {\n\tcolor: rgba(255,255,255,.68);\n\tfont-size: clamp(13px,.95vw,16px);\n}\n\n.hadal-v2-contact h2 {\n\tmax-width: 920px;\n\tmargin-top: 24px;\n\tcolor: #fff;\n}\n\n.hadal-v2-contact-links {\n\tborder-top: 1px solid rgba(255,255,255,.38);\n}\n\n.hadal-v2-contact-link {\n\tdisplay: block;\n\tpadding: 18px 0;\n\tborder-bottom: 1px solid rgba(255,255,255,.38);\n\tcolor: #fff !important;\n\ttext-decoration: none !important;\n}\n\n.hadal-v2-contact-link small {\n\tdisplay: block;\n\tcolor: rgba(255,255,255,.64);\n\tfont-size: 9px;\n\tfont-weight: 900;\n\tletter-spacing: .15em;\n\ttext-transform: uppercase;\n}\n\n.hadal-v2-contact-link strong {\n\tdisplay: block;\n\tmargin-top: 5px;\n\tfont-size: 17px;\n\tline-height: 1.35;\n}\n\n\/* TABLET *\/\n\n@media (max-width: 1100px) {\n\t.hadal-v2-hero {\n\t\tgrid-template-columns: 1fr 1fr;\n\t}\n\n\t.hadal-v2-services-grid,\n\t.hadal-v2-projects-grid {\n\t\tgrid-template-columns: repeat(2,minmax(0,1fr));\n\t}\n\n\t.hadal-v2-core,\n\t.hadal-v2-scale,\n\t.hadal-v2-contact {\n\t\tgrid-template-columns: 1fr 1fr;\n\t}\n}\n\n@media (max-width: 900px) {\n\t.hadal-v2-hero {\n\t\tgrid-template-columns: 1fr;\n\t\tmin-height: 0;\n\t}\n\n\t.hadal-v2-hero-copy {\n\t\tpadding: 78px clamp(30px,8vw,68px) 72px;\n\t}\n\n\t.hadal-v2-hero-visual {\n\t\tmin-height: 500px;\n\t}\n}\n\n\/* MOBITEL *\/\n\n@media (max-width: 760px) {\n\t.hadal-home-v2 {\n\t\twidth: 100vw;\n\t\tmax-width: 100vw;\n\t}\n\n\t.hadal-v2-hero,\n\t.hadal-v2-intro,\n\t.hadal-v2-core,\n\t.hadal-v2-scale,\n\t.hadal-v2-projects-head,\n\t.hadal-v2-contact {\n\t\tgrid-template-columns: 1fr;\n\t}\n\n\t.hadal-v2-hero {\n\t\tmin-height: 0;\n\t}\n\n\t.hadal-v2-hero-copy {\n\t\tpadding: 72px 24px 68px;\n\t}\n\n\t.hadal-v2-hero h1 {\n\t\tmax-width: 100%;\n\t}\n\n\t.hadal-v2-title-3d {\n\t\tfont-size: clamp(52px,14vw,72px);\n\t\tmargin-bottom: 13px;\n\t}\n\n\t.hadal-v2-title-light {\n\t\tfont-size: clamp(34px,9.2vw,48px);\n\t}\n\n\t.hadal-v2-hero-visual {\n\t\tmin-height: 430px;\n\t}\n\n\t.hadal-v2-actions .hadal-v2-button {\n\t\twidth: 100%;\n\t}\n\n\t.hadal-v2-capabilities,\n\t.hadal-v2-projects {\n\t\tpadding-right: 20px;\n\t\tpadding-left: 20px;\n\t}\n\n\t.hadal-v2-intro h2,\n\t.hadal-v2-projects h2,\n\t.hadal-v2-contact h2,\n\t.hadal-v2-scale-copy h2 {\n\t\tfont-size: clamp(44px,12vw,64px);\n\t}\n\n\t.hadal-v2-core {\n\t\tmin-height: 0;\n\t\tpadding: 42px 26px;\n\t}\n\n\t.hadal-v2-core strong {\n\t\tfont-size: clamp(40px,11vw,58px);\n\t}\n\n\t.hadal-v2-services-grid,\n\t.hadal-v2-projects-grid {\n\t\tgrid-template-columns: 1fr;\n\t}\n\n\t.hadal-v2-service-image {\n\t\theight: 245px;\n\t}\n\n\t.hadal-v2-service-copy {\n\t\tmin-height: 0;\n\t}\n\n\t.hadal-v2-services-cta {\n\t\tjustify-content: stretch;\n\t}\n\n\t.hadal-v2-services-cta .hadal-v2-button {\n\t\twidth: 100%;\n\t}\n\n\t.hadal-v2-scale-visual {\n\t\tmin-height: 480px;\n\t}\n\n\t.hadal-v2-scale-copy {\n\t\tpadding: 68px 24px 76px;\n\t}\n\n\t.hadal-v2-project {\n\t\tmin-height: 390px;\n\t}\n\n\t.hadal-v2-contact {\n\t\tpadding: 72px 24px 78px;\n\t}\n}\n\n@media (max-width: 760px) {\n\t.hadal-v2-workshop figcaption {\n\t\tbottom: 18px;\n\t\tleft: 20px;\n\t\tpadding: 11px 14px;\n\t}\n}\n\n@media (prefers-reduced-motion: reduce) {\n\t.hadal-home-v2 *,\n\t.hadal-home-v2 *::before,\n\t.hadal-home-v2 *::after {\n\t\tscroll-behavior: auto !important;\n\t\ttransition: none !important;\n\t}\n\n}\n<\/style>\n\n<!-- HERO -->\n\n<section class=\"hadal-v2-hero\">\n\t<div class=\"hadal-v2-hero-copy\">\n\t\t<span class=\"hadal-v2-label\">Tehnologija izrade<\/span>\n\n\t\t<h1>\n\t\t\t<span class=\"hadal-v2-title-3d\">3D SLOVA<\/span>\n\t\t\t<span class=\"hadal-v2-red hadal-v2-title-light\">SVJETLE\u0106E REKLAME<\/span>\n\t\t<\/h1>\n\n\t\t<p class=\"hadal-v2-hero-text\">\n\t\t\tVlastita proizvodnja reklamnih elemenata po mjeri. Od tehni\u010dke pripreme i izrade do zavr\u0161ne obrade i monta\u017ee.\n\t\t<\/p>\n\n\t\t<div class=\"hadal-v2-actions\">\n\t\t\t<a class=\"hadal-v2-button\" href=\"#hadal-v2-usluge\">Pogledajte usluge<\/a>\n\t\t\t<a class=\"hadal-v2-button hadal-v2-button--outline\" href=\"#hadal-v2-projekti\">Odabrani projekti<\/a>\n\t\t<\/div>\n\t<\/div>\n\n\t<figure class=\"hadal-v2-hero-visual\">\n\t\t<img decoding=\"async\" src=\"https:\/\/www.hadal.hr\/wp-content\/uploads\/2026\/08\/Izrada-velikih-3D-slova-u-radionici-HADAL.jpg\" alt=\"Izrada velikih metalnih 3D slova u radionici HADAL\" fetchpriority=\"high\">\n\t\t<figcaption class=\"hadal-v2-project-tag\">\n\t\t\t<small>Vlastita proizvodnja<\/small>\n\t\t\t<strong>3D slova u izradi<\/strong>\n\t\t<\/figcaption>\n\t<\/figure>\n<\/section>\n\n<!-- USLUGE I TEHNOLOGIJA -->\n\n<section id=\"hadal-v2-usluge\" class=\"hadal-v2-capabilities\">\n\t<div class=\"hadal-v2-capabilities-inner\">\n\t\t<span class=\"hadal-v2-label\">Proizvodi i usluge<\/span>\n\n\t\t<div class=\"hadal-v2-intro\">\n\t\t\t<h2>Od ideje do monta\u017ee.<\/h2>\n\t\t\t<p>\n\t\t\t\tU vlastitoj proizvodnji izra\u0111ujemo 3D slova, svjetle\u0107e reklame i reklamne elemente po mjeri, uz CNC i lasersku obradu, obradu pleksiglasa i zavr\u0161nu monta\u017eu.\n\t\t\t<\/p>\n\t\t<\/div>\n\n\t\t<a class=\"hadal-v2-core\" href=\"\/3d-slova\/\">\n\t\t\t<span class=\"hadal-v2-core-main\">\n\t\t\t\t<span class=\"hadal-v2-core-kicker\">Na\u0161a specijalnost<\/span>\n\t\t\t\t<strong>3D slova i svjetle\u0107e reklame iz vlastite proizvodnje.<\/strong>\n\t\t\t<\/span>\n\n\t\t\t<span class=\"hadal-v2-core-side\">\n\t\t\t\t<span>Projektiranje, izrada, rasvjeta i zavr\u0161na monta\u017ea reklamnih elemenata po mjeri, od malih detalja do konstrukcija velikog formata.<\/span>\n\t\t\t\t<b>Vi\u0161e o 3D slovima \u2197<\/b>\n\t\t\t<\/span>\n\t\t<\/a>\n\n\t\t<div class=\"hadal-v2-services-grid\">\n\t\t\t<article class=\"hadal-v2-service\">\n\t\t\t\t<a class=\"hadal-v2-service-image\" href=\"\/3d-slova\/\" aria-label=\"3D slova\">\n\t\t\t\t\t<img src=\"https:\/\/www.hadal.hr\/wp-content\/uploads\/2026\/08\/hadal_cabas_3d_slova.jpg\" alt=\"Svjetle\u0107a 3D slova \u010cabas u izvedbi Hadala\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t<span class=\"hadal-v2-service-number\">01<\/span>\n\t\t\t\t\t<span class=\"hadal-v2-service-arrow\" aria-hidden=\"true\">\u2197<\/span>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"hadal-v2-service-copy\">\n\t\t\t\t\t<h3><a href=\"\/3d-slova\/\">3D slova<\/a><\/h3>\n\t\t\t\t\t<p>Svjetle\u0107a i nesvjetle\u0107a slova, od preciznih elemenata do konstrukcija velikog formata.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/article>\n\n\t\t\t<article class=\"hadal-v2-service\">\n\t\t\t\t<a class=\"hadal-v2-service-image\" href=\"\/usluge\/\" aria-label=\"Svjetle\u0107e i neonske reklame\">\n\t\t\t\t\t<img src=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/led-neon.jpg\" alt=\"LED neonska reklama Burger's u izvedbi Hadala\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t<span class=\"hadal-v2-service-number\">02<\/span>\n\t\t\t\t\t<span class=\"hadal-v2-service-arrow\" aria-hidden=\"true\">\u2197<\/span>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"hadal-v2-service-copy\">\n\t\t\t\t\t<h3><a href=\"\/usluge\/\">Svjetle\u0107e i neonske reklame<\/a><\/h3>\n\t\t\t\t\t<p>LED, neonske i druge svjetle\u0107e izvedbe prilago\u0111ene interijeru, eksterijeru i identitetu brenda.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/article>\n\n\t\t\t<article class=\"hadal-v2-service\">\n\t\t\t\t<a class=\"hadal-v2-service-image\" href=\"\/totemi\/\" aria-label=\"Totemi\">\n\t\t\t\t\t<img src=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/totem-party.jpg\" alt=\"Svjetle\u0107i totem Party Avion u izvedbi Hadala\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t<span class=\"hadal-v2-service-number\">03<\/span>\n\t\t\t\t\t<span class=\"hadal-v2-service-arrow\" aria-hidden=\"true\">\u2197<\/span>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"hadal-v2-service-copy\">\n\t\t\t\t\t<h3><a href=\"\/totemi\/\">Totemi<\/a><\/h3>\n\t\t\t\t\t<p>Samostoje\u0107i svjetle\u0107i i nesvjetle\u0107i totemi prilago\u0111eni identitetu, prostoru i na\u010dinu monta\u017ee.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/article>\n\n\t\t\t<article class=\"hadal-v2-service\">\n\t\t\t\t<a class=\"hadal-v2-service-image\" href=\"https:\/\/hadal.hr\/?page_id=16746\" aria-label=\"CNC i laserska obrada\">\n\t\t\t\t\t<img src=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/CNC-i-laserska-obrada.jpg\" alt=\"CNC i laserska obrada u radionici HADAL\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t<span class=\"hadal-v2-service-number\">04<\/span>\n\t\t\t\t\t<span class=\"hadal-v2-service-arrow\" aria-hidden=\"true\">\u2197<\/span>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"hadal-v2-service-copy\">\n\t\t\t\t\t<h3><a href=\"https:\/\/hadal.hr\/?page_id=16746\">CNC i laserska obrada<\/a><\/h3>\n\t\t\t\t\t<p>Rezanje, bu\u0161enje i graviranje elemenata po mjeri za preciznu daljnju izradu.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/article>\n\n\t\t\t<article class=\"hadal-v2-service\">\n\t\t\t\t<a class=\"hadal-v2-service-image\" href=\"\/pleksiglas\/\" aria-label=\"Pleksiglas i elementi po mjeri\">\n\t\t\t\t\t<img src=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/rodos.jpg\" alt=\"Crni 3D elementi od pleksiglasa Rodos u izvedbi Hadala\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t<span class=\"hadal-v2-service-number\">05<\/span>\n\t\t\t\t\t<span class=\"hadal-v2-service-arrow\" aria-hidden=\"true\">\u2197<\/span>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"hadal-v2-service-copy\">\n\t\t\t\t\t<h3><a href=\"\/pleksiglas\/\">Pleksiglas i elementi po mjeri<\/a><\/h3>\n\t\t\t\t\t<p>Rezanje, graviranje, poliranje, savijanje, termoformiranje i lijepljenje pleksiglasa.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/article>\n\n\t\t\t<article class=\"hadal-v2-service\">\n\t\t\t\t<a class=\"hadal-v2-service-image\" href=\"\/usluge\/\" aria-label=\"Folije i naljepnice\">\n\t\t\t\t\t<img src=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/08\/Party-Avion-u-Stubi\u010dkim-Toplicama-izvedba-HADAL.jpg\" alt=\"Party Avion u Stubi\u010dkim Toplicama, izvedba HADAL\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t<span class=\"hadal-v2-service-number\">06<\/span>\n\t\t\t\t\t<span class=\"hadal-v2-service-arrow\" aria-hidden=\"true\">\u2197<\/span>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"hadal-v2-service-copy\">\n\t\t\t\t\t<h3><a href=\"\/usluge\/\">Folije i naljepnice<\/a><\/h3>\n\t\t\t\t\t<p>Izrada i apliciranje folija za izloge, vozila, zidove, plo\u010de i promotivne povr\u0161ine.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/article>\n\t\t<\/div>\n\n\t\t<div class=\"hadal-v2-services-cta\">\n\t\t\t<a class=\"hadal-v2-button\" href=\"\/usluge\/\">Sve usluge<\/a>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<!-- DOKAZ RASPONA DIMENZIJA -->\n\n\t<section class=\"hadal-v2-scale\">\n\t<figure class=\"hadal-v2-scale-visual\">\n\t\t<img src=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/malo-svjetlece-slovo-H.jpg\" alt=\"Malo svjetle\u0107e slovo H uz upalja\u010d kao prikaz preciznosti izrade HADAL\" loading=\"lazy\" decoding=\"async\">\n\t\t<figcaption class=\"hadal-v2-scale-stamp\">\n\t\t\t<strong>H<\/strong>\n\t\t\t<small>Svjetle\u0107e slovo po mjeri<\/small>\n\t\t<\/figcaption>\n\t<\/figure>\n\n\t<div class=\"hadal-v2-scale-copy\">\n\t\t<span class=\"hadal-v2-label\">Dokaz mogu\u0107nosti<\/span>\n\t\t<h2>Od detalja koji stane na dlan do izvedbe od 9 metara.<\/h2>\n\t\t<p>\n\t\t\tOd preciznih malih slova do konstrukcija visokih 2,5 metra i dugih 9 metara. Svaku izvedbu prilago\u0111avamo prostoru, materijalu, rasvjeti i na\u010dinu monta\u017ee.\n\t\t<\/p>\n\n\t\t<div class=\"hadal-v2-metrics\" aria-label=\"Primjeri dimenzija izvedbe\">\n\t\t\t<div class=\"hadal-v2-metric\">\n\t\t\t\t<strong>2,5 m<\/strong>\n\t\t\t\t<span>Visina<\/span>\n\t\t\t<\/div>\n\t\t\t<div class=\"hadal-v2-metric\">\n\t\t\t\t<strong>9 m<\/strong>\n\t\t\t\t<span>Du\u017eina<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"hadal-v2-materials\">\n\t\t\tPleksiglas, aluminij, inox i drugi materijali<br>\n\t\t\tDirektna i indirektna LED rasvjeta<br>\n\t\t\tVlastita izrada i monta\u017ea\n\t\t<\/div>\n\n\t\t<a class=\"hadal-v2-button\" href=\"\/3d-slova\/\">Vi\u0161e o 3D slovima<\/a>\n\t<\/div>\n<\/section>\n\n<!-- PROJEKTI -->\n\n<section id=\"hadal-v2-projekti\" class=\"hadal-v2-projects\">\n\t<div class=\"hadal-v2-projects-inner\">\n\t\t<span class=\"hadal-v2-label\">Odabrane izvedbe<\/span>\n\n\t\t<div class=\"hadal-v2-projects-head\">\n\t\t\t<h2>Radovi izvedeni za stvarne prostore.<\/h2>\n\t\t\t<p class=\"hadal-v2-projects-intro\">\n\t\t\t\tOd radionice do monta\u017ee, odabrana 3D slova, svjetle\u0107e reklame, totemi i posebne izvedbe.\n\t\t\t<\/p>\n\t\t<\/div>\n\n\t\t<div class=\"hadal-v2-projects-grid\">\n\t\t\t<a class=\"hadal-v2-project\" href=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/party-avion.jpg\" target=\"_blank\" rel=\"noopener\" aria-label=\"Otvori fotografiju projekta Party Avion\">\n\t\t\t\t<img src=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/party-avion.jpg\" alt=\"Party Avion, 3D slova velikog formata\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t<span class=\"hadal-v2-project-copy\"><small>3D slova velikog formata<\/small><strong>Party Avion<\/strong><\/span>\n\t\t\t<\/a>\n\n\t\t\t<a class=\"hadal-v2-project\" href=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/Mlakar-Vilicari.jpg\" target=\"_blank\" rel=\"noopener\" aria-label=\"Otvori fotografiju projekta Mlakar Vili\u010dari\">\n\t\t\t\t<img src=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/Mlakar-Vilicari.jpg\" alt=\"Mlakar Vili\u010dari, krovna 3D reklama u izvedbi Hadala\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t<span class=\"hadal-v2-project-copy\"><small>Krovna 3D reklama<\/small><strong>Mlakar Vili\u010dari<\/strong><\/span>\n\t\t\t<\/a>\n\n\t\t\t<a class=\"hadal-v2-project\" href=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/MIAGRA-svjetleca-reklama.jpg\" target=\"_blank\" rel=\"noopener\" aria-label=\"Otvori fotografiju projekta Miagra\">\n\t\t\t\t<img src=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/MIAGRA-svjetleca-reklama.jpg\" alt=\"Miagra, svjetle\u0107a fasadna reklama u izvedbi Hadala\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t<span class=\"hadal-v2-project-copy\"><small>Svjetle\u0107a fasadna reklama<\/small><strong>Miagra<\/strong><\/span>\n\t\t\t<\/a>\n\n\t\t\t<a class=\"hadal-v2-project\" href=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/Rodos-totem.jpg\" target=\"_blank\" rel=\"noopener\" aria-label=\"Otvori fotografiju totema Rodos\">\n\t\t\t\t<img src=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/Rodos-totem.jpg\" alt=\"Rodos, samostoje\u0107i totem u izvedbi Hadala\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t<span class=\"hadal-v2-project-copy\"><small>Samostoje\u0107i totem<\/small><strong>Rodos<\/strong><\/span>\n\t\t\t<\/a>\n\n\t\t\t<a class=\"hadal-v2-project\" href=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/ambient-nekretnine.jpg\" target=\"_blank\" rel=\"noopener\" aria-label=\"Otvori fotografiju projekta Ambienta nekretnine\">\n\t\t\t\t<img src=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/ambient-nekretnine.jpg\" alt=\"Ambienta nekretnine, svjetle\u0107a reklama\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t<span class=\"hadal-v2-project-copy\"><small>Svjetle\u0107a reklama<\/small><strong>Ambienta nekretnine<\/strong><\/span>\n\t\t\t<\/a>\n\n\t\t\t<a class=\"hadal-v2-project\" href=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/caparol-3d.jpg\" target=\"_blank\" rel=\"noopener\" aria-label=\"Otvori fotografiju projekta Caparol\">\n\t\t\t\t<img src=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/caparol-3d.jpg\" alt=\"Caparol, 3D svjetle\u0107a reklama\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t<span class=\"hadal-v2-project-copy\"><small>3D svjetle\u0107a reklama<\/small><strong>Caparol<\/strong><\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\t<\/div>\n<\/section>\n\n<!-- HADAL POSLOVNI PROSTOR -->\n\n<figure class=\"hadal-v2-workshop\">\n\t<img src=\"https:\/\/hadal.hr\/wp-content\/uploads\/2026\/09\/hadal-poslovni-prostor-svjetleca-reklama.jpg\" alt=\"Poslovni prostor HADAL sa svjetle\u0107om reklamom u Zagrebu\" loading=\"lazy\" decoding=\"async\">\n\t<figcaption>HADAL \u00b7 Zagreb<\/figcaption>\n<\/figure>\n\n<!-- KONTAKT -->\n\n<section id=\"hadal-v2-kontakt\" class=\"hadal-v2-contact\">\n\t<div>\n\t\t<span class=\"hadal-v2-label\">Kontakt<\/span>\n\t\t<h2>Va\u0161 projekt.<br>Na\u0161a precizna izvedba.<\/h2>\n\t<\/div>\n\n\t<div class=\"hadal-v2-contact-links\">\n\t\t<a class=\"hadal-v2-contact-link\" href=\"tel:+38513733250\">\n\t\t\t<small>Telefon<\/small>\n\t\t\t<strong>+385 1 3733 250<\/strong>\n\t\t<\/a>\n\t\t<a class=\"hadal-v2-contact-link\" href=\"tel:+385915109210\">\n\t\t\t<small>Mobitel<\/small>\n\t\t\t<strong>+385 91 510 9210<\/strong>\n\t\t<\/a>\n\t\t<a class=\"hadal-v2-contact-link\" href=\"mailto:info@hadal.hr\">\n\t\t\t<small>E-po\u0161ta<\/small>\n\t\t\t<strong>info@hadal.hr<\/strong>\n\t\t<\/a>\n\t\t<a class=\"hadal-v2-contact-link\" href=\"https:\/\/maps.google.com\/?q=Samoborska+cesta+91a+10090+Zagreb\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t<small>Lokacija<\/small>\n\t\t\t<strong>Samoborska cesta 91a, 10090 Zagreb<\/strong>\n\t\t<\/a>\n\t\t<a class=\"hadal-v2-contact-link\" href=\"https:\/\/www.facebook.com\/profile.php?id=100083421005244\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t<small>Dru\u0161tvena mre\u017ea<\/small>\n\t\t\t<strong>Facebook<\/strong>\n\t\t<\/a>\n\t<\/div>\n<\/section>\n\n<\/div>\n\n\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":{"footnotes":""},"class_list":["post-15234","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] .entry-header .page-title {--theme-font-size:30px;} [data-prefix=\"single_page\"] .entry-header .entry-meta {--theme-font-weight:600;--theme-text-transform:uppercase;--theme-font-size:12px;--theme-line-height:1.3;} [data-prefix=\"single_page\"] [class*=\"ct-container\"] > article[class*=\"post\"] {--has-boxed:var(--false);--has-wide:var(--true);}","tablet":"","mobile":""},"google_fonts":[],"version":7},"has_hero_section":"enabled","page_structure_type":"type-4","hero_elements":[{"id":"custom_title","enabled":false,"heading_tag":"h1","title":"Po\u010detna stranica","__id":"5ToWUpJRQo2Xbu7BUIyBQ"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false},"__id":"hDRjZzs1F01A4eFt7H_Qq"},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"Od","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"Uklju\u010deno","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"Uklju\u010deno","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"u","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true},"__id":"JqHlSvcTlCrhHm5CW43R2"},{"id":"breadcrumbs","enabled":false,"__id":"SYPXYnW1WgFXh4DjtVb_n"}],"content_style_source":"custom","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none"},"_links":{"self":[{"href":"https:\/\/hadal.hr\/index.php?rest_route=\/wp\/v2\/pages\/15234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hadal.hr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hadal.hr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hadal.hr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hadal.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15234"}],"version-history":[{"count":62,"href":"https:\/\/hadal.hr\/index.php?rest_route=\/wp\/v2\/pages\/15234\/revisions"}],"predecessor-version":[{"id":16861,"href":"https:\/\/hadal.hr\/index.php?rest_route=\/wp\/v2\/pages\/15234\/revisions\/16861"}],"wp:attachment":[{"href":"https:\/\/hadal.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}