{"id":6417,"date":"2020-08-17T14:42:04","date_gmt":"2020-08-17T14:42:04","guid":{"rendered":"https:\/\/www.jobe-lighting.com\/beckstone-lighting-products-textures-colors-shapes-inclusive-design\/"},"modified":"2026-04-14T13:35:29","modified_gmt":"2026-04-14T13:35:29","slug":"beckstone-lighting-products-textures-colors-shapes-inclusive-design","status":"publish","type":"page","link":"https:\/\/www.jobe-lighting.com\/us\/beckstone-lighting-products-textures-colors-shapes-inclusive-design\/","title":{"rendered":"Products"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6417\" class=\"elementor elementor-6417 elementor-215\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-25b7d045 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"25b7d045\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-36c6fc68\" data-id=\"36c6fc68\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6511ebd elementor-widget elementor-widget-html\" data-id=\"6511ebd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .jbl-prod-content {\r\n      animation: none;\r\n    }\r\n  }\r\n  .jbl-prod-hero {\r\n    width: 100%;\r\n    min-height: 70vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #0F2135;\r\n    background-image: radial-gradient(circle at 30% 50%, rgba(15, 33, 53, 0.5) 0%, rgba(10, 22, 34, 0.95) 90%),\r\n                      url('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2025\/10\/LightStoneheader-scaled.webp');\r\n    background-size: cover;\r\n    background-position: center;\r\n    padding: 80px 20px;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    font-family: Verdana, Geneva, sans-serif;\r\n  }\r\n  .jbl-prod-content {\r\n    width: 100%;\r\n    max-width: 800px;\r\n    z-index: 2;\r\n    animation: fadeInUp 1s ease-out;\r\n    text-align: left;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n  .jbl-prod-title {\r\n    font-size: clamp(32px, 5vw, 52px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    color: #ffffff;\r\n    margin: 0;\r\n    letter-spacing: -0.5px;\r\n  }\r\n  .jbl-prod-accent {\r\n    width: 60px;\r\n    height: 4px;\r\n    background-color: #A1B1C3;\r\n    margin: 25px 0;\r\n  }\r\n  .jbl-prod-text {\r\n    font-size: clamp(16px, 1.5vw, 19px);\r\n    line-height: 1.7;\r\n    color: #e0e6ed;\r\n    margin-bottom: 0;\r\n    font-weight: 400;\r\n    max-width: 650px;\r\n  }\r\n  @keyframes fadeInUp {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n  @media (max-width: 767px) {\r\n    .jbl-prod-hero {\r\n      min-height: 60vh;\r\n      justify-content: flex-start;\r\n      padding: 60px 25px;\r\n    }\r\n    .jbl-prod-title {\r\n      font-size: 30px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"jbl-prod-hero\" aria-labelledby=\"jbl-prod-heading\">\r\n  <div class=\"jbl-prod-content\">\r\n    <h1 id=\"jbl-prod-heading\" class=\"jbl-prod-title\">JoBe Paver Lights<\/h1>\r\n    <div class=\"jbl-prod-accent\" role=\"presentation\" aria-hidden=\"true\"><\/div>\r\n    <p class=\"jbl-prod-text\">\r\n      LightStone offers different textures, colors, and shapes to fit your needs.\r\n      Engineered for maximum durability and aesthetic integration into modern architecture.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-06e4f5a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"06e4f5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb21237 elementor-widget elementor-widget-html\" data-id=\"cb21237\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .jbl-comparison-wrap {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 60px auto;\r\n    padding: 0 20px;\r\n    display: flex;\r\n    gap: 40px;\r\n    align-items: center;\r\n    font-family: Verdana, Geneva, sans-serif;\r\n    box-sizing: border-box;\r\n    color: #eee;\r\n  }\r\n  .jbl-slider-container {\r\n    flex: 1;\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 1908 \/ 1527;\r\n    overflow: hidden;\r\n    user-select: none;\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    background: #0F2135;\r\n    display: block;\r\n    line-height: 0;\r\n    font-size: 0;\r\n  }\r\n  .jbl-img {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: fill;\r\n    display: block;\r\n    pointer-events: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  .jbl-img-after {\r\n    clip-path: inset(0 0 0 50%);\r\n    z-index: 2;\r\n  }\r\n  .jbl-handle {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 50%;\r\n    width: 2px;\r\n    background: #fff;\r\n    z-index: 10;\r\n    transform: translateX(-50%);\r\n    pointer-events: none;\r\n  }\r\n  .jbl-handle-btn {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 44px;\r\n    height: 44px;\r\n    background: #fff;\r\n    color: #0F2135;\r\n    border: none;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    box-shadow: 0 0 15px rgba(0,0,0,0.5);\r\n    cursor: ew-resize;\r\n    pointer-events: auto;\r\n    padding: 0;\r\n    line-height: 1;\r\n  }\r\n  .jbl-handle-btn:focus-visible {\r\n    outline: 3px solid #A1B1C3;\r\n    outline-offset: 3px;\r\n  }\r\n  .jbl-comparison-content {\r\n    flex: 1;\r\n  }\r\n  .jbl-comparison-content h2 {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    color: #fff;\r\n    margin: 0 0 20px 0;\r\n    position: relative;\r\n    padding-bottom: 15px;\r\n  }\r\n  .jbl-comparison-content h2::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 40px;\r\n    height: 4px;\r\n    background: #A1B1C3;\r\n  }\r\n  .jbl-comparison-content p {\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n    color: #ccd5df;\r\n    font-weight: 500;\r\n    letter-spacing: 0.2px;\r\n  }\r\n  @media (max-width: 900px) {\r\n    .jbl-comparison-wrap {\r\n      flex-direction: column;\r\n      gap: 30px;\r\n    }\r\n    .jbl-comparison-content h2 {\r\n      font-size: 26px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jbl-comparison-wrap\">\r\n  <div\r\n    class=\"jbl-slider-container\"\r\n    id=\"jblSlider\"\r\n    role=\"img\"\r\n    aria-label=\"Before and after comparison: paving without and with JoBe Paver Lights installed\"\r\n  >\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/06\/before.jpg\"\r\n      alt=\"Paving surface without JoBe Paver Lights \u2013 plain stone, no lighting\"\r\n      class=\"jbl-img\"\r\n    >\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/06\/after.jpg\"\r\n      alt=\"Paving surface with JoBe Paver Lights installed \u2013 subtle LED lighting integrated into the stones\"\r\n      class=\"jbl-img jbl-img-after\"\r\n      id=\"jbl-after-img\"\r\n    >\r\n    <div class=\"jbl-handle\" id=\"jbl-slider-handle\" aria-hidden=\"true\">\r\n      <button\r\n        class=\"jbl-handle-btn\"\r\n        id=\"jbl-slider-btn\"\r\n        type=\"button\"\r\n        role=\"slider\"\r\n        aria-label=\"Before\/After comparison slider\"\r\n        aria-valuemin=\"0\"\r\n        aria-valuemax=\"100\"\r\n        aria-valuenow=\"50\"\r\n        aria-valuetext=\"50% \u2013 showing equal parts before and after\"\r\n      >&#9664;&#9654;<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"jbl-comparison-content\">\r\n    <h2>Enabling Inclusion,<br>Illuminating Accessibility<\/h2>\r\n    <p>\r\n      Explore how JoBe Paver Lights transcend boundaries, empowering accessibility in outdoor environments. Witness the transformative power of our innovative lighting system, not only enhancing the beauty of spaces but also illuminating paths for individuals of all abilities.\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const container = document.getElementById('jblSlider');\r\n  const afterImg  = document.getElementById('jbl-after-img');\r\n  const handle    = document.getElementById('jbl-slider-handle');\r\n  const btn       = document.getElementById('jbl-slider-btn');\r\n  let position = 50;\r\n\r\n  function setPosition(pct) {\r\n    position = Math.min(100, Math.max(0, pct));\r\n    handle.style.left = position + '%';\r\n    afterImg.style.clipPath = 'inset(0 0 0 ' + position + '%)';\r\n    btn.setAttribute('aria-valuenow', Math.round(position));\r\n    btn.setAttribute('aria-valuetext', Math.round(position) + '% \u2013 ' + (position <= 10 ? 'mostly after' : position >= 90 ? 'mostly before' : 'showing both before and after'));\r\n  }\r\n\r\n  function posFromClientX(clientX) {\r\n    const rect = container.getBoundingClientRect();\r\n    return ((clientX - rect.left) \/ rect.width) * 100;\r\n  }\r\n\r\n  container.addEventListener('mousemove', function(e) {\r\n    setPosition(posFromClientX(e.clientX));\r\n  });\r\n\r\n  container.addEventListener('touchmove', function(e) {\r\n    setPosition(posFromClientX(e.touches[0].clientX));\r\n  }, { passive: true });\r\n\r\n  btn.addEventListener('keydown', function(e) {\r\n    if (e.key === 'ArrowLeft')  { e.preventDefault(); setPosition(position - 5); }\r\n    if (e.key === 'ArrowRight') { e.preventDefault(); setPosition(position + 5); }\r\n    if (e.key === 'Home')       { e.preventDefault(); setPosition(0); }\r\n    if (e.key === 'End')        { e.preventDefault(); setPosition(100); }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c61c878 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"c61c878\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d813b8 elementor-widget elementor-widget-html\" data-id=\"1d813b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .jbl-fit-comparison-wrap {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 60px auto;\r\n    padding: 0 20px;\r\n    display: flex;\r\n    gap: 40px;\r\n    align-items: center;\r\n    font-family: Verdana, Geneva, sans-serif;\r\n    box-sizing: border-box;\r\n    color: #eee;\r\n  }\r\n  .jbl-fit-slider-container {\r\n    flex: 1;\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 1 \/ 1;\r\n    overflow: hidden;\r\n    user-select: none;\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    background: #0F2135;\r\n    display: block;\r\n    line-height: 0;\r\n    font-size: 0;\r\n  }\r\n  .jbl-fit-img {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    pointer-events: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  .jbl-fit-img-after {\r\n    clip-path: inset(0 0 0 50%);\r\n    z-index: 2;\r\n  }\r\n  .jbl-fit-handle {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 50%;\r\n    width: 2px;\r\n    background: #fff;\r\n    z-index: 10;\r\n    transform: translateX(-50%);\r\n    pointer-events: none;\r\n  }\r\n  .jbl-fit-handle-btn {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 44px;\r\n    height: 44px;\r\n    background: #fff;\r\n    color: #0F2135;\r\n    border: none;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    box-shadow: 0 0 15px rgba(0,0,0,0.5);\r\n    cursor: ew-resize;\r\n    pointer-events: auto;\r\n    padding: 0;\r\n    line-height: 1;\r\n  }\r\n  .jbl-fit-handle-btn:focus-visible {\r\n    outline: 3px solid #A1B1C3;\r\n    outline-offset: 3px;\r\n  }\r\n  .jbl-fit-content {\r\n    flex: 1;\r\n  }\r\n  .jbl-fit-content h2 {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    color: #fff;\r\n    margin: 0 0 20px 0;\r\n    position: relative;\r\n    padding-bottom: 15px;\r\n  }\r\n  .jbl-fit-content h2::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 40px;\r\n    height: 4px;\r\n    background: #A1B1C3;\r\n  }\r\n  .jbl-fit-content p {\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n    color: #ccd5df;\r\n    font-weight: 500;\r\n    letter-spacing: 0.2px;\r\n  }\r\n  @media (max-width: 900px) {\r\n    .jbl-fit-comparison-wrap {\r\n      flex-direction: column;\r\n      gap: 30px;\r\n    }\r\n    .jbl-fit-content h2 {\r\n      font-size: 26px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"jbl-fit-comparison-wrap\">\r\n  <div\r\n    class=\"jbl-fit-slider-container\"\r\n    id=\"jbl-fit-slider\"\r\n    role=\"img\"\r\n    aria-label=\"Before and after comparison: JoBe Paver Lights texture unlit and lit up\"\r\n  >\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/07\/on.gif\"\r\n      alt=\"JoBe Paver Lights texture in daylight \u2013 unlit, blending naturally into the paving\"\r\n      class=\"jbl-fit-img\"\r\n    >\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/07\/lit-up.gif\"\r\n      alt=\"JoBe Paver Lights texture illuminated \u2013 LED light glowing through the stone surface at night\"\r\n      class=\"jbl-fit-img jbl-fit-img-after\"\r\n      id=\"jbl-fit-after-img\"\r\n    >\r\n    <div class=\"jbl-fit-handle\" id=\"jbl-fit-handle\" aria-hidden=\"true\">\r\n      <button\r\n        class=\"jbl-fit-handle-btn\"\r\n        id=\"jbl-fit-slider-btn\"\r\n        type=\"button\"\r\n        role=\"slider\"\r\n        aria-label=\"Before\/After comparison slider \u2013 unlit vs. illuminated texture\"\r\n        aria-valuemin=\"0\"\r\n        aria-valuemax=\"100\"\r\n        aria-valuenow=\"50\"\r\n        aria-valuetext=\"50% \u2013 showing equal parts unlit and illuminated\"\r\n      >&#9664;&#9654;<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"jbl-fit-content\">\r\n    <h2>Always the right fit<\/h2>\r\n    <p>\r\n      Our lights come in two unique textures, carefully curated to seamlessly blend with any architectural setting. Experience lighting that harmonizes effortlessly with its surroundings, ensuring a perfect match every time. Illuminate your space with style and sophistication.\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const container = document.getElementById('jbl-fit-slider');\r\n  const afterImg  = document.getElementById('jbl-fit-after-img');\r\n  const handle    = document.getElementById('jbl-fit-handle');\r\n  const btn       = document.getElementById('jbl-fit-slider-btn');\r\n  let position = 50;\r\n\r\n  function setPosition(pct) {\r\n    position = Math.min(100, Math.max(0, pct));\r\n    handle.style.left = position + '%';\r\n    afterImg.style.clipPath = 'inset(0 0 0 ' + position + '%)';\r\n    btn.setAttribute('aria-valuenow', Math.round(position));\r\n    btn.setAttribute('aria-valuetext', Math.round(position) + '% \u2013 ' + (position <= 10 ? 'mostly illuminated' : position >= 90 ? 'mostly unlit' : 'showing both unlit and illuminated'));\r\n  }\r\n\r\n  function posFromClientX(clientX) {\r\n    const rect = container.getBoundingClientRect();\r\n    return ((clientX - rect.left) \/ rect.width) * 100;\r\n  }\r\n\r\n  container.addEventListener('mousemove', function(e) {\r\n    setPosition(posFromClientX(e.clientX));\r\n  });\r\n\r\n  container.addEventListener('touchmove', function(e) {\r\n    setPosition(posFromClientX(e.touches[0].clientX));\r\n  }, { passive: true });\r\n\r\n  btn.addEventListener('keydown', function(e) {\r\n    if (e.key === 'ArrowLeft')  { e.preventDefault(); setPosition(position - 5); }\r\n    if (e.key === 'ArrowRight') { e.preventDefault(); setPosition(position + 5); }\r\n    if (e.key === 'Home')       { e.preventDefault(); setPosition(0); }\r\n    if (e.key === 'End')        { e.preventDefault(); setPosition(100); }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-618c736 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"618c736\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfa2906 elementor-widget elementor-widget-html\" data-id=\"cfa2906\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .jbl-textures-section {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 80px auto;\r\n    padding: 0 20px;\r\n    font-family: Verdana, Geneva, sans-serif;\r\n    color: #eee;\r\n    box-sizing: border-box;\r\n    text-align: center;\r\n  }\r\n  .jbl-textures-section h2 {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 10px;\r\n    color: #fff;\r\n  }\r\n  .jbl-textures-section p.jbl-subtitle {\r\n    font-size: 16px;\r\n    color: #A1B1C3;\r\n    margin-bottom: 40px;\r\n    font-weight: 500;\r\n  }\r\n  .jbl-accordion {\r\n    display: flex;\r\n    width: 100%;\r\n    height: 550px;\r\n    gap: 15px;\r\n    overflow: hidden;\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  .jbl-acc-item {\r\n    position: relative;\r\n    flex: 1;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1);\r\n    background: #000;\r\n  }\r\n  .jbl-acc-item:hover,\r\n  .jbl-acc-item:focus-within,\r\n  .jbl-acc-item.is-active {\r\n    flex: 3;\r\n  }\r\n  .jbl-acc-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    transition: transform 0.7s ease, opacity 0.5s ease;\r\n    opacity: 0.9;\r\n  }\r\n  .jbl-acc-item:hover .jbl-acc-bg,\r\n  .jbl-acc-item:focus-within .jbl-acc-bg,\r\n  .jbl-acc-item.is-active .jbl-acc-bg {\r\n    transform: scale(1.08);\r\n    opacity: 0.5;\r\n  }\r\n  .jbl-acc-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 50%);\r\n    transition: background 0.5s ease;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n  .jbl-acc-item:hover .jbl-acc-overlay,\r\n  .jbl-acc-item:focus-within .jbl-acc-overlay,\r\n  .jbl-acc-item.is-active .jbl-acc-overlay {\r\n    background: rgba(0,0,0,0.6);\r\n  }\r\n  .jbl-acc-content {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 40px 30px;\r\n    box-sizing: border-box;\r\n    text-align: left;\r\n    z-index: 2;\r\n    transform: translateY(10px);\r\n    transition: transform 0.5s ease;\r\n  }\r\n  .jbl-acc-item:hover .jbl-acc-content,\r\n  .jbl-acc-item:focus-within .jbl-acc-content,\r\n  .jbl-acc-item.is-active .jbl-acc-content {\r\n    transform: translateY(0);\r\n  }\r\n  .jbl-acc-trigger {\r\n    background: transparent;\r\n    border: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    cursor: pointer;\r\n    text-align: left;\r\n    width: 100%;\r\n  }\r\n  .jbl-acc-trigger:focus-visible {\r\n    outline: 3px solid #A1B1C3;\r\n    outline-offset: -3px;\r\n  }\r\n  .jbl-acc-content h3 {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin: 0 0 15px 0;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    text-shadow: 0 2px 4px rgba(0,0,0,0.5);\r\n  }\r\n  .jbl-acc-desc {\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    color: #fff;\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease 0.2s;\r\n    max-width: 95%;\r\n    font-weight: 400;\r\n  }\r\n  .jbl-acc-item:hover .jbl-acc-desc,\r\n  .jbl-acc-item:focus-within .jbl-acc-desc,\r\n  .jbl-acc-item.is-active .jbl-acc-desc {\r\n    opacity: 1;\r\n  }\r\n  @media (max-width: 800px) {\r\n    .jbl-accordion {\r\n      flex-direction: column;\r\n      height: auto;\r\n      gap: 20px;\r\n    }\r\n    .jbl-acc-item {\r\n      height: 350px;\r\n      flex: none !important;\r\n    }\r\n    .jbl-acc-bg {\r\n      opacity: 0.7;\r\n    }\r\n    .jbl-acc-overlay {\r\n      background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 70%);\r\n    }\r\n    .jbl-acc-desc {\r\n      opacity: 1 !important;\r\n      font-size: 14px;\r\n    }\r\n    .jbl-acc-content {\r\n      transform: translateY(0);\r\n      padding: 25px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"jbl-textures-section\" aria-labelledby=\"jbl-textures-heading\">\r\n  <h2 id=\"jbl-textures-heading\">Textures<\/h2>\r\n  <p class=\"jbl-subtitle\">Discover the textures in detail<\/p>\r\n\r\n  <ul class=\"jbl-accordion\" role=\"list\">\r\n\r\n    <li class=\"jbl-acc-item\" id=\"jbl-tex-style\">\r\n      <div\r\n        class=\"jbl-acc-bg\"\r\n        style=\"background-image: url('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/07\/style_cut-scaled.jpg');\"\r\n        role=\"img\"\r\n        aria-label=\"Close-up of JoBe Paver Lights Style texture \u2013 pearly surface finish blending with concrete paving\"\r\n      ><\/div>\r\n      <div class=\"jbl-acc-overlay\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"jbl-acc-content\">\r\n        <button\r\n          class=\"jbl-acc-trigger\"\r\n          aria-expanded=\"false\"\r\n          aria-controls=\"jbl-tex-style-desc\"\r\n          onclick=\"jblTexToggle('jbl-tex-style')\"\r\n        >\r\n          <h3>Style<\/h3>\r\n        <\/button>\r\n        <div\r\n          class=\"jbl-acc-desc\"\r\n          id=\"jbl-tex-style-desc\"\r\n          role=\"region\"\r\n          aria-label=\"Style texture description\"\r\n        >\r\n          STYLE has a pearly surface texture so it goes well with interlocking concrete paving stones and large size patio plates. Indistinguishable from the other paving stones, it elevates the design and function of the wall or pavement.\r\n        <\/div>\r\n      <\/div>\r\n    <\/li>\r\n\r\n    <li class=\"jbl-acc-item\" id=\"jbl-tex-nature\">\r\n      <div\r\n        class=\"jbl-acc-bg\"\r\n        style=\"background-image: url('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/07\/nature_cut.jpg');\"\r\n        role=\"img\"\r\n        aria-label=\"Close-up of JoBe Paver Lights Nature texture \u2013 rough matte surface matching basalt and sandstone pavers\"\r\n      ><\/div>\r\n      <div class=\"jbl-acc-overlay\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"jbl-acc-content\">\r\n        <button\r\n          class=\"jbl-acc-trigger\"\r\n          aria-expanded=\"false\"\r\n          aria-controls=\"jbl-tex-nature-desc\"\r\n          onclick=\"jblTexToggle('jbl-tex-nature')\"\r\n        >\r\n          <h3>Nature<\/h3>\r\n        <\/button>\r\n        <div\r\n          class=\"jbl-acc-desc\"\r\n          id=\"jbl-tex-nature-desc\"\r\n          role=\"region\"\r\n          aria-label=\"Nature texture description\"\r\n        >\r\n          NATURE has a rough surface texture that suits in perfectly with basalt, sandstone and marble pavers. The matted surface makes the NATURE variant subdued during daylight so it does not interfere with the overall design concept.\r\n        <\/div>\r\n      <\/div>\r\n    <\/li>\r\n\r\n    <li class=\"jbl-acc-item\" id=\"jbl-tex-nbh\">\r\n      <div\r\n        class=\"jbl-acc-bg\"\r\n        style=\"background-image: url('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/10\/naturebh_cut-scaled.jpg');\"\r\n        role=\"img\"\r\n        aria-label=\"Close-up of JoBe Paver Lights Nature Bush Hammered texture \u2013 resembling bush-hammered stone, harmonizing with granite and concrete paving\"\r\n      ><\/div>\r\n      <div class=\"jbl-acc-overlay\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"jbl-acc-content\">\r\n        <button\r\n          class=\"jbl-acc-trigger\"\r\n          aria-expanded=\"false\"\r\n          aria-controls=\"jbl-tex-nbh-desc\"\r\n          onclick=\"jblTexToggle('jbl-tex-nbh')\"\r\n        >\r\n          <h3>Nature Bush Hammered<\/h3>\r\n        <\/button>\r\n        <div\r\n          class=\"jbl-acc-desc\"\r\n          id=\"jbl-tex-nbh-desc\"\r\n          role=\"region\"\r\n          aria-label=\"Nature Bush Hammered texture description\"\r\n        >\r\n          NATURE BUSH HAMMERED has a textured surface that closely resembles bush-hammered stone. The finish harmonizes naturally with basalt, granite and concrete paving. Its matte look ensures that it remains visually calm during daylight.\r\n        <\/div>\r\n      <\/div>\r\n    <\/li>\r\n\r\n  <\/ul>\r\n<\/section>\r\n\r\n<script>\r\nfunction jblTexToggle(id) {\r\n  const item = document.getElementById(id);\r\n  const btn  = item.querySelector('.jbl-acc-trigger');\r\n  const isActive = item.classList.contains('is-active');\r\n  document.querySelectorAll('.jbl-acc-item').forEach(function(el) {\r\n    el.classList.remove('is-active');\r\n    el.querySelector('.jbl-acc-trigger').setAttribute('aria-expanded', 'false');\r\n  });\r\n  if (!isActive) {\r\n    item.classList.add('is-active');\r\n    btn.setAttribute('aria-expanded', 'true');\r\n  }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd55fa6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"cd55fa6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a02127 elementor-widget elementor-widget-html\" data-id=\"5a02127\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .jbl-colors-section {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 80px auto;\r\n    padding: 0 20px;\r\n    font-family: Verdana, Geneva, sans-serif;\r\n    color: #eee;\r\n    box-sizing: border-box;\r\n    text-align: center;\r\n  }\r\n  .jbl-colors-section h2 {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 15px;\r\n    color: #fff;\r\n  }\r\n  .jbl-colors-section p.jbl-colors-subtitle {\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    color: #ccd5df;\r\n    max-width: 900px;\r\n    margin: 0 auto 50px auto;\r\n    font-weight: 500;\r\n  }\r\n  .jbl-colors-accordion {\r\n    display: flex;\r\n    width: 100%;\r\n    height: 450px;\r\n    gap: 15px;\r\n    overflow: hidden;\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  .jbl-color-item {\r\n    position: relative;\r\n    flex: 1;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n  .jbl-color-item:hover,\r\n  .jbl-color-item:focus-within,\r\n  .jbl-color-item.is-active {\r\n    flex: 2.5;\r\n  }\r\n  .jbl-color-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    transition: transform 0.7s ease;\r\n  }\r\n  .jbl-color-item:hover .jbl-color-bg,\r\n  .jbl-color-item:focus-within .jbl-color-bg,\r\n  .jbl-color-item.is-active .jbl-color-bg {\r\n    transform: scale(1.1);\r\n  }\r\n  .jbl-color-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(15,33,53,0.2);\r\n    transition: background 0.5s ease;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n  .jbl-color-item:hover .jbl-color-overlay,\r\n  .jbl-color-item:focus-within .jbl-color-overlay,\r\n  .jbl-color-item.is-active .jbl-color-overlay {\r\n    background: rgba(15,33,53,0.4);\r\n  }\r\n  .jbl-color-name {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -40%);\r\n    width: 100%;\r\n    text-align: center;\r\n    z-index: 5;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    transition: all 0.5s ease 0.1s;\r\n  }\r\n  .jbl-color-item:hover .jbl-color-name,\r\n  .jbl-color-item:focus-within .jbl-color-name,\r\n  .jbl-color-item.is-active .jbl-color-name {\r\n    opacity: 1;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n  .jbl-color-name h3 {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    letter-spacing: 4px;\r\n    margin: 0;\r\n    text-shadow: 0 4px 10px rgba(0,0,0,0.5);\r\n  }\r\n  .jbl-color-trigger {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    z-index: 4;\r\n    padding: 0;\r\n  }\r\n  .jbl-color-trigger:focus-visible {\r\n    outline: 3px solid #A1B1C3;\r\n    outline-offset: -3px;\r\n  }\r\n  @media (max-width: 800px) {\r\n    .jbl-colors-accordion {\r\n      flex-direction: column;\r\n      height: auto;\r\n      gap: 15px;\r\n    }\r\n    .jbl-color-item {\r\n      height: 250px;\r\n      flex: none !important;\r\n    }\r\n    .jbl-color-name {\r\n      opacity: 1;\r\n      transform: translate(-50%, -50%);\r\n    }\r\n    .jbl-color-name h3 {\r\n      font-size: 24px;\r\n      letter-spacing: 3px;\r\n    }\r\n    .jbl-color-overlay {\r\n      background: rgba(15,33,53,0.4);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"jbl-colors-section\" aria-labelledby=\"jbl-colors-heading\">\r\n  <h2 id=\"jbl-colors-heading\">Colors<\/h2>\r\n  <p class=\"jbl-colors-subtitle\">\r\n    JoBe Paver Lights in Blue, Crystal and Amber have a solid colored resin. So even in daylight you can design with the contrasting or matching colors of the lights.\r\n  <\/p>\r\n\r\n  <ul class=\"jbl-colors-accordion\" role=\"list\">\r\n\r\n    <li class=\"jbl-color-item\" id=\"jbl-col-blue\">\r\n      <div\r\n        class=\"jbl-color-bg\"\r\n        style=\"background-image: url('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/07\/DSC_6792-Farbe-Blau.jpg');\"\r\n        role=\"img\"\r\n        aria-label=\"JoBe Paver Lights in Blue \u2013 solid blue resin visible in daylight and illuminated at night\"\r\n      ><\/div>\r\n      <div class=\"jbl-color-overlay\" aria-hidden=\"true\"><\/div>\r\n      <button\r\n        class=\"jbl-color-trigger\"\r\n        aria-label=\"Blue \u2013 show color detail\"\r\n        onclick=\"jblColToggle('jbl-col-blue')\"\r\n      ><\/button>\r\n      <div class=\"jbl-color-name\" aria-hidden=\"true\">\r\n        <h3>Blue<\/h3>\r\n      <\/div>\r\n    <\/li>\r\n\r\n    <li class=\"jbl-color-item\" id=\"jbl-col-amber\">\r\n      <div\r\n        class=\"jbl-color-bg\"\r\n        style=\"background-image: url('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/07\/AMBER.jpg');\"\r\n        role=\"img\"\r\n        aria-label=\"JoBe Paver Lights in Amber \u2013 warm amber resin visible in daylight and illuminated at night\"\r\n      ><\/div>\r\n      <div class=\"jbl-color-overlay\" aria-hidden=\"true\"><\/div>\r\n      <button\r\n        class=\"jbl-color-trigger\"\r\n        aria-label=\"Amber \u2013 show color detail\"\r\n        onclick=\"jblColToggle('jbl-col-amber')\"\r\n      ><\/button>\r\n      <div class=\"jbl-color-name\" aria-hidden=\"true\">\r\n        <h3>Amber<\/h3>\r\n      <\/div>\r\n    <\/li>\r\n\r\n    <li class=\"jbl-color-item\" id=\"jbl-col-crystal\">\r\n      <div\r\n        class=\"jbl-color-bg\"\r\n        style=\"background-image: url('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/07\/DSC_6784-Farbe-Crystal.jpg');\"\r\n        role=\"img\"\r\n        aria-label=\"JoBe Paver Lights in Crystal \u2013 clear crystal resin visible in daylight and illuminated at night\"\r\n      ><\/div>\r\n      <div class=\"jbl-color-overlay\" aria-hidden=\"true\"><\/div>\r\n      <button\r\n        class=\"jbl-color-trigger\"\r\n        aria-label=\"Crystal \u2013 show color detail\"\r\n        onclick=\"jblColToggle('jbl-col-crystal')\"\r\n      ><\/button>\r\n      <div class=\"jbl-color-name\" aria-hidden=\"true\">\r\n        <h3>Crystal<\/h3>\r\n      <\/div>\r\n    <\/li>\r\n\r\n  <\/ul>\r\n<\/section>\r\n\r\n<script>\r\nfunction jblColToggle(id) {\r\n  const item = document.getElementById(id);\r\n  const isActive = item.classList.contains('is-active');\r\n  document.querySelectorAll('.jbl-color-item').forEach(function(el) {\r\n    el.classList.remove('is-active');\r\n  });\r\n  if (!isActive) {\r\n    item.classList.add('is-active');\r\n  }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f1d10ac e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"f1d10ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5d9c79 elementor-widget elementor-widget-html\" data-id=\"a5d9c79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .jbl-historic-section {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 80px auto;\r\n    padding: 0 20px;\r\n    font-family: Verdana, Geneva, sans-serif;\r\n    color: #eee;\r\n    box-sizing: border-box;\r\n    text-align: center;\r\n  }\r\n  .jbl-historic-section h2 {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 15px;\r\n    color: #fff;\r\n  }\r\n  .jbl-historic-section p.jbl-historic-subtitle {\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    color: #ccd5df;\r\n    max-width: 950px;\r\n    margin: 0 auto 50px auto;\r\n    font-weight: 500;\r\n  }\r\n  .jbl-historic-accordion {\r\n    display: flex;\r\n    width: 100%;\r\n    height: 400px;\r\n    gap: 12px;\r\n    overflow: hidden;\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  .jbl-historic-item {\r\n    position: relative;\r\n    flex: 1;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n  .jbl-historic-item:hover,\r\n  .jbl-historic-item:focus-within,\r\n  .jbl-historic-item.is-active {\r\n    flex: 2.5;\r\n  }\r\n  .jbl-historic-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    transition: transform 0.7s ease;\r\n  }\r\n  .jbl-historic-item:hover .jbl-historic-bg,\r\n  .jbl-historic-item:focus-within .jbl-historic-bg,\r\n  .jbl-historic-item.is-active .jbl-historic-bg {\r\n    transform: scale(1.1);\r\n  }\r\n  .jbl-historic-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(15,33,53,0.15);\r\n    transition: background 0.5s ease;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n  .jbl-historic-item:hover .jbl-historic-overlay,\r\n  .jbl-historic-item:focus-within .jbl-historic-overlay,\r\n  .jbl-historic-item.is-active .jbl-historic-overlay {\r\n    background: rgba(15,33,53,0.45);\r\n  }\r\n  .jbl-historic-name {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -30%);\r\n    width: 100%;\r\n    text-align: center;\r\n    z-index: 5;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    transition: all 0.5s ease 0.1s;\r\n  }\r\n  .jbl-historic-item:hover .jbl-historic-name,\r\n  .jbl-historic-item:focus-within .jbl-historic-name,\r\n  .jbl-historic-item.is-active .jbl-historic-name {\r\n    opacity: 1;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n  .jbl-historic-name h3 {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    letter-spacing: 3px;\r\n    margin: 0;\r\n    text-shadow: 0 4px 12px rgba(0,0,0,0.6);\r\n  }\r\n  .jbl-historic-trigger {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    z-index: 4;\r\n    padding: 0;\r\n  }\r\n  .jbl-historic-trigger:focus-visible {\r\n    outline: 3px solid #A1B1C3;\r\n    outline-offset: -3px;\r\n  }\r\n  @media (max-width: 800px) {\r\n    .jbl-historic-accordion {\r\n      flex-direction: column;\r\n      height: auto;\r\n      gap: 15px;\r\n    }\r\n    .jbl-historic-item {\r\n      height: 200px;\r\n      flex: none !important;\r\n    }\r\n    .jbl-historic-name {\r\n      opacity: 1;\r\n      transform: translate(-50%, -50%);\r\n    }\r\n    .jbl-historic-overlay {\r\n      background: rgba(15,33,53,0.4);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"jbl-historic-section\" aria-labelledby=\"jbl-historic-heading\">\r\n  <h2 id=\"jbl-historic-heading\">Historic Colors<\/h2>\r\n  <p class=\"jbl-historic-subtitle\">\r\n    Historic Colors are made to make JoBe Paver Lights invisible in natural stone installations. The HISTORIC range is the only in-ground lighting system that matches beautifully into landscape design or heritage sites in daylight.\r\n  <\/p>\r\n\r\n  <ul class=\"jbl-historic-accordion\" role=\"list\">\r\n\r\n    <li class=\"jbl-historic-item\" id=\"jbl-hist-basalt\">\r\n      <div\r\n        class=\"jbl-historic-bg\"\r\n        style=\"background-image: url('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/07\/DSC_1053-Detail-schwarz.jpeg');\"\r\n        role=\"img\"\r\n        aria-label=\"JoBe Paver Lights in Basalt Grey \u2013 dark grey surface matching basalt stone paving\"\r\n      ><\/div>\r\n      <div class=\"jbl-historic-overlay\" aria-hidden=\"true\"><\/div>\r\n      <button\r\n        class=\"jbl-historic-trigger\"\r\n        aria-label=\"Basalt Grey \u2013 show color detail\"\r\n        onclick=\"jblHistToggle('jbl-hist-basalt')\"\r\n      ><\/button>\r\n      <div class=\"jbl-historic-name\" aria-hidden=\"true\">\r\n        <h3>Basalt Grey<\/h3>\r\n      <\/div>\r\n    <\/li>\r\n\r\n    <li class=\"jbl-historic-item\" id=\"jbl-hist-granite\">\r\n      <div\r\n        class=\"jbl-historic-bg\"\r\n        style=\"background-image: url('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/07\/DSC_1053-Detail-R.jpeg');\"\r\n        role=\"img\"\r\n        aria-label=\"JoBe Paver Lights in Granite Grey \u2013 medium grey surface matching granite stone paving\"\r\n      ><\/div>\r\n      <div class=\"jbl-historic-overlay\" aria-hidden=\"true\"><\/div>\r\n      <button\r\n        class=\"jbl-historic-trigger\"\r\n        aria-label=\"Granite Grey \u2013 show color detail\"\r\n        onclick=\"jblHistToggle('jbl-hist-granite')\"\r\n      ><\/button>\r\n      <div class=\"jbl-historic-name\" aria-hidden=\"true\">\r\n        <h3>Granite Grey<\/h3>\r\n      <\/div>\r\n    <\/li>\r\n\r\n    <li class=\"jbl-historic-item\" id=\"jbl-hist-sand\">\r\n      <div\r\n        class=\"jbl-historic-bg\"\r\n        style=\"background-image: url('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/07\/DSC_1038-Detail.jpeg');\"\r\n        role=\"img\"\r\n        aria-label=\"JoBe Paver Lights in Sand Beige \u2013 warm beige surface matching sandstone paving\"\r\n      ><\/div>\r\n      <div class=\"jbl-historic-overlay\" aria-hidden=\"true\"><\/div>\r\n      <button\r\n        class=\"jbl-historic-trigger\"\r\n        aria-label=\"Sand Beige \u2013 show color detail\"\r\n        onclick=\"jblHistToggle('jbl-hist-sand')\"\r\n      ><\/button>\r\n      <div class=\"jbl-historic-name\" aria-hidden=\"true\">\r\n        <h3>Sand Beige<\/h3>\r\n      <\/div>\r\n    <\/li>\r\n\r\n    <li class=\"jbl-historic-item\" id=\"jbl-hist-porphyr\">\r\n      <div\r\n        class=\"jbl-historic-bg\"\r\n        style=\"background-image: url('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/07\/DSC_1035-Detail.jpeg');\"\r\n        role=\"img\"\r\n        aria-label=\"JoBe Paver Lights in Porphyr Red \u2013 deep red surface matching porphyry stone paving\"\r\n      ><\/div>\r\n      <div class=\"jbl-historic-overlay\" aria-hidden=\"true\"><\/div>\r\n      <button\r\n        class=\"jbl-historic-trigger\"\r\n        aria-label=\"Porphyr Red \u2013 show color detail\"\r\n        onclick=\"jblHistToggle('jbl-hist-porphyr')\"\r\n      ><\/button>\r\n      <div class=\"jbl-historic-name\" aria-hidden=\"true\">\r\n        <h3>Porphyr Red<\/h3>\r\n      <\/div>\r\n    <\/li>\r\n\r\n  <\/ul>\r\n<\/section>\r\n\r\n<script>\r\nfunction jblHistToggle(id) {\r\n  const item = document.getElementById(id);\r\n  const isActive = item.classList.contains('is-active');\r\n  document.querySelectorAll('.jbl-historic-item').forEach(function(el) {\r\n    el.classList.remove('is-active');\r\n  });\r\n  if (!isActive) {\r\n    item.classList.add('is-active');\r\n  }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14948c1 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"14948c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cb93a5 elementor-widget elementor-widget-html\" data-id=\"3cb93a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section style=\"width:100%; max-width:1200px; margin:80px auto; padding:0 20px; font-family:Verdana,Geneva,sans-serif; color:#eee; box-sizing:border-box;\" aria-labelledby=\"jbl-shapes-heading-us\">\r\n\r\n  <div style=\"text-align:center; margin-bottom:60px;\">\r\n    <h2 id=\"jbl-shapes-heading-us\" style=\"font-size:32px; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:#fff; margin:0 0 15px 0;\">Shapes<\/h2>\r\n    <div role=\"presentation\" aria-hidden=\"true\" style=\"width:60px; height:4px; background-color:#A1B1C3; margin:0 auto 25px auto;\"><\/div>\r\n    <p style=\"font-size:16px; line-height:1.6; color:#ccd5df; max-width:800px; margin:0 auto; font-weight:500;\">\r\n      JoBe Paver Lights come in different shapes and sizes to always fit your project's needs \u2014 whether integrated into classic paving patterns, water features, or curved architectural surfaces.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <ul style=\"display:grid; grid-template-columns:repeat(3,1fr); gap:25px; list-style:none; margin:0; padding:0;\" role=\"list\">\r\n\r\n    <li style=\"margin:0; padding:0;\">\r\n      <article style=\"background-color:#162638; border:1px solid rgba(161,177,195,0.1); display:flex; flex-direction:column; overflow:hidden; transition:all 0.3s ease;\">\r\n        <div role=\"img\" aria-label=\"Square and rectangular JoBe Paver Lights integrated into standard concrete paving\" style=\"width:100%; aspect-ratio:4\/3; background-image:url('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2026\/04\/products_quad.avif'); background-size:cover; background-position:center; background-color:#0F2135;\"><\/div>\r\n        <div style=\"padding:30px; flex-grow:1; display:flex; flex-direction:column;\">\r\n          <h3 style=\"font-size:20px; font-weight:700; margin:0 0 15px 0; color:#fff; text-transform:uppercase; letter-spacing:1px;\">Square &amp; Rectangular<\/h3>\r\n          <p style=\"font-size:14.5px; line-height:1.7; color:#ccd5df; font-weight:500; margin:0;\">\r\n            The classic choice for seamless integration into standard paving patterns. Available in various dimensions to match common stone sizes.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n    <\/li>\r\n\r\n    <li style=\"margin:0; padding:0;\">\r\n      <article style=\"background-color:#162638; border:1px solid rgba(161,177,195,0.1); display:flex; flex-direction:column; overflow:hidden; transition:all 0.3s ease;\">\r\n        <div role=\"img\" aria-label=\"Pebble-shaped JoBe Paver Lights in a water feature or riverbed setting\" style=\"width:100%; aspect-ratio:4\/3; background-image:url('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2026\/04\/products_pebbles.avif'); background-size:cover; background-position:center; background-color:#0F2135;\"><\/div>\r\n        <div style=\"padding:30px; flex-grow:1; display:flex; flex-direction:column;\">\r\n          <h3 style=\"font-size:20px; font-weight:700; margin:0 0 15px 0; color:#fff; text-transform:uppercase; letter-spacing:1px;\">Pebbles<\/h3>\r\n          <p style=\"font-size:14.5px; line-height:1.7; color:#ccd5df; font-weight:500; margin:0;\">\r\n            PEBBLES has the surface texture of a real pebble, naturally at home in all water bodies. Bring your waterscapes to the next level during the evenings and create an ambience that will entice and excite everyone.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n    <\/li>\r\n\r\n    <li style=\"margin:0; padding:0;\">\r\n      <article style=\"background-color:#162638; border:1px solid rgba(161,177,195,0.1); display:flex; flex-direction:column; overflow:hidden; transition:all 0.3s ease;\">\r\n        <div role=\"img\" aria-label=\"Round JoBe Paver Lights for curved paths, plazas and organic landscape designs\" style=\"width:100%; aspect-ratio:4\/3; background-image:url('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2026\/04\/products_rund.avif'); background-size:cover; background-position:center; background-color:#0F2135;\"><\/div>\r\n        <div style=\"padding:30px; flex-grow:1; display:flex; flex-direction:column;\">\r\n          <h3 style=\"font-size:20px; font-weight:700; margin:0 0 15px 0; color:#fff; text-transform:uppercase; letter-spacing:1px;\">Round<\/h3>\r\n          <p style=\"font-size:14.5px; line-height:1.7; color:#ccd5df; font-weight:500; margin:0;\">\r\n            The ROUND variant offers a softer, circular profile that integrates naturally into curved paths, plazas, and organic landscape designs. Its shape creates smooth light lines that guide without interrupting the flow of the surrounding surface.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n    <\/li>\r\n\r\n  <\/ul>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1043ff3 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"1043ff3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8db660 elementor-widget elementor-widget-html\" data-id=\"a8db660\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section style=\"width:100%; max-width:900px; margin:80px auto; padding:0 20px; font-family:Verdana,Geneva,sans-serif; box-sizing:border-box; text-align:center;\" aria-labelledby=\"jbl-dl-heading-us\">\r\n\r\n  <h2 id=\"jbl-dl-heading-us\" style=\"font-size:32px; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:#fff; margin:0 0 15px 0;\">Downloads<\/h2>\r\n  <div role=\"presentation\" aria-hidden=\"true\" style=\"width:60px; height:4px; background-color:#A1B1C3; margin:0 auto 50px auto;\"><\/div>\r\n\r\n  <ul style=\"display:grid; grid-template-columns:1fr 1fr; gap:20px; list-style:none; margin:0; padding:0;\" role=\"list\">\r\n\r\n    <li style=\"margin:0; padding:0;\">\r\n      <div style=\"background-color:#162638; border:1px solid rgba(161,177,195,0.12); display:flex; flex-direction:column; align-items:flex-start; padding:28px; text-align:left; box-sizing:border-box;\">\r\n        <span aria-hidden=\"true\" style=\"display:inline-block; font-size:9px; font-weight:900; letter-spacing:1.5px; background:#A1B1C3; color:#0F2135; padding:3px 7px; border-radius:2px; margin-bottom:16px;\">PDF<\/span>\r\n        <h3 style=\"font-size:17px; font-weight:700; color:#fff; letter-spacing:0.5px; margin:0 0 6px 0; line-height:1.3;\">Data Sheet STYLE<\/h3>\r\n        <p style=\"font-size:12px; color:#A1B1C3; font-weight:500; margin:0 0 24px 0;\">Technical specifications &amp; dimensions<\/p>\r\n        <div style=\"display:flex; gap:12px; width:100%;\">\r\n          <button\r\n            aria-label=\"Preview Data Sheet STYLE as PDF\"\r\n            onclick=\"jblDlPreviewUs('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2025\/10\/STYLE_en.pdf','Data Sheet STYLE')\"\r\n            style=\"flex:1; background:transparent; border:1px solid rgba(161,177,195,0.4); color:#A1B1C3; padding:11px 10px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; cursor:pointer; font-family:Verdana,Geneva,sans-serif;\"\r\n          >Preview<\/button>\r\n          <a\r\n            href=\"https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2025\/10\/STYLE_en.pdf\"\r\n            download\r\n            aria-label=\"Download Data Sheet STYLE as PDF\"\r\n            style=\"flex:1; background:#A1B1C3; border:1px solid #A1B1C3; color:#0F2135; padding:11px 10px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; text-decoration:none; text-align:center; display:block; box-sizing:border-box;\"\r\n          >Download<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/li>\r\n\r\n    <li style=\"margin:0; padding:0;\">\r\n      <div style=\"background-color:#162638; border:1px solid rgba(161,177,195,0.12); display:flex; flex-direction:column; align-items:flex-start; padding:28px; text-align:left; box-sizing:border-box;\">\r\n        <span aria-hidden=\"true\" style=\"display:inline-block; font-size:9px; font-weight:900; letter-spacing:1.5px; background:#A1B1C3; color:#0F2135; padding:3px 7px; border-radius:2px; margin-bottom:16px;\">PDF<\/span>\r\n        <h3 style=\"font-size:17px; font-weight:700; color:#fff; letter-spacing:0.5px; margin:0 0 6px 0; line-height:1.3;\">Data Sheet NATURE<\/h3>\r\n        <p style=\"font-size:12px; color:#A1B1C3; font-weight:500; margin:0 0 24px 0;\">Technical specifications &amp; dimensions<\/p>\r\n        <div style=\"display:flex; gap:12px; width:100%;\">\r\n          <button\r\n            aria-label=\"Preview Data Sheet NATURE as PDF\"\r\n            onclick=\"jblDlPreviewUs('https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2025\/10\/NATURE_en.pdf','Data Sheet NATURE')\"\r\n            style=\"flex:1; background:transparent; border:1px solid rgba(161,177,195,0.4); color:#A1B1C3; padding:11px 10px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; cursor:pointer; font-family:Verdana,Geneva,sans-serif;\"\r\n          >Preview<\/button>\r\n          <a\r\n            href=\"https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2025\/10\/NATURE_en.pdf\"\r\n            download\r\n            aria-label=\"Download Data Sheet NATURE as PDF\"\r\n            style=\"flex:1; background:#A1B1C3; border:1px solid #A1B1C3; color:#0F2135; padding:11px 10px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; text-decoration:none; text-align:center; display:block; box-sizing:border-box;\"\r\n          >Download<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/li>\r\n\r\n  <\/ul>\r\n<\/section>\r\n\r\n<div\r\n  id=\"jbl-dl-modal-us\"\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  aria-labelledby=\"jbl-dl-modal-label-us\"\r\n  style=\"display:none; position:fixed; inset:0; background:rgba(0,0,0,0.85); z-index:99999; align-items:center; justify-content:center; padding:20px; box-sizing:border-box;\"\r\n>\r\n  <div style=\"position:relative; width:100%; max-width:860px; background:#0F2135; border:1px solid rgba(161,177,195,0.2); display:flex; flex-direction:column;\">\r\n    <div style=\"display:flex; align-items:center; justify-content:space-between; padding:14px 20px; border-bottom:1px solid rgba(161,177,195,0.15);\">\r\n      <span id=\"jbl-dl-modal-label-us\" style=\"font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:#A1B1C3; font-family:Verdana,Geneva,sans-serif;\"><\/span>\r\n      <button\r\n        onclick=\"jblDlCloseUs()\"\r\n        aria-label=\"Close preview\"\r\n        style=\"background:transparent; border:1px solid rgba(161,177,195,0.3); color:#A1B1C3; font-size:18px; width:32px; height:32px; cursor:pointer; display:flex; align-items:center; justify-content:center; font-family:Verdana,Geneva,sans-serif;\"\r\n      >&times;<\/button>\r\n    <\/div>\r\n    <iframe id=\"jbl-dl-iframe-us\" title=\"PDF preview\" src=\"\" style=\"width:100%; height:70vh; border:none; display:block; background:#fff;\"><\/iframe>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var modal  = document.getElementById('jbl-dl-modal-us');\r\n  var iframe = document.getElementById('jbl-dl-iframe-us');\r\n  var label  = document.getElementById('jbl-dl-modal-label-us');\r\n  var lastFocus;\r\n\r\n  window.jblDlPreviewUs = function(url, name) {\r\n    lastFocus = document.activeElement;\r\n    iframe.src = url;\r\n    label.textContent = name;\r\n    modal.style.display = 'flex';\r\n    document.body.style.overflow = 'hidden';\r\n    modal.querySelector('button').focus();\r\n  };\r\n\r\n  window.jblDlCloseUs = function() {\r\n    modal.style.display = 'none';\r\n    iframe.src = '';\r\n    document.body.style.overflow = '';\r\n    if (lastFocus) lastFocus.focus();\r\n  };\r\n\r\n  document.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape' && modal.style.display === 'flex') jblDlCloseUs();\r\n  });\r\n\r\n  modal.addEventListener('click', function(e) {\r\n    if (e.target === modal) jblDlCloseUs();\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8b79eb e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"e8b79eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5b4666 elementor-widget elementor-widget-html\" data-id=\"d5b4666\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .jbl-platforms-section {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 40px auto 80px auto;\r\n    padding: 0 20px;\r\n    font-family: Verdana, Geneva, sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n  .jbl-platforms-header {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n  }\r\n  .jbl-platforms-header h2 {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #fff;\r\n    margin: 0 0 15px 0;\r\n  }\r\n  .jbl-platforms-accent {\r\n    width: 60px;\r\n    height: 4px;\r\n    background-color: #A1B1C3;\r\n    margin: 0 auto 20px auto;\r\n  }\r\n  .jbl-platforms-header p {\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: #ccd5df;\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    font-weight: 500;\r\n  }\r\n  .jbl-platforms-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  .jbl-platform-card {\r\n    background-color: #162638;\r\n    border: 1px solid rgba(161,177,195,0.12);\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: border-color 0.3s ease, background-color 0.3s ease;\r\n    overflow: hidden;\r\n  }\r\n  .jbl-platform-card:hover {\r\n    border-color: rgba(161,177,195,0.4);\r\n    background-color: #1c2f44;\r\n  }\r\n  .jbl-platform-visual {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 7;\r\n    overflow: hidden;\r\n    background: #0F2135;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-bottom: 1px solid rgba(161,177,195,0.08);\r\n    position: relative;\r\n  }\r\n  .jbl-platform-visual img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.4s ease;\r\n  }\r\n  .jbl-platform-card:hover .jbl-platform-visual img {\r\n    transform: scale(1.04);\r\n  }\r\n  .jbl-platform-logo {\r\n    max-width: 180px;\r\n    max-height: 90px;\r\n    width: auto;\r\n    height: auto;\r\n    object-fit: contain;\r\n    filter: brightness(0.9);\r\n    transition: filter 0.3s ease, transform 0.3s ease;\r\n  }\r\n  .jbl-platform-card:hover .jbl-platform-logo {\r\n    filter: brightness(1.05);\r\n    transform: scale(1.03);\r\n  }\r\n  .jbl-platform-body {\r\n    padding: 28px 28px 24px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n  }\r\n  .jbl-platform-body h3 {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin: 0 0 12px 0;\r\n    line-height: 1.3;\r\n  }\r\n  .jbl-platform-body p {\r\n    font-size: 13.5px;\r\n    line-height: 1.65;\r\n    color: #ccd5df;\r\n    font-weight: 500;\r\n    margin: 0 0 24px 0;\r\n    flex-grow: 1;\r\n  }\r\n  .jbl-platform-body p a {\r\n    color: #A1B1C3;\r\n    text-decoration: underline;\r\n    transition: color 0.2s ease;\r\n  }\r\n  .jbl-platform-body p a:hover {\r\n    color: #fff;\r\n  }\r\n  .jbl-platform-btn {\r\n    display: block;\r\n    text-align: center;\r\n    background-color: #A1B1C3;\r\n    color: #0F2135;\r\n    padding: 13px 20px;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    transition: all 0.2s ease;\r\n    margin-top: auto;\r\n  }\r\n  .jbl-platform-btn:hover {\r\n    background-color: #BDCAD9;\r\n    transform: translateY(-2px);\r\n  }\r\n  .jbl-platform-btn:focus-visible {\r\n    outline: 2px solid #A1B1C3;\r\n    outline-offset: 3px;\r\n  }\r\n  @media (max-width: 767px) {\r\n    .jbl-platforms-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"jbl-platforms-section\" aria-labelledby=\"jbl-platforms-heading\">\r\n  <div class=\"jbl-platforms-header\">\r\n    <h2 id=\"jbl-platforms-heading\">Find Us On<\/h2>\r\n    <div class=\"jbl-platforms-accent\" role=\"presentation\" aria-hidden=\"true\"><\/div>\r\n    <p>Explore our full product range on the platforms trusted by lighting designers and architects worldwide.<\/p>\r\n  <\/div>\r\n\r\n  <ul class=\"jbl-platforms-grid\" role=\"list\">\r\n\r\n    <li>\r\n      <article class=\"jbl-platform-card\">\r\n        <div class=\"jbl-platform-visual\" style=\"padding: 30px; background: #0F2135;\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2025\/09\/DIAux-evo-logo-Copyright-DIAL-900x450-1.webp\"\r\n            alt=\"DIALux evo logo\"\r\n            class=\"jbl-platform-logo\"\r\n            style=\"object-fit: contain; width: 100%; height: 100%; max-height: 100px;\"\r\n          >\r\n        <\/div>\r\n        <div class=\"jbl-platform-body\">\r\n          <h3>Find our products in the DIALux Luminaire Finder<\/h3>\r\n          <p>\r\n            For detailed information tailored to lighting designers, explore our full product range directly in the DIALux Luminaire Finder.\r\n          <\/p>\r\n          <a\r\n            href=\"\"\r\n            id=\"jbl-dialux-btn\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"jbl-platform-btn\"\r\n            aria-label=\"Open JoBe Lighting products in DIALux Luminaire Finder (opens in new tab)\"\r\n          >Open in DIALux \u2192<\/a>\r\n        <\/div>\r\n      <\/article>\r\n    <\/li>\r\n\r\n    <li>\r\n      <article class=\"jbl-platform-card\">\r\n        <div class=\"jbl-platform-visual\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/www.jobe-lighting.com\/wp-content\/uploads\/2023\/11\/caddetails-page-preview.jpg\"\r\n            alt=\"Screenshot of JoBe Lighting product page on CADdetails\"\r\n          >\r\n        <\/div>\r\n        <div class=\"jbl-platform-body\">\r\n          <h3>Discover our products on CADdetails<\/h3>\r\n          <p>\r\n            Visit our <a href=\"https:\/\/www.caddetails.com\/main\/company\/viewcompanycontent?companyID=5402&amp;viewSource=Company%20Content&amp;isFeatured=False&amp;view=Product&amp;sortOrder3d=default\" target=\"_blank\" rel=\"noopener\">CADdetails page<\/a> to explore our products in detail and find the matching specification tools.\r\n          <\/p>\r\n          <a href=\"https:\/\/www.caddetails.com\/main\/company\/viewcompanycontent?companyID=5402&amp;viewSource=Company%20Content&amp;isFeatured=False&amp;view=Product&amp;sortOrder3d=default\" target=\"_blank\" rel=\"noopener\" class=\"jbl-platform-btn\" aria-label=\"Discover JoBe Lighting on CADdetails (opens in new tab)\">Discover CADdetails \u2192<\/a>\r\n        <\/div>\r\n      <\/article>\r\n    <\/li>\r\n\r\n  <\/ul>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var lang = document.documentElement.lang.toLowerCase();\r\n  var isDE = lang.includes('de');\r\n  var base = 'https:\/\/luminaires.dialux.com\/';\r\n  var query = 'search\/list\/query\/nja10ja218?bf=3p1M0QPnSiaTghgLoaAGjw';\r\n  var url = base + (isDE ? 'de\/' : 'en\/') + query;\r\n  var btn = document.getElementById('jbl-dialux-btn');\r\n  if (btn) btn.href = url;\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\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>JoBe Paver Lights LightStone offers different textures, colors, and shapes to fit your needs. Engineered for maximum durability and aesthetic integration into modern architecture. &#9664;&#9654; Enabling Inclusion,Illuminating Accessibility Explore how JoBe Paver Lights transcend boundaries, empowering accessibility in outdoor environments. Witness the transformative power of our innovative lighting system, not only enhancing the beauty of spaces but also illuminating paths for individuals of all abilities. &#9664;&#9654; Always the right fit Our lights come in two unique textures, carefully curated to seamlessly blend with any architectural setting. Experience lighting that harmonizes effortlessly with its surroundings, ensuring a perfect match every time. Illuminate your space with style and sophistication. Textures Discover the textures in detail Style STYLE has a pearly surface texture so it goes well with interlocking concrete paving stones and large size patio plates. Indistinguishable from the other paving stones, it elevates the design and function of the wall or pavement. Nature NATURE has a rough surface texture that suits in perfectly with basalt, sandstone and marble pavers. The matted surface makes the NATURE variant subdued during daylight so it does not interfere with the overall design concept. Nature Bush Hammered NATURE BUSH HAMMERED has a textured surface that closely resembles bush-hammered stone. The finish harmonizes naturally with basalt, granite and concrete paving. Its matte look ensures that it remains visually calm during daylight. Colors JoBe Paver Lights in Blue, Crystal and Amber have a solid colored resin. So even in daylight you can design with the contrasting or matching colors of the lights. Blue Amber Crystal Historic Colors Historic Colors are made to make JoBe Paver Lights invisible in natural stone installations. The HISTORIC range is the only in-ground lighting system that matches beautifully into landscape design or heritage sites in daylight. Basalt Grey Granite Grey Sand Beige Porphyr Red Shapes JoBe Paver Lights come in different shapes and sizes to always fit your project&#8217;s needs \u2014 whether integrated into classic paving patterns, water features, or curved architectural surfaces. Square &amp; Rectangular The classic choice for seamless integration into standard paving patterns. Available in various dimensions to match common stone sizes. Pebbles PEBBLES has the surface texture of a real pebble, naturally at home in all water bodies. Bring your waterscapes to the next level during the evenings and create an ambience that will entice and excite everyone. Round The ROUND variant offers a softer, circular profile that integrates naturally into curved paths, plazas, and organic landscape designs. Its shape creates smooth light lines that guide without interrupting the flow of the surrounding surface. Downloads PDF Data Sheet STYLE Technical specifications &amp; dimensions Preview Download PDF Data Sheet NATURE Technical specifications &amp; dimensions Preview Download &times; Find Us On Explore our full product range on the platforms trusted by lighting designers and architects worldwide. Find our products in the DIALux Luminaire Finder For detailed information tailored to lighting designers, explore our full product range directly in the DIALux Luminaire Finder. Open in DIALux \u2192 Discover our products on CADdetails Visit our CADdetails page to explore our products in detail and find the matching specification tools. Discover CADdetails \u2192<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6417","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_title_panel":"","has_hero_section":"disabled","0df2dca53447789c9966a9ee2482ae8e":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"9a068402903147dab0312ed721d813d1":"","hero_alignment1":"left","hero_alignment2":"center","hero_vertical_alignment":"center","878df3921d36f5f7834a2f50f2d62119":"","hero_structure":"narrow","c672b96ecc952ad64c8c2d7fdf1a61dc":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"parallax":{"desktop":false,"tablet":false,"mobile":false},"cc7bcd5456d7cac909e888486d83b616":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":{"desktop":"32px","tablet":"30px","mobile":"25px"},"line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"n6","size":"12px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"default":{"color":"rgba(41, 51, 60, 0.2)"}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"backgroundColor":{"default":{"color":"#EDEFF2"}}},"5384544efa2613b7222fa667fe0c3bd5":"","page_structure_type":"default","content_style":"inherit","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"backgroundColor":{"default":{"color":"#ffffff"}}},"content_boxed_spacing":{"desktop":"40px","tablet":"35px","mobile":"20px"},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"content_boxed_shadow":{"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"7b360c47770bb2bc7820037d1b7ccdae":"","disable_featured_image":"no","disable_header":"no","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.jobe-lighting.com\/us\/wp-json\/wp\/v2\/pages\/6417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jobe-lighting.com\/us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jobe-lighting.com\/us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jobe-lighting.com\/us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jobe-lighting.com\/us\/wp-json\/wp\/v2\/comments?post=6417"}],"version-history":[{"count":9,"href":"https:\/\/www.jobe-lighting.com\/us\/wp-json\/wp\/v2\/pages\/6417\/revisions"}],"predecessor-version":[{"id":7882,"href":"https:\/\/www.jobe-lighting.com\/us\/wp-json\/wp\/v2\/pages\/6417\/revisions\/7882"}],"wp:attachment":[{"href":"https:\/\/www.jobe-lighting.com\/us\/wp-json\/wp\/v2\/media?parent=6417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}