{"id":1203,"date":"2026-07-09T17:58:21","date_gmt":"2026-07-09T17:58:21","guid":{"rendered":"https:\/\/displero.com\/projects\/"},"modified":"2026-09-22T18:45:53","modified_gmt":"2026-09-22T18:45:53","slug":"projects","status":"publish","type":"page","link":"https:\/\/displero.com\/pl\/projects\/","title":{"rendered":"Projekty"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1203\" class=\"elementor elementor-1203\">\n\t\t\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-6f7c2cc e-con-full e-flex e-con e-parent\" data-id=\"6f7c2cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b54ce2 elementor-widget elementor-widget-html\" data-id=\"6b54ce2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- DISPLERO PROJECTS V3 FIXED | Replace the OLD widget completely. -->\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=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<div class=\"dp3-root\" id=\"displero-projects-v3\">\n  <section class=\"dp3-hero\">\n    <div class=\"dp3-hero-inner\">\n      <div class=\"dp3-hero-copy\">\n        <div class=\"dp3-tag\"><i><\/i> DISPLERO \/ PROJECTS<\/div>\n        <div class=\"dp3-overline\">01 \/ SELECTED WORK<\/div>\n        <h1>BUILT TO<br>BE <em>SEEN.<\/em><\/h1>\n        <p>Discover the installations, technology and details behind our work.<\/p>\n        <a class=\"dp3-hero-link\" href=\"#dp3-gallery\">EXPLORE PROJECTS <span>\u2198<\/span><\/a>\n      <\/div>\n      <div class=\"dp3-float-scene\" aria-hidden=\"true\">\n        <div class=\"dp3-floating dp3-floating-a\"><b>01<\/b><img alt=\"\"><\/div>\n        <div class=\"dp3-floating dp3-floating-b\"><b>02<\/b><img alt=\"\"><\/div>\n        <div class=\"dp3-floating dp3-floating-c\"><b>03<\/b><img alt=\"\"><\/div>\n        <span class=\"dp3-scene-mark\">REAL WORK \/ REAL INSTALLATIONS<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"dp3-hero-foot\"><span>DISPLERO\u00ae<\/span><span>SCROLL TO EXPLORE \u2193<\/span><span>SHAPING THE FUTURE OF DISPLAYS<\/span><\/div>\n  <\/section>\n\n  <section class=\"dp3-gallery\" id=\"dp3-gallery\">\n    <div class=\"dp3-shell\">\n      <div class=\"dp3-gallery-heading\">\n        <div><div class=\"dp3-section-tag\">02 \/ THE GALLERY<\/div><h2>SELECTED<br><em>PROJECTS.<\/em><\/h2><\/div>\n        <p>Move through our work. Filter the gallery and select a project to view its photograph.<\/p>\n      <\/div>\n      <div class=\"dp3-toolbar\">\n        <div class=\"dp3-filters\" role=\"group\" aria-label=\"Filter projects\">\n          <button type=\"button\" class=\"dp3-filter is-active\" data-filter=\"all\" aria-pressed=\"true\">ALL PROJECTS<\/button>\n          <button type=\"button\" class=\"dp3-filter\" data-filter=\"led\" aria-pressed=\"false\">LED VIDEOWALLS<\/button>\n          <button type=\"button\" class=\"dp3-filter\" data-filter=\"touch\" aria-pressed=\"false\">TOUCH SOLUTIONS<\/button>\n          <button type=\"button\" class=\"dp3-filter\" data-filter=\"av\" aria-pressed=\"false\">AV INSTALLATION<\/button>\n          <button type=\"button\" class=\"dp3-filter\" data-filter=\"support\" aria-pressed=\"false\">SUPPORT<\/button>\n        <\/div>\n        <div class=\"dp3-controls\">\n          <button type=\"button\" class=\"dp3-prev\" aria-label=\"Previous project\">\u2190<\/button>\n          <button type=\"button\" class=\"dp3-next\" aria-label=\"Next project\">\u2192<\/button>\n        <\/div>\n      <\/div>\n\n      <!-- EDIT ONLY SIX data-image=\"...\" LINKS AND ACTUAL PROJECT NAMES BELOW. Keep your existing image URLs when replacing an edited widget. -->\n      <div class=\"dp3-window\" tabindex=\"0\" role=\"region\" aria-label=\"Project slider\">\n        <div class=\"dp3-track\">\n          <button type=\"button\" class=\"dp3-card\" data-category=\"led\" data-image=\"WKLEJ_ZDJECIE_1\">\n            <div class=\"dp3-picture\"><div class=\"dp3-placeholder\">DISPLERO <b>01<\/b><small>YOUR PROJECT PHOTO<\/small><\/div><img loading=\"lazy\" draggable=\"false\" alt=\"\"><span class=\"dp3-plus\">\u2197<\/span><\/div>\n            <div class=\"dp3-card-info\"><div><span class=\"dp3-card-cat\">LED VIDEOWALLS<\/span><h3>LED VIDEOWALL INSTALLATION<\/h3><\/div><span>01 \/ 06<\/span><\/div>\n          <\/button>\n          <button type=\"button\" class=\"dp3-card\" data-category=\"touch\" data-image=\"WKLEJ_ZDJECIE_2\">\n            <div class=\"dp3-picture\"><div class=\"dp3-placeholder\">DISPLERO <b>02<\/b><small>YOUR PROJECT PHOTO<\/small><\/div><img loading=\"lazy\" draggable=\"false\" alt=\"\"><span class=\"dp3-plus\">\u2197<\/span><\/div>\n            <div class=\"dp3-card-info\"><div><span class=\"dp3-card-cat\">TOUCH SOLUTIONS<\/span><h3>INTERACTIVE TOUCH SOLUTION<\/h3><\/div><span>02 \/ 06<\/span><\/div>\n          <\/button>\n          <button type=\"button\" class=\"dp3-card\" data-category=\"av\" data-image=\"WKLEJ_ZDJECIE_3\">\n            <div class=\"dp3-picture\"><div class=\"dp3-placeholder\">DISPLERO <b>03<\/b><small>YOUR PROJECT PHOTO<\/small><\/div><img loading=\"lazy\" draggable=\"false\" alt=\"\"><span class=\"dp3-plus\">\u2197<\/span><\/div>\n            <div class=\"dp3-card-info\"><div><span class=\"dp3-card-cat\">AV INSTALLATION<\/span><h3>PROFESSIONAL AV INSTALLATION<\/h3><\/div><span>03 \/ 06<\/span><\/div>\n          <\/button>\n          <button type=\"button\" class=\"dp3-card\" data-category=\"led\" data-image=\"WKLEJ_ZDJECIE_4\">\n            <div class=\"dp3-picture\"><div class=\"dp3-placeholder\">DISPLERO <b>04<\/b><small>YOUR PROJECT PHOTO<\/small><\/div><img loading=\"lazy\" draggable=\"false\" alt=\"\"><span class=\"dp3-plus\">\u2197<\/span><\/div>\n            <div class=\"dp3-card-info\"><div><span class=\"dp3-card-cat\">LED VIDEOWALLS<\/span><h3>LARGE-FORMAT DISPLAY<\/h3><\/div><span>04 \/ 06<\/span><\/div>\n          <\/button>\n          <button type=\"button\" class=\"dp3-card\" data-category=\"touch\" data-image=\"WKLEJ_ZDJECIE_5\">\n            <div class=\"dp3-picture\"><div class=\"dp3-placeholder\">DISPLERO <b>05<\/b><small>YOUR PROJECT PHOTO<\/small><\/div><img loading=\"lazy\" draggable=\"false\" alt=\"\"><span class=\"dp3-plus\">\u2197<\/span><\/div>\n            <div class=\"dp3-card-info\"><div><span class=\"dp3-card-cat\">TOUCH SOLUTIONS<\/span><h3>CUSTOM TOUCH INTEGRATION<\/h3><\/div><span>05 \/ 06<\/span><\/div>\n          <\/button>\n          <button type=\"button\" class=\"dp3-card\" data-category=\"support\" data-image=\"WKLEJ_ZDJECIE_6\">\n            <div class=\"dp3-picture\"><div class=\"dp3-placeholder\">DISPLERO <b>06<\/b><small>YOUR PROJECT PHOTO<\/small><\/div><img loading=\"lazy\" draggable=\"false\" alt=\"\"><span class=\"dp3-plus\">\u2197<\/span><\/div>\n            <div class=\"dp3-card-info\"><div><span class=\"dp3-card-cat\">MAINTENANCE & SUPPORT<\/span><h3>DISPLAY SERVICE & SUPPORT<\/h3><\/div><span>06 \/ 06<\/span><\/div>\n          <\/button>\n        <\/div>\n      <\/div>\n      <div class=\"dp3-gallery-foot\"><div class=\"dp3-progress\"><span><\/span><\/div><div class=\"dp3-progress-caption\"><span>DRAG OR USE THE ARROWS<\/span><strong class=\"dp3-counter\">01 \/ 06<\/strong><\/div><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"dp3-cta\"><div class=\"dp3-shell\"><div class=\"dp3-cta-label\">03 \/ WHAT'S NEXT <span>DISPLERO\u00ae<\/span><\/div><h2>YOUR PROJECT<br>COULD BE <em>NEXT.<\/em><\/h2><div class=\"dp3-cta-foot\"><p>Have a display project in mind? Let's make it happen.<\/p><a href=\"https:\/\/displero.com\/contact-2\/\">LET'S TALK <span>\u2197<\/span><\/a><\/div><\/div><\/section>\n\n  <div class=\"dp3-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Project photo preview\" hidden>\n    <div class=\"dp3-modal-top\"><span>DISPLERO \/ PROJECT VIEW<\/span><button type=\"button\" class=\"dp3-modal-close\" aria-label=\"Close preview\">\u00d7<\/button><\/div>\n    <div class=\"dp3-modal-mid\"><button type=\"button\" class=\"dp3-modal-prev\" aria-label=\"Previous image\">\u2190<\/button><div class=\"dp3-modal-photo\"><span>ADD A PROJECT PHOTO<\/span><img alt=\"\"><\/div><button type=\"button\" class=\"dp3-modal-next\" aria-label=\"Next image\">\u2192<\/button><\/div>\n    <div class=\"dp3-modal-bottom\"><div><small class=\"dp3-modal-cat\"><\/small><strong class=\"dp3-modal-title\"><\/strong><\/div><span class=\"dp3-modal-count\"><\/span><\/div>\n  <\/div>\n<\/div>\n<style>\n\/* Everything is scoped to this widget. *\/\n.dp3-root{--navy:#090D1F;--blue:#5471A4;--steel:#B5C8DE;--light:#F5F6F8;font-family:Manrope,Arial,sans-serif;color:var(--navy);width:100%;max-width:100%;}\n.dp3-root *,.dp3-root *::before,.dp3-root *::after{box-sizing:border-box}\n.dp3-root button,.dp3-root a{font:inherit}\n.dp3-root button{cursor:pointer}\n.dp3-root a{text-decoration:none}\n.dp3-root [hidden]{display:none!important}\n.dp3-shell{width:min(1400px,100%);margin:0 auto;padding:0 30px}\n.dp3-hero{position:relative;overflow:hidden;background:var(--navy);color:white;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px}\n.dp3-hero-inner{width:min(1400px,100%);margin:auto;padding:72px 30px 38px;min-height:550px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}\n.dp3-tag,.dp3-overline,.dp3-hero-foot,.dp3-scene-mark,.dp3-section-tag,.dp3-cta-label{font-weight:800;font-size:10px;letter-spacing:2px}\n.dp3-tag{color:#C3CAD7;display:flex;align-items:center;gap:10px}\n.dp3-tag i{width:8px;height:8px;border-radius:50%;background:var(--steel)}\n.dp3-overline{color:var(--steel);margin:64px 0 22px}\n.dp3-hero h1{font-size:clamp(60px,7.5vw,116px);font-weight:800;line-height:.95;letter-spacing:-.09em;color:white;margin:0}\n.dp3-root h1 em,.dp3-root h2 em{font-style:normal;color:var(--steel)}\n.dp3-hero-copy p{max-width:340px;color:#C3CAD7;font-size:14px;line-height:1.8;margin:27px 0}\n.dp3-hero-link{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-width:245px;padding:16px 19px;border:1px solid #B5C8DE;color:white!important;font-size:11px!important;font-weight:800!important;letter-spacing:1px}\n.dp3-hero-link:hover{background:var(--blue)}.dp3-hero-link span{font-size:24px}\n.dp3-float-scene{height:420px;position:relative;perspective:1000px;transform-style:preserve-3d}\n.dp3-floating{position:absolute;overflow:hidden;border:1px solid #8598b5;background:linear-gradient(145deg,#5471A4,#152641);box-shadow:0 28px 65px #0008;animation:dp3-float 6s ease-in-out infinite}\n.dp3-floating-a{left:4%;top:11%;width:44%;height:64%;--rotation:-10deg;z-index:1}\n.dp3-floating-b{left:31%;top:20%;width:45%;height:70%;--rotation:7deg;z-index:3;animation-delay:-2s}\n.dp3-floating-c{right:2%;top:3%;width:39%;height:56%;--rotation:12deg;z-index:2;animation-delay:-4s}\n@keyframes dp3-float{0%,100%{transform:rotate(var(--rotation)) translateY(0)}50%{transform:rotate(var(--rotation)) translateY(-12px)}}\n.dp3-floating b{display:grid;place-items:center;height:100%;font-size:95px;opacity:.2}\n.dp3-floating img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}\n.dp3-floating.has-image img{opacity:1}\n.dp3-scene-mark{position:absolute;right:0;bottom:0;color:var(--steel);font-size:8px}\n.dp3-hero-foot{display:flex;justify-content:space-between;gap:15px;width:min(1400px,100%);margin:auto;padding:20px 30px;border-top:1px solid #ffffff2e;color:#C3CAD7;font-size:9px}\n.dp3-gallery{background:var(--light);padding:66px 0 78px}\n.dp3-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:30px}\n.dp3-section-tag{color:var(--blue)}\n.dp3-gallery-heading h2{font-size:clamp(44px,6.5vw,84px);font-weight:800;line-height:.97;letter-spacing:-.08em;margin:15px 0 0;color:var(--navy)}\n.dp3-gallery-heading h2 em{color:var(--blue)}\n.dp3-gallery-heading p{font-size:13px;line-height:1.8;color:#54595F;width:280px;max-width:100%;margin:0}\n.dp3-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #cbd2db;padding-top:17px;margin-bottom:18px}\n.dp3-filters{display:flex;gap:7px;flex-wrap:wrap}\n.dp3-root .dp3-filter{font-size:9px!important;line-height:1.2!important;font-weight:800!important;padding:10px 12px!important;min-height:38px;border:1px solid #cbd2db!important;background:transparent!important;color:#54595F!important;border-radius:0!important}\n.dp3-root .dp3-filter.is-active,.dp3-root .dp3-filter:hover{background:var(--navy)!important;color:white!important;border-color:var(--navy)!important}\n.dp3-controls{display:flex;gap:7px;flex-shrink:0}\n.dp3-root .dp3-controls button{width:44px;height:44px;min-width:44px;padding:0!important;background:var(--navy)!important;color:white!important;border:0!important;border-radius:0!important;font-size:23px!important;line-height:1!important}\n.dp3-root .dp3-controls button:disabled{opacity:.27;cursor:default}\n\/* V3 moves the track with translate3d. No browser scrollWidth \/ native horizontal scrolling is required. *\/\n.dp3-window{width:100%;position:relative;overflow:hidden;touch-action:pan-y;outline-offset:5px;cursor:grab}\n.dp3-window.is-dragging{cursor:grabbing;user-select:none}\n.dp3-track{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start;gap:18px;width:100%;min-width:100%;transform:translate3d(0,0,0);transition:transform .45s cubic-bezier(.2,.8,.2,1);will-change:transform}\n.dp3-window.is-dragging .dp3-track{transition:none}\n.dp3-root .dp3-card{display:block!important;box-sizing:border-box;flex:0 0 45%!important;width:45%!important;min-width:0!important;max-width:none!important;text-align:left;background:transparent!important;color:var(--navy)!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;appearance:none}\n.dp3-root .dp3-card[hidden]{display:none!important}\n.dp3-picture{position:relative;width:100%;height:clamp(185px,20vw,270px);overflow:hidden;background:#20395e}\n.dp3-placeholder{position:absolute;inset:0;padding:18px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,#5471A4,#152641);color:white;font-size:10px;font-weight:800;letter-spacing:1px}\n.dp3-placeholder b{align-self:center;font-size:90px;opacity:.25;line-height:1}.dp3-placeholder small{font-size:9px}\n.dp3-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .4s,transform .6s}\n.dp3-card.has-image .dp3-picture img{opacity:1}.dp3-card:hover .dp3-picture img{transform:scale(1.045)}\n.dp3-plus{position:absolute;right:12px;top:12px;background:white;color:var(--navy);font-size:23px;width:39px;height:39px;display:grid;place-items:center}\n.dp3-card-info{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:13px 0 15px;border-bottom:1px solid #cbd2db;min-height:72px}\n.dp3-card-cat{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:1px}\n.dp3-card-info h3{font-size:clamp(15px,1.5vw,20px);line-height:1.25;color:var(--navy);font-weight:800;letter-spacing:-.03em;margin:5px 0 0}\n.dp3-card-info>span{color:#727a86;font-size:9px;font-weight:800;white-space:nowrap}\n.dp3-gallery-foot{margin-top:23px}.dp3-progress{height:3px;background:#cbd2db}.dp3-progress span{display:block;width:0;height:100%;background:var(--blue);transition:width .35s}\n.dp3-progress-caption{display:flex;justify-content:space-between;gap:15px;color:#54595F;font-size:9px;letter-spacing:1.5px;font-weight:800;margin-top:12px}\n.dp3-cta{background:var(--blue);color:white;padding:60px 0 70px;position:relative;overflow:hidden;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:65px 65px}\n.dp3-cta-label{display:flex;justify-content:space-between;color:#e7effb}\n.dp3-cta h2{font-size:clamp(48px,8vw,105px);line-height:.99;letter-spacing:-.08em;color:white;font-weight:800;margin:70px 0 55px}\n.dp3-cta h2 em{color:var(--navy)}\n.dp3-cta-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #ffffff60;padding-top:20px}\n.dp3-cta-foot p{font-size:14px;line-height:1.7;max-width:315px;margin:0}\n.dp3-cta-foot a{display:flex;justify-content:space-between;align-items:center;gap:45px;min-width:240px;padding:18px 20px;background:var(--navy);color:white!important;font-weight:800;font-size:11px;letter-spacing:1px}.dp3-cta-foot a span{font-size:24px}\n.dp3-modal{position:fixed;inset:0;z-index:9999999;width:100vw;height:100dvh;background:#090d1ffb;color:white;display:flex;flex-direction:column;padding:15px 23px}\n.dp3-modal-top,.dp3-modal-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}\n.dp3-modal-top{border-bottom:1px solid #ffffff40;padding-bottom:12px;font-size:10px;font-weight:800;letter-spacing:2px}\n.dp3-root .dp3-modal button{background:transparent!important;color:white!important;border:1px solid #ffffff70!important;border-radius:0!important;padding:0!important;width:45px;height:45px;font-size:24px!important;line-height:1!important;flex-shrink:0}\n.dp3-modal-mid{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:1;min-height:0;padding:15px 0}\n.dp3-modal-photo{height:100%;min-height:0;flex:1;display:grid;place-items:center;overflow:hidden;color:var(--steel);font-weight:800;font-size:12px}\n.dp3-modal-photo img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;display:none}\n.dp3-modal-photo.has-image img{display:block}.dp3-modal-photo.has-image span{display:none}\n.dp3-modal-bottom{border-top:1px solid #ffffff40;padding-top:14px}\n.dp3-modal-bottom>div{display:flex;flex-direction:column;gap:5px}.dp3-modal-cat{color:var(--steel);font-size:9px;letter-spacing:1px}.dp3-modal-title{font-size:17px}.dp3-modal-count{font-size:11px;color:var(--steel)}\n@media(max-width:900px){.dp3-hero-inner{min-height:0}.dp3-float-scene{height:355px}.dp3-root .dp3-card{flex-basis:62%!important;width:62%!important}.dp3-picture{height:235px}}\n@media(max-width:680px){.dp3-hero-inner{display:block;padding:65px 18px 25px}.dp3-overline{margin-top:43px}.dp3-hero h1{font-size:clamp(56px,13vw,85px)}.dp3-float-scene{height:330px;margin-top:30px}.dp3-hero-foot{padding:17px 18px;font-size:8px}.dp3-hero-foot span:last-child{display:none}.dp3-shell{padding:0 18px}.dp3-gallery{padding:52px 0 58px}.dp3-gallery-heading{display:block;margin-bottom:23px}.dp3-gallery-heading h2{font-size:clamp(47px,11vw,70px)}.dp3-gallery-heading p{margin-top:18px}.dp3-toolbar{display:block}.dp3-root .dp3-filter{padding:8px!important;font-size:8px!important}.dp3-controls{justify-content:flex-end;margin-top:14px}.dp3-root .dp3-card{flex-basis:86%!important;width:86%!important}.dp3-track{gap:12px}.dp3-picture{height:205px}.dp3-card-info h3{font-size:16px}.dp3-cta{padding:46px 0 55px}.dp3-cta h2{font-size:clamp(45px,11vw,75px);margin:55px 0 44px}.dp3-cta-foot{display:block}.dp3-cta-foot a{margin-top:22px}.dp3-modal{padding:12px}.dp3-modal-mid{gap:5px}.dp3-root .dp3-modal button{width:34px;height:40px;font-size:18px!important}.dp3-modal-title{font-size:13px}}\n@media(prefers-reduced-motion:reduce){.dp3-root *{animation:none!important;transition:none!important}}\n<\/style>\n<script>\n(function(){\n  'use strict';\n  function boot(root){\n    if(root.dataset.dp3Ready==='yes')return;\n    const win=root.querySelector('.dp3-window'),track=root.querySelector('.dp3-track');\n    const cards=Array.from(root.querySelectorAll('.dp3-card'));\n    const prev=root.querySelector('.dp3-prev'),next=root.querySelector('.dp3-next');\n    if(!win||!track||!cards.length||!prev||!next)return;\n    root.dataset.dp3Ready='yes';\n    const filters=Array.from(root.querySelectorAll('.dp3-filter'));\n    const bar=root.querySelector('.dp3-progress span'),counter=root.querySelector('.dp3-counter');\n    const modal=root.querySelector('.dp3-modal'),modalImg=modal.querySelector('img');\n    const modalPhoto=modal.querySelector('.dp3-modal-photo');\n    const modalTitle=modal.querySelector('.dp3-modal-title');\n    const modalCat=modal.querySelector('.dp3-modal-cat');\n    const modalCount=modal.querySelector('.dp3-modal-count');\n    const reduced=window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;\n    let visible=cards.slice(), index=0, offset=0, max=0, modalIndex=0, lastFocus=null,bodyOverflow='';\n    const clamp=(value,min,maxValue)=>Math.max(min,Math.min(maxValue,value));\n    const urlOK=url=>\/^https?:\\\/\\\/\/i.test(String(url||'').trim());\n    cards.forEach((card,i)=>{\n      const url=card.getAttribute('data-image'),img=card.querySelector('.dp3-picture img');\n      if(urlOK(url)){\n        img.onload=()=>card.classList.add('has-image');\n        img.onerror=()=>card.classList.remove('has-image');\n        img.src=url;\n        if(img.complete ? img.naturalWidth : false)card.classList.add('has-image');\n      }\n      if(i<3 ? urlOK(url) : false){\n        const fly=root.querySelectorAll('.dp3-floating')[i],photo=fly.querySelector('img');\n        photo.onload=()=>fly.classList.add('has-image');\n        photo.src=url;\n      }\n    });\n    function positions(){\n      if(!visible.length)return [];\n      const first=visible[0].offsetLeft;\n      return visible.map(c=>c.offsetLeft-first);\n    }\n    function measure(){\n      visible=cards.filter(c=>!c.hidden);\n      const pos=positions();\n      const last=visible[visible.length-1];\n      max=last?Math.max(0,pos[pos.length-1]+last.offsetWidth-win.clientWidth):0;\n      index=clamp(index,0,Math.max(0,visible.length-1));\n      draw();\n    }\n    function draw(){\n      const pos=positions();\n      offset=clamp(pos[index]||0,0,max);\n      track.style.transform='translate3d('+(-offset)+'px,0,0)';\n      prev.disabled=offset<1;\n      next.disabled=offset>=max-1;\n      bar.style.width=(max<=1?100:offset\/max*100)+'%';\n      counter.textContent=String(visible.length?index+1:0).padStart(2,'0')+' \/ '+String(visible.length).padStart(2,'0');\n    }\n    function move(dir){\n      measure();\n      if(dir>0 ? offset>=max-1 : false)return;\n      if(dir<0 ? offset<=1 : false)return;\n      index=clamp(index+dir,0,visible.length-1);\n      draw();\n    }\n    prev.addEventListener('click',()=>move(-1));\n    next.addEventListener('click',()=>move(1));\n    filters.forEach(button=>button.addEventListener('click',()=>{\n      const category=button.getAttribute('data-filter');\n      filters.forEach(f=>{const active=f===button;f.classList.toggle('is-active',active);f.setAttribute('aria-pressed',String(active));});\n      cards.forEach(card=>{card.hidden=category==='all' ? false : card.getAttribute('data-category')!==category;});\n      index=0;requestAnimationFrame(measure);\n    }));\n    \/* The gallery is deliberately NOT a native scroll container. This is real transform-based sliding. *\/\n    let dragging=false,started=false,startX=0,startOffset=0,lastX=0,suppressUntil=0;\n    win.addEventListener('pointerdown',e=>{\n      if(e.pointerType==='mouse' ? e.button!==0 : false)return;\n      started=true;dragging=false;startX=e.clientX;lastX=e.clientX;startOffset=offset;\n    });\n    window.addEventListener('pointermove',e=>{\n      if(!started)return;\n      lastX=e.clientX;\n      const dx=e.clientX-startX;\n      if(Math.abs(dx)>7){dragging=true;win.classList.add('is-dragging');}\n      if(dragging){\n        if(e.cancelable)e.preventDefault();\n        track.style.transform='translate3d('+(-clamp(startOffset-dx,0,max))+'px,0,0)';\n      }\n    },{passive:false});\n    function finish(){\n      if(!started)return;\n      started=false;win.classList.remove('is-dragging');\n      if(dragging){\n        const dx=lastX-startX;suppressUntil=Date.now()+350;\n        if(Math.abs(dx)>30)index=clamp(index+(dx<0?1:-1),0,visible.length-1);\n      }\n      dragging=false;draw();\n    }\n    window.addEventListener('pointerup',finish);\n    window.addEventListener('pointercancel',finish);\n    win.addEventListener('click',e=>{if(Date.now()<suppressUntil){e.preventDefault();e.stopPropagation();}},true);\n    win.addEventListener('keydown',e=>{\n      if(e.key==='ArrowRight'){e.preventDefault();move(1);}\n      if(e.key==='ArrowLeft'){e.preventDefault();move(-1);}\n    });\n    function showModal(i){\n      if(!visible.length)return;\n      modalIndex=(i+visible.length)%visible.length;\n      const card=visible[modalIndex],url=card.getAttribute('data-image');\n      const title=card.querySelector('h3').textContent.trim();\n      modalTitle.textContent=title;\n      modalCat.textContent=card.querySelector('.dp3-card-cat').textContent.trim();\n      modalCount.textContent=String(modalIndex+1).padStart(2,'0')+' \/ '+String(visible.length).padStart(2,'0');\n      modalPhoto.classList.toggle('has-image',urlOK(url));\n      if(urlOK(url)){modalImg.src=url;modalImg.alt=title;}else{modalImg.removeAttribute('src');}\n      modal.querySelector('.dp3-modal-prev').disabled=visible.length<2;\n      modal.querySelector('.dp3-modal-next').disabled=visible.length<2;\n    }\n    cards.forEach(card=>card.addEventListener('click',()=>{\n      if(Date.now()<suppressUntil)return;\n      visible=cards.filter(c=>!c.hidden);\n      lastFocus=document.activeElement;bodyOverflow=document.body.style.overflow;\n      showModal(visible.indexOf(card));modal.hidden=false;document.body.style.overflow='hidden';\n      modal.querySelector('.dp3-modal-close').focus();\n    }));\n    function close(){modal.hidden=true;modalImg.removeAttribute('src');document.body.style.overflow=bodyOverflow;if(lastFocus){if(typeof lastFocus.focus==='function')lastFocus.focus();}}\n    modal.querySelector('.dp3-modal-close').addEventListener('click',close);\n    modal.querySelector('.dp3-modal-prev').addEventListener('click',()=>showModal(modalIndex-1));\n    modal.querySelector('.dp3-modal-next').addEventListener('click',()=>showModal(modalIndex+1));\n    document.addEventListener('keydown',e=>{\n      if(modal.hidden)return;\n      if(e.key==='Escape'){e.preventDefault();close();}\n      if(e.key==='ArrowRight'){e.preventDefault();showModal(modalIndex+1);}\n      if(e.key==='ArrowLeft'){e.preventDefault();showModal(modalIndex-1);}\n    });\n    window.addEventListener('resize',measure,{passive:true});\n    if('ResizeObserver'in window){new ResizeObserver(measure).observe(win);}\n    requestAnimationFrame(measure);\n    window.addEventListener('load',measure,{once:true});\n  }\n  function start(){document.querySelectorAll('.dp3-root').forEach(boot);}\n  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',start,{once:true});else start();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DISPLERO \/ PROJECTS 01 \/ SELECTED WORK BUILT TOBE SEEN. Discover the installations, technology and details behind our work. EXPLORE PROJECTS \u2198 01 02 03 REAL WORK \/ REAL INSTALLATIONS DISPLERO\u00aeSCROLL TO EXPLORE \u2193SHAPING THE FUTURE OF DISPLAYS 02 \/ THE GALLERY SELECTEDPROJECTS. Move through our work. Filter the gallery and select a project to [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-1203","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"brizy_media":[],"_links":{"self":[{"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/pages\/1203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/comments?post=1203"}],"version-history":[{"count":168,"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/pages\/1203\/revisions"}],"predecessor-version":[{"id":2295,"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/pages\/1203\/revisions\/2295"}],"wp:attachment":[{"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/media?parent=1203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}