{"id":718,"date":"2024-04-16T11:52:25","date_gmt":"2024-04-16T15:52:25","guid":{"rendered":"https:\/\/jg.qc.ca\/portfolio\/"},"modified":"2026-10-17T18:04:35","modified_gmt":"2026-10-17T22:04:35","slug":"our-projects","status":"publish","type":"page","link":"https:\/\/jg.qc.ca\/en\/our-projects\/","title":{"rendered":"Our Projects"},"content":{"rendered":"<section\n    class=\"jg-realisations bg-jg-grey-100 py-14 lg:py-24 alignfull wp-block-realisations-grid\"\n    \n    x-data=\"jgRealisationsGrid([&quot;numerique-offset&quot;,&quot;grand-format&quot;,&quot;grand-format&quot;,&quot;prototypage&quot;,&quot;grand-format&quot;,&quot;kiosques&quot;,&quot;numerique-offset&quot;,&quot;numerique-offset&quot;,&quot;prototypage&quot;,&quot;grand-format&quot;], true)\"\n  >\n    <div class=\"mx-auto flex w-[min(var(--align-wide),calc(100%-40px))] flex-col gap-7 lg:gap-10\">\n\n      <div class=\"flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between lg:gap-10\">\n        <div class=\"flex flex-col gap-3 lg:gap-4\">\n          \n          <h2 class=\"jg-eyebrow jg-eyebrow--framed jg-eyebrow--md\" >\n        <span class=\"jg-eyebrow__frame\">\n            <span class=\"jg-eyebrow__lead\">All <\/span>            <span class=\"jg-eyebrow__accent\">projects<\/span>        <\/span>\n    <\/h2>\n\n                      <h3 class=\"m-0 text-[27px] leading-[1.1] font-extrabold tracking-[-0.03em] text-balance text-jg-charcoal-900 lg:text-[32px]\">\n              Filter by workshop\n            <\/h3>\n                  <\/div>\n\n        \n        <p class=\"m-0 text-[14px] leading-[1.4] text-jg-grey-420 lg:shrink-0 lg:pb-1\" aria-live=\"polite\">\n                      <span\n              class=\"jg-realisations__result is-active\"\n              data-filter=\"all\"\n              :class=\"{ 'is-active': filter === 'all' }\"\n            >10 projects \u00b7 all workshops<\/span>\n                      <span\n              class=\"jg-realisations__result\"\n              data-filter=\"grand-format\"\n              :class=\"{ 'is-active': filter === 'grand-format' }\"\n            >4 projects \u00b7 Large format<\/span>\n                      <span\n              class=\"jg-realisations__result\"\n              data-filter=\"kiosques\"\n              :class=\"{ 'is-active': filter === 'kiosques' }\"\n            >1 project \u00b7 Exhibition booths<\/span>\n                      <span\n              class=\"jg-realisations__result\"\n              data-filter=\"numerique-offset\"\n              :class=\"{ 'is-active': filter === 'numerique-offset' }\"\n            >3 projects \u00b7 Digital and offset<\/span>\n                      <span\n              class=\"jg-realisations__result\"\n              data-filter=\"prototypage\"\n              :class=\"{ 'is-active': filter === 'prototypage' }\"\n            >2 projects \u00b7 Prototyping<\/span>\n                  <\/p>\n      <\/div>\n\n              <div class=\"jg-realisations__filters\" role=\"group\" aria-label=\"Filter by workshop\">\n          <button\n            type=\"button\"\n            class=\"jg-realisations__pill is-active\"\n            :class=\"{ 'is-active': filter === 'all' }\"\n            :aria-pressed=\"filter === 'all'\"\n            aria-pressed=\"true\"\n            x-ref=\"allPill\"\n            @click=\"setFilter('all')\"\n          >\n            All\n            <span class=\"jg-tag jg-tag--count is-active\" x-bind:class=\"{ 'is-active': filter === 'all' }\">10<\/span>\n          <\/button>\n\n                      <button\n              type=\"button\"\n              class=\"jg-realisations__pill\"\n              :class=\"{ 'is-active': filter === 'grand-format' }\"\n              :aria-pressed=\"filter === 'grand-format'\"\n              aria-pressed=\"false\"\n              @click=\"setFilter('grand-format')\"\n            >\n              Large format\n              <span class=\"jg-tag jg-tag--count\" x-bind:class=\"{ 'is-active': filter === 'grand-format' }\">4<\/span>\n            <\/button>\n                      <button\n              type=\"button\"\n              class=\"jg-realisations__pill\"\n              :class=\"{ 'is-active': filter === 'kiosques' }\"\n              :aria-pressed=\"filter === 'kiosques'\"\n              aria-pressed=\"false\"\n              @click=\"setFilter('kiosques')\"\n            >\n              Exhibition booths\n              <span class=\"jg-tag jg-tag--count\" x-bind:class=\"{ 'is-active': filter === 'kiosques' }\">1<\/span>\n            <\/button>\n                      <button\n              type=\"button\"\n              class=\"jg-realisations__pill\"\n              :class=\"{ 'is-active': filter === 'numerique-offset' }\"\n              :aria-pressed=\"filter === 'numerique-offset'\"\n              aria-pressed=\"false\"\n              @click=\"setFilter('numerique-offset')\"\n            >\n              Digital and offset\n              <span class=\"jg-tag jg-tag--count\" x-bind:class=\"{ 'is-active': filter === 'numerique-offset' }\">3<\/span>\n            <\/button>\n                      <button\n              type=\"button\"\n              class=\"jg-realisations__pill\"\n              :class=\"{ 'is-active': filter === 'prototypage' }\"\n              :aria-pressed=\"filter === 'prototypage'\"\n              aria-pressed=\"false\"\n              @click=\"setFilter('prototypage')\"\n            >\n              Prototyping\n              <span class=\"jg-tag jg-tag--count\" x-bind:class=\"{ 'is-active': filter === 'prototypage' }\">2<\/span>\n            <\/button>\n                  <\/div>\n      \n      <ul class=\"m-0 grid list-none grid-cols-1 gap-5 p-0 md:grid-cols-2 lg:grid-cols-3 lg:gap-6\">\n                  \n          <li\n            class=\"jg-realisations__card flex min-w-0 flex-col overflow-hidden rounded-jg-lg border border-jg-grey-250 bg-jg-white\"\n            :class=\"{ 'is-hidden': ! matches('numerique-offset') }\"\n          >\n            \n            <a\n              href=\"#jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-0\"\n              @click.prevent=\"open(0)\"\n              class=\"jg-realisations__photo relative block h-[220px] overflow-hidden rounded-t-jg-lg lg:h-[270px]\"\n            >\n              <img width=\"2160\" height=\"1440\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/kruger-livre-prestige-2160x1440.webp\" class=\"jg-card-photo h-full w-full object-cover\" alt=\"Kruger Prestige Book\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/kruger-livre-prestige-2160x1440.webp 2160w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/kruger-livre-prestige-300x200.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/kruger-livre-prestige-1620x1080.webp 1620w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/kruger-livre-prestige-768x512.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/kruger-livre-prestige-1536x1024.webp 1536w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/kruger-livre-prestige-2048x1366.webp 2048w\" title=\"\">\n\n              <span class=\"jg-card-zoom-badge\" aria-hidden=\"true\">\n                <span><svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\/>\n<\/svg><\/span>\n              <\/span>\n            <\/a>\n\n            <div class=\"flex flex-1 flex-col gap-2 p-[22px] lg:p-6\">\n              <h4 class=\"m-0 text-[17px] leading-[1.3] font-bold tracking-[-0.015em] text-pretty text-jg-charcoal-900\">\n                Kruger Prestige Book\n              <\/h4>\n\n              \n              \n                              <div class=\"mt-auto flex flex-col gap-2\">\n                                      <div class=\"flex items-center gap-2 border-t border-jg-grey-100 pt-3.5\">\n                      <svg class=\"h-3.5 w-3.5 flex-none text-jg-lime-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z\"\/>\n<\/svg>\n                                              <a href=\"https:\/\/jg.qc.ca\/en\/digital-and-offset-printing\/\" class=\"jg-realisations__atelier flex flex-1 items-center gap-2 text-[13px] leading-[1.3] font-semibold text-jg-lime-800 no-underline\">\n                          <span class=\"flex-1\">Digital and offset<\/span>\n\n                          <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none\" aria-hidden=\"true\">\n                            <svg class=\"h-3.5 w-3.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                          <\/span>\n                        <\/a>\n                                          <\/div>\n                  \n                                  <\/div>\n                          <\/div>\n          <\/li>\n                  \n          <li\n            class=\"jg-realisations__card flex min-w-0 flex-col overflow-hidden rounded-jg-lg border border-jg-grey-250 bg-jg-white\"\n            :class=\"{ 'is-hidden': ! matches('grand-format') }\"\n          >\n            \n            <a\n              href=\"#jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-1\"\n              @click.prevent=\"open(1)\"\n              class=\"jg-realisations__photo relative block h-[220px] overflow-hidden rounded-t-jg-lg lg:h-[270px]\"\n            >\n              <img width=\"1280\" height=\"960\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/popup_the_north_face_jg.webp\" class=\"jg-card-photo h-full w-full object-cover\" alt=\"The North Face Graphic Wall\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/popup_the_north_face_jg.webp 1280w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/popup_the_north_face_jg-300x225.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/popup_the_north_face_jg-768x576.webp 768w\" title=\"\">\n\n              <span class=\"jg-card-zoom-badge\" aria-hidden=\"true\">\n                <span><svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\/>\n<\/svg><\/span>\n              <\/span>\n            <\/a>\n\n            <div class=\"flex flex-1 flex-col gap-2 p-[22px] lg:p-6\">\n              <h4 class=\"m-0 text-[17px] leading-[1.3] font-bold tracking-[-0.015em] text-pretty text-jg-charcoal-900\">\n                The North Face Graphic Wall\n              <\/h4>\n\n              \n              \n                              <div class=\"mt-auto flex flex-col gap-2\">\n                                      <div class=\"flex items-center gap-2 border-t border-jg-grey-100 pt-3.5\">\n                      <svg class=\"h-3.5 w-3.5 flex-none text-jg-lime-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z\"\/>\n<\/svg>\n                                              <a href=\"https:\/\/jg.qc.ca\/en\/large-format-printing\/\" class=\"jg-realisations__atelier flex flex-1 items-center gap-2 text-[13px] leading-[1.3] font-semibold text-jg-lime-800 no-underline\">\n                          <span class=\"flex-1\">Large format<\/span>\n\n                          <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none\" aria-hidden=\"true\">\n                            <svg class=\"h-3.5 w-3.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                          <\/span>\n                        <\/a>\n                                          <\/div>\n                  \n                                  <\/div>\n                          <\/div>\n          <\/li>\n                  \n          <li\n            class=\"jg-realisations__card flex min-w-0 flex-col overflow-hidden rounded-jg-lg border border-jg-grey-250 bg-jg-white\"\n            :class=\"{ 'is-hidden': ! matches('grand-format') }\"\n          >\n            \n            <a\n              href=\"#jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-2\"\n              @click.prevent=\"open(2)\"\n              class=\"jg-realisations__photo relative block h-[220px] overflow-hidden rounded-t-jg-lg lg:h-[270px]\"\n            >\n              <img width=\"1510\" height=\"1000\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/schneider3_productionJG.jpg\" class=\"jg-card-photo h-full w-full object-cover\" alt=\"Complete signage for a distribution center\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/schneider3_productionJG.jpg 1510w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/schneider3_productionJG-768x509.jpg 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/schneider3_productionJG-300x199.jpg 300w\" title=\"\">\n\n              <span class=\"jg-card-zoom-badge\" aria-hidden=\"true\">\n                <span><svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\/>\n<\/svg><\/span>\n              <\/span>\n            <\/a>\n\n            <div class=\"flex flex-1 flex-col gap-2 p-[22px] lg:p-6\">\n              <h4 class=\"m-0 text-[17px] leading-[1.3] font-bold tracking-[-0.015em] text-pretty text-jg-charcoal-900\">\n                Complete signage for a distribution center\n              <\/h4>\n\n              \n              \n                              <div class=\"mt-auto flex flex-col gap-2\">\n                                      <div class=\"flex items-center gap-2 border-t border-jg-grey-100 pt-3.5\">\n                      <svg class=\"h-3.5 w-3.5 flex-none text-jg-lime-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z\"\/>\n<\/svg>\n                                              <a href=\"https:\/\/jg.qc.ca\/en\/large-format-printing\/\" class=\"jg-realisations__atelier flex flex-1 items-center gap-2 text-[13px] leading-[1.3] font-semibold text-jg-lime-800 no-underline\">\n                          <span class=\"flex-1\">Large format<\/span>\n\n                          <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none\" aria-hidden=\"true\">\n                            <svg class=\"h-3.5 w-3.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                          <\/span>\n                        <\/a>\n                                          <\/div>\n                  \n                                  <\/div>\n                          <\/div>\n          <\/li>\n                  \n          <li\n            class=\"jg-realisations__card flex min-w-0 flex-col overflow-hidden rounded-jg-lg border border-jg-grey-250 bg-jg-white\"\n            :class=\"{ 'is-hidden': ! matches('prototypage') }\"\n          >\n            \n            <a\n              href=\"#jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-3\"\n              @click.prevent=\"open(3)\"\n              class=\"jg-realisations__photo relative block h-[220px] overflow-hidden rounded-t-jg-lg lg:h-[270px]\"\n            >\n              <img width=\"1280\" height=\"960\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/bumper-jg.webp\" class=\"jg-card-photo h-full w-full object-cover\" alt=\"Bumper to Bumper Display\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/bumper-jg.webp 1280w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/bumper-jg-300x225.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/bumper-jg-768x576.webp 768w\" title=\"\">\n\n              <span class=\"jg-card-zoom-badge\" aria-hidden=\"true\">\n                <span><svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\/>\n<\/svg><\/span>\n              <\/span>\n            <\/a>\n\n            <div class=\"flex flex-1 flex-col gap-2 p-[22px] lg:p-6\">\n              <h4 class=\"m-0 text-[17px] leading-[1.3] font-bold tracking-[-0.015em] text-pretty text-jg-charcoal-900\">\n                Bumper to Bumper Display\n              <\/h4>\n\n              \n              \n                              <div class=\"mt-auto flex flex-col gap-2\">\n                                      <div class=\"flex items-center gap-2 border-t border-jg-grey-100 pt-3.5\">\n                      <svg class=\"h-3.5 w-3.5 flex-none text-jg-lime-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z\"\/>\n<\/svg>\n                                              <a href=\"https:\/\/jg.qc.ca\/en\/prototyping\/\" class=\"jg-realisations__atelier flex flex-1 items-center gap-2 text-[13px] leading-[1.3] font-semibold text-jg-lime-800 no-underline\">\n                          <span class=\"flex-1\">Prototyping<\/span>\n\n                          <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none\" aria-hidden=\"true\">\n                            <svg class=\"h-3.5 w-3.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                          <\/span>\n                        <\/a>\n                                          <\/div>\n                  \n                                  <\/div>\n                          <\/div>\n          <\/li>\n                  \n          <li\n            class=\"jg-realisations__card flex min-w-0 flex-col overflow-hidden rounded-jg-lg border border-jg-grey-250 bg-jg-white\"\n            :class=\"{ 'is-hidden': ! matches('grand-format') }\"\n          >\n            \n            <a\n              href=\"#jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-4\"\n              @click.prevent=\"open(4)\"\n              class=\"jg-realisations__photo relative block h-[220px] overflow-hidden rounded-t-jg-lg lg:h-[270px]\"\n            >\n              <img width=\"1291\" height=\"864\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/camion_productionJG.jpg\" class=\"jg-card-photo h-full w-full object-cover\" alt=\"Vehicle Wrap\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/camion_productionJG.jpg 1291w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/camion_productionJG-768x514.jpg 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/camion_productionJG-300x201.jpg 300w\" title=\"\">\n\n              <span class=\"jg-card-zoom-badge\" aria-hidden=\"true\">\n                <span><svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\/>\n<\/svg><\/span>\n              <\/span>\n            <\/a>\n\n            <div class=\"flex flex-1 flex-col gap-2 p-[22px] lg:p-6\">\n              <h4 class=\"m-0 text-[17px] leading-[1.3] font-bold tracking-[-0.015em] text-pretty text-jg-charcoal-900\">\n                Model\n              <\/h4>\n\n              \n              \n                              <div class=\"mt-auto flex flex-col gap-2\">\n                                      <div class=\"flex items-center gap-2 border-t border-jg-grey-100 pt-3.5\">\n                      <svg class=\"h-3.5 w-3.5 flex-none text-jg-lime-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z\"\/>\n<\/svg>\n                                              <a href=\"https:\/\/jg.qc.ca\/en\/large-format-printing\/\" class=\"jg-realisations__atelier flex flex-1 items-center gap-2 text-[13px] leading-[1.3] font-semibold text-jg-lime-800 no-underline\">\n                          <span class=\"flex-1\">Large format<\/span>\n\n                          <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none\" aria-hidden=\"true\">\n                            <svg class=\"h-3.5 w-3.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                          <\/span>\n                        <\/a>\n                                          <\/div>\n                  \n                                  <\/div>\n                          <\/div>\n          <\/li>\n                  \n          <li\n            class=\"jg-realisations__card flex min-w-0 flex-col overflow-hidden rounded-jg-lg border border-jg-grey-250 bg-jg-white\"\n            :class=\"{ 'is-hidden': ! matches('kiosques') }\"\n          >\n            \n            <a\n              href=\"#jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-5\"\n              @click.prevent=\"open(5)\"\n              class=\"jg-realisations__photo relative block h-[220px] overflow-hidden rounded-t-jg-lg lg:h-[270px]\"\n            >\n              <img width=\"2000\" height=\"1333\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/decathlon-2-comptoir.webp\" class=\"jg-card-photo h-full w-full object-cover\" alt=\"Decathlon Counter\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/decathlon-2-comptoir.webp 2000w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/decathlon-2-comptoir-300x200.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/decathlon-2-comptoir-1620x1080.webp 1620w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/decathlon-2-comptoir-768x512.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/decathlon-2-comptoir-1536x1024.webp 1536w\" title=\"\">\n\n              <span class=\"jg-card-zoom-badge\" aria-hidden=\"true\">\n                <span><svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\/>\n<\/svg><\/span>\n              <\/span>\n            <\/a>\n\n            <div class=\"flex flex-1 flex-col gap-2 p-[22px] lg:p-6\">\n              <h4 class=\"m-0 text-[17px] leading-[1.3] font-bold tracking-[-0.015em] text-pretty text-jg-charcoal-900\">\n                Decathlon Counter\n              <\/h4>\n\n              \n              \n                              <div class=\"mt-auto flex flex-col gap-2\">\n                                      <div class=\"flex items-center gap-2 border-t border-jg-grey-100 pt-3.5\">\n                      <svg class=\"h-3.5 w-3.5 flex-none text-jg-lime-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z\"\/>\n<\/svg>\n                                              <a href=\"https:\/\/jg.qc.ca\/en\/exhibition-booths\/\" class=\"jg-realisations__atelier flex flex-1 items-center gap-2 text-[13px] leading-[1.3] font-semibold text-jg-lime-800 no-underline\">\n                          <span class=\"flex-1\">Exhibition booths<\/span>\n\n                          <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none\" aria-hidden=\"true\">\n                            <svg class=\"h-3.5 w-3.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                          <\/span>\n                        <\/a>\n                                          <\/div>\n                  \n                                  <\/div>\n                          <\/div>\n          <\/li>\n                  \n          <li\n            class=\"jg-realisations__card flex min-w-0 flex-col overflow-hidden rounded-jg-lg border border-jg-grey-250 bg-jg-white\"\n            :class=\"{ 'is-hidden': ! matches('numerique-offset') }\"\n          >\n            \n            <a\n              href=\"#jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-6\"\n              @click.prevent=\"open(6)\"\n              class=\"jg-realisations__photo relative block h-[220px] overflow-hidden rounded-t-jg-lg lg:h-[270px]\"\n            >\n              <img width=\"1100\" height=\"825\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/exalto-brochure.webp\" class=\"jg-card-photo h-full w-full object-cover\" alt=\"Exalto Brochure\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/exalto-brochure.webp 1100w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/exalto-brochure-300x225.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/exalto-brochure-768x576.webp 768w\" title=\"\">\n\n              <span class=\"jg-card-zoom-badge\" aria-hidden=\"true\">\n                <span><svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\/>\n<\/svg><\/span>\n              <\/span>\n            <\/a>\n\n            <div class=\"flex flex-1 flex-col gap-2 p-[22px] lg:p-6\">\n              <h4 class=\"m-0 text-[17px] leading-[1.3] font-bold tracking-[-0.015em] text-pretty text-jg-charcoal-900\">\n                Exalto Brochure\n              <\/h4>\n\n              \n              \n                              <div class=\"mt-auto flex flex-col gap-2\">\n                                      <div class=\"flex items-center gap-2 border-t border-jg-grey-100 pt-3.5\">\n                      <svg class=\"h-3.5 w-3.5 flex-none text-jg-lime-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z\"\/>\n<\/svg>\n                                              <a href=\"https:\/\/jg.qc.ca\/en\/digital-and-offset-printing\/\" class=\"jg-realisations__atelier flex flex-1 items-center gap-2 text-[13px] leading-[1.3] font-semibold text-jg-lime-800 no-underline\">\n                          <span class=\"flex-1\">Digital and offset<\/span>\n\n                          <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none\" aria-hidden=\"true\">\n                            <svg class=\"h-3.5 w-3.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                          <\/span>\n                        <\/a>\n                                          <\/div>\n                  \n                                  <\/div>\n                          <\/div>\n          <\/li>\n                  \n          <li\n            class=\"jg-realisations__card flex min-w-0 flex-col overflow-hidden rounded-jg-lg border border-jg-grey-250 bg-jg-white\"\n            :class=\"{ 'is-hidden': ! matches('numerique-offset') }\"\n          >\n            \n            <a\n              href=\"#jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-7\"\n              @click.prevent=\"open(7)\"\n              class=\"jg-realisations__photo relative block h-[220px] overflow-hidden rounded-t-jg-lg lg:h-[270px]\"\n            >\n              <img width=\"1280\" height=\"720\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/oly-boite-jg.webp\" class=\"jg-card-photo h-full w-full object-cover\" alt=\"Fresh Product Packaging\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/oly-boite-jg.webp 1280w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/oly-boite-jg-300x169.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/oly-boite-jg-768x432.webp 768w\" title=\"\">\n\n              <span class=\"jg-card-zoom-badge\" aria-hidden=\"true\">\n                <span><svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\/>\n<\/svg><\/span>\n              <\/span>\n            <\/a>\n\n            <div class=\"flex flex-1 flex-col gap-2 p-[22px] lg:p-6\">\n              <h4 class=\"m-0 text-[17px] leading-[1.3] font-bold tracking-[-0.015em] text-pretty text-jg-charcoal-900\">\n                Fresh Product Packaging\n              <\/h4>\n\n              \n              \n                              <div class=\"mt-auto flex flex-col gap-2\">\n                                      <div class=\"flex items-center gap-2 border-t border-jg-grey-100 pt-3.5\">\n                      <svg class=\"h-3.5 w-3.5 flex-none text-jg-lime-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z\"\/>\n<\/svg>\n                                              <a href=\"https:\/\/jg.qc.ca\/en\/digital-and-offset-printing\/\" class=\"jg-realisations__atelier flex flex-1 items-center gap-2 text-[13px] leading-[1.3] font-semibold text-jg-lime-800 no-underline\">\n                          <span class=\"flex-1\">Digital and offset<\/span>\n\n                          <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none\" aria-hidden=\"true\">\n                            <svg class=\"h-3.5 w-3.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                          <\/span>\n                        <\/a>\n                                          <\/div>\n                  \n                                  <\/div>\n                          <\/div>\n          <\/li>\n                  \n          <li\n            class=\"jg-realisations__card flex min-w-0 flex-col overflow-hidden rounded-jg-lg border border-jg-grey-250 bg-jg-white\"\n            :class=\"{ 'is-hidden': ! matches('prototypage') }\"\n          >\n            \n            <a\n              href=\"#jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-8\"\n              @click.prevent=\"open(8)\"\n              class=\"jg-realisations__photo relative block h-[220px] overflow-hidden rounded-t-jg-lg lg:h-[270px]\"\n            >\n              <img width=\"1291\" height=\"864\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/prototype_productionJG.jpg\" class=\"jg-card-photo h-full w-full object-cover\" alt=\"Packaging Mock-up\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/prototype_productionJG.jpg 1291w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/prototype_productionJG-768x514.jpg 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/prototype_productionJG-300x201.jpg 300w\" title=\"\">\n\n              <span class=\"jg-card-zoom-badge\" aria-hidden=\"true\">\n                <span><svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\/>\n<\/svg><\/span>\n              <\/span>\n            <\/a>\n\n            <div class=\"flex flex-1 flex-col gap-2 p-[22px] lg:p-6\">\n              <h4 class=\"m-0 text-[17px] leading-[1.3] font-bold tracking-[-0.015em] text-pretty text-jg-charcoal-900\">\n                Packaging Mock-up\n              <\/h4>\n\n              \n              \n                              <div class=\"mt-auto flex flex-col gap-2\">\n                                      <div class=\"flex items-center gap-2 border-t border-jg-grey-100 pt-3.5\">\n                      <svg class=\"h-3.5 w-3.5 flex-none text-jg-lime-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z\"\/>\n<\/svg>\n                                              <a href=\"https:\/\/jg.qc.ca\/en\/prototyping\/\" class=\"jg-realisations__atelier flex flex-1 items-center gap-2 text-[13px] leading-[1.3] font-semibold text-jg-lime-800 no-underline\">\n                          <span class=\"flex-1\">Prototyping<\/span>\n\n                          <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none\" aria-hidden=\"true\">\n                            <svg class=\"h-3.5 w-3.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                          <\/span>\n                        <\/a>\n                                          <\/div>\n                  \n                                  <\/div>\n                          <\/div>\n          <\/li>\n                  \n          <li\n            class=\"jg-realisations__card flex min-w-0 flex-col overflow-hidden rounded-jg-lg border border-jg-grey-250 bg-jg-white\"\n            :class=\"{ 'is-hidden': ! matches('grand-format') }\"\n          >\n            \n            <a\n              href=\"#jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-9\"\n              @click.prevent=\"open(9)\"\n              class=\"jg-realisations__photo relative block h-[220px] overflow-hidden rounded-t-jg-lg lg:h-[270px]\"\n            >\n              <img width=\"1020\" height=\"765\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/murale_palais_productionJG.jpg\" class=\"jg-card-photo h-full w-full object-cover\" alt=\"Palais des congr\u00e8s mural\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/murale_palais_productionJG.jpg 1020w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/murale_palais_productionJG-768x576.jpg 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/murale_palais_productionJG-300x225.jpg 300w\" title=\"\">\n\n              <span class=\"jg-card-zoom-badge\" aria-hidden=\"true\">\n                <span><svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6\"\/>\n<\/svg><\/span>\n              <\/span>\n            <\/a>\n\n            <div class=\"flex flex-1 flex-col gap-2 p-[22px] lg:p-6\">\n              <h4 class=\"m-0 text-[17px] leading-[1.3] font-bold tracking-[-0.015em] text-pretty text-jg-charcoal-900\">\n                Palais des congr\u00e8s mural\n              <\/h4>\n\n              \n              \n                              <div class=\"mt-auto flex flex-col gap-2\">\n                                      <div class=\"flex items-center gap-2 border-t border-jg-grey-100 pt-3.5\">\n                      <svg class=\"h-3.5 w-3.5 flex-none text-jg-lime-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z\"\/>\n<\/svg>\n                                              <a href=\"https:\/\/jg.qc.ca\/en\/large-format-printing\/\" class=\"jg-realisations__atelier flex flex-1 items-center gap-2 text-[13px] leading-[1.3] font-semibold text-jg-lime-800 no-underline\">\n                          <span class=\"flex-1\">Large format<\/span>\n\n                          <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none\" aria-hidden=\"true\">\n                            <svg class=\"h-3.5 w-3.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                          <\/span>\n                        <\/a>\n                                          <\/div>\n                  \n                                  <\/div>\n                          <\/div>\n          <\/li>\n              <\/ul>\n\n      \n      <div class=\"jg-empty-state\"  x-show=\"visible.length === 0\" x-cloak >\n  <span class=\"jg-empty-state__token\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z\"\/>\n<\/svg><\/span>\n\n  <p class=\"jg-empty-state__title\">Nothing in this workshop yet<\/p>\n\n      <p class=\"jg-empty-state__text\">Projects from this workshop are on their way.<\/p>\n  \n      <button type=\"button\" class=\"jg-btn jg-btn--outline jg-btn--md\" x-on:click=\"setFilter(&#039;all&#039;); $nextTick(() =&gt; $refs.allPill.focus())\">All realisations<\/button>\n  <\/div>\n\n      <div\n  class=\"jg-lightbox jg-lightbox--light\"\n  x-show=\"current !== null\"\n  x-cloak\n  x-trap.noscroll.inert=\"current !== null\"\n  @keydown.escape.window=\"close()\"\n  @keydown.arrow-right.window=\"next()\"\n  @keydown.arrow-left.window=\"prev()\"\n  @click.self=\"close()\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-label=\"Project photos\"\n>\n  <button\n    type=\"button\"\n    class=\"jg-lightbox__close\"\n    @click=\"close()\"\n    aria-label=\"Close the gallery\"\n  >\n    <svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\"\/>\n<\/svg>  <\/button>\n\n  \n  <div class=\"jg-lightbox__stage\" aria-live=\"polite\">\n          \n      \n      <figure\n        id=\"jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-0\"\n        class=\"jg-lightbox__slide is-active\"\n        :class=\"{ 'is-active': current === 0 }\"\n      >\n        <img width=\"2160\" height=\"1440\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/kruger-livre-prestige-2160x1440.webp\" class=\"jg-lightbox__image\" alt=\"Kruger Prestige Book\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/kruger-livre-prestige-2160x1440.webp 2160w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/kruger-livre-prestige-300x200.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/kruger-livre-prestige-1620x1080.webp 1620w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/kruger-livre-prestige-768x512.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/kruger-livre-prestige-1536x1024.webp 1536w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/kruger-livre-prestige-2048x1366.webp 2048w\" title=\"\">\n\n        <figcaption class=\"jg-lightbox__figcaption\">\n          <span class=\"jg-lightbox__caption-label\">Kruger Prestige Book<\/span>\n\n                  <\/figcaption>\n      <\/figure>\n          \n      \n      <figure\n        id=\"jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-1\"\n        class=\"jg-lightbox__slide\"\n        :class=\"{ 'is-active': current === 1 }\"\n      >\n        <img width=\"1280\" height=\"960\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/popup_the_north_face_jg.webp\" class=\"jg-lightbox__image\" alt=\"The North Face Graphic Wall\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/popup_the_north_face_jg.webp 1280w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/popup_the_north_face_jg-300x225.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/popup_the_north_face_jg-768x576.webp 768w\" title=\"\">\n\n        <figcaption class=\"jg-lightbox__figcaption\">\n          <span class=\"jg-lightbox__caption-label\">The North Face Graphic Wall<\/span>\n\n                  <\/figcaption>\n      <\/figure>\n          \n      \n      <figure\n        id=\"jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-2\"\n        class=\"jg-lightbox__slide\"\n        :class=\"{ 'is-active': current === 2 }\"\n      >\n        <img width=\"1510\" height=\"1000\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/schneider3_productionJG.jpg\" class=\"jg-lightbox__image\" alt=\"Complete signage for a distribution center\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/schneider3_productionJG.jpg 1510w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/schneider3_productionJG-768x509.jpg 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/schneider3_productionJG-300x199.jpg 300w\" title=\"\">\n\n        <figcaption class=\"jg-lightbox__figcaption\">\n          <span class=\"jg-lightbox__caption-label\">Complete signage for a distribution center<\/span>\n\n                  <\/figcaption>\n      <\/figure>\n          \n      \n      <figure\n        id=\"jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-3\"\n        class=\"jg-lightbox__slide\"\n        :class=\"{ 'is-active': current === 3 }\"\n      >\n        <img width=\"1280\" height=\"960\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/bumper-jg.webp\" class=\"jg-lightbox__image\" alt=\"Bumper to Bumper Display\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/bumper-jg.webp 1280w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/bumper-jg-300x225.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/bumper-jg-768x576.webp 768w\" title=\"\">\n\n        <figcaption class=\"jg-lightbox__figcaption\">\n          <span class=\"jg-lightbox__caption-label\">Bumper to Bumper Display<\/span>\n\n                  <\/figcaption>\n      <\/figure>\n          \n      \n      <figure\n        id=\"jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-4\"\n        class=\"jg-lightbox__slide\"\n        :class=\"{ 'is-active': current === 4 }\"\n      >\n        <img width=\"1291\" height=\"864\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/camion_productionJG.jpg\" class=\"jg-lightbox__image\" alt=\"Vehicle Wrap\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/camion_productionJG.jpg 1291w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/camion_productionJG-768x514.jpg 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/camion_productionJG-300x201.jpg 300w\" title=\"\">\n\n        <figcaption class=\"jg-lightbox__figcaption\">\n          <span class=\"jg-lightbox__caption-label\">Model<\/span>\n\n                  <\/figcaption>\n      <\/figure>\n          \n      \n      <figure\n        id=\"jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-5\"\n        class=\"jg-lightbox__slide\"\n        :class=\"{ 'is-active': current === 5 }\"\n      >\n        <img width=\"2000\" height=\"1333\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/decathlon-2-comptoir.webp\" class=\"jg-lightbox__image\" alt=\"Decathlon Counter\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/decathlon-2-comptoir.webp 2000w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/decathlon-2-comptoir-300x200.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/decathlon-2-comptoir-1620x1080.webp 1620w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/decathlon-2-comptoir-768x512.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/decathlon-2-comptoir-1536x1024.webp 1536w\" title=\"\">\n\n        <figcaption class=\"jg-lightbox__figcaption\">\n          <span class=\"jg-lightbox__caption-label\">Decathlon Counter<\/span>\n\n                  <\/figcaption>\n      <\/figure>\n          \n      \n      <figure\n        id=\"jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-6\"\n        class=\"jg-lightbox__slide\"\n        :class=\"{ 'is-active': current === 6 }\"\n      >\n        <img width=\"1100\" height=\"825\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/exalto-brochure.webp\" class=\"jg-lightbox__image\" alt=\"Exalto Brochure\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/exalto-brochure.webp 1100w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/exalto-brochure-300x225.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/exalto-brochure-768x576.webp 768w\" title=\"\">\n\n        <figcaption class=\"jg-lightbox__figcaption\">\n          <span class=\"jg-lightbox__caption-label\">Exalto Brochure<\/span>\n\n                  <\/figcaption>\n      <\/figure>\n          \n      \n      <figure\n        id=\"jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-7\"\n        class=\"jg-lightbox__slide\"\n        :class=\"{ 'is-active': current === 7 }\"\n      >\n        <img width=\"1280\" height=\"720\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/oly-boite-jg.webp\" class=\"jg-lightbox__image\" alt=\"Fresh Product Packaging\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/oly-boite-jg.webp 1280w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/oly-boite-jg-300x169.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/05\/oly-boite-jg-768x432.webp 768w\" title=\"\">\n\n        <figcaption class=\"jg-lightbox__figcaption\">\n          <span class=\"jg-lightbox__caption-label\">Fresh Product Packaging<\/span>\n\n                  <\/figcaption>\n      <\/figure>\n          \n      \n      <figure\n        id=\"jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-8\"\n        class=\"jg-lightbox__slide\"\n        :class=\"{ 'is-active': current === 8 }\"\n      >\n        <img width=\"1291\" height=\"864\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/prototype_productionJG.jpg\" class=\"jg-lightbox__image\" alt=\"Packaging Mock-up\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/prototype_productionJG.jpg 1291w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/prototype_productionJG-768x514.jpg 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/prototype_productionJG-300x201.jpg 300w\" title=\"\">\n\n        <figcaption class=\"jg-lightbox__figcaption\">\n          <span class=\"jg-lightbox__caption-label\">Packaging Mock-up<\/span>\n\n                  <\/figcaption>\n      <\/figure>\n          \n      \n      <figure\n        id=\"jg-realisations-lightbox-block_ea88d866fee8483135588c9dca25c052-9\"\n        class=\"jg-lightbox__slide\"\n        :class=\"{ 'is-active': current === 9 }\"\n      >\n        <img width=\"1020\" height=\"765\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/murale_palais_productionJG.jpg\" class=\"jg-lightbox__image\" alt=\"Palais des congr\u00e8s mural\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 80vw, 100vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/murale_palais_productionJG.jpg 1020w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/murale_palais_productionJG-768x576.jpg 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/07\/murale_palais_productionJG-300x225.jpg 300w\" title=\"\">\n\n        <figcaption class=\"jg-lightbox__figcaption\">\n          <span class=\"jg-lightbox__caption-label\">Palais des congr\u00e8s mural<\/span>\n\n                  <\/figcaption>\n      <\/figure>\n      <\/div>\n\n      <div class=\"jg-lightbox__nav\">\n      <button\n        type=\"button\"\n        @click=\"prev()\"\n        aria-label=\"Previous photo\"\n      >\n        <svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 19.5 8.25 12l7.5-7.5\"\/>\n<\/svg>      <\/button>\n\n      <button\n        type=\"button\"\n        @click=\"next()\"\n        aria-label=\"Next photo\"\n      >\n        <svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m8.25 4.5 7.5 7.5-7.5 7.5\"\/>\n<\/svg>      <\/button>\n    <\/div>\n  <\/div>\n\n    <\/div>\n  <\/section>\n\n\n\n<section class=\"jg-showcase jg-showcase--light alignfull wp-block-showcase\">\n  \n  <div\n    class=\"mx-auto flex w-[min(var(--align-wide),calc(100%-40px))] flex-col gap-[26px] lg:gap-11\"\n      >\n\n    \n    <div class=\"flex flex-col gap-[18px] lg:flex-row lg:items-end lg:justify-between lg:gap-12\">\n      <div class=\"flex flex-col gap-[18px] lg:flex-1 lg:flex-row lg:items-end lg:justify-between lg:gap-12\">\n        <h2 class=\"jg-eyebrow jg-eyebrow--framed jg-eyebrow--md\" >\n        <span class=\"jg-eyebrow__frame\">\n            <span class=\"jg-eyebrow__lead\">Our <\/span>            <span class=\"jg-eyebrow__accent\">services<\/span>        <\/span>\n    <\/h2>\n\n        \n              <\/div>\n\n          <\/div>\n\n          <div>\n        <ul class=\"m-0 grid list-none grid-cols-2 p-0 lg:gap-5 gap-3 max-lg:[&amp;&gt;li:last-child:nth-child(odd)]:col-span-2 lg:grid-cols-5\" >\n                      \n            <li class=\"min-w-0\">\n                              <a\n                  href=\"https:\/\/jg.qc.ca\/en\/large-format-printing\/\"\n                  class=\"jg-showcase__tile relative block h-[150px] overflow-hidden rounded-jg-lg no-underline lg:h-[240px]\"\n                                  >\n              \n                                                      <img width=\"2560\" height=\"1195\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-grand-format.webp\" class=\"jg-card-photo absolute inset-0 h-full w-full object-cover\" alt=\"Operator at a large format printer at the Production JG workshop, in downtown Montreal\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 25vw, 50vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-grand-format.webp 2560w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-grand-format-300x140.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-grand-format-1920x896.webp 1920w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-grand-format-768x359.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-grand-format-1536x717.webp 1536w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-grand-format-2048x956.webp 2048w\" title=\"\">\n                  \n                  <span class=\"jg-showcase__veil absolute inset-0\" aria-hidden=\"true\"><\/span>\n                \n                <span class=\"flex items-center gap-2.5 absolute inset-x-0 bottom-0 p-3.5 lg:gap-3 lg:p-5\">\n                  <span class=\"flex-1 font-bold tracking-[-0.015em] text-jg-white text-[14.5px] leading-[1.2] lg:text-lg\">Large format printing<\/span>\n\n                                      <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none text-jg-lime-500 lg:h-4 lg:w-4\" aria-hidden=\"true\">\n                      <svg class=\"h-3.5 w-3.5 lg:h-4 lg:w-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                    <\/span>\n\n                                                      <\/span>\n\n              <\/a>            <\/li>\n                      \n            <li class=\"min-w-0\">\n                              <a\n                  href=\"https:\/\/jg.qc.ca\/en\/digital-and-offset-printing\/\"\n                  class=\"jg-showcase__tile relative block h-[150px] overflow-hidden rounded-jg-lg no-underline lg:h-[240px]\"\n                                  >\n              \n                                                      <img width=\"2560\" height=\"1195\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-impression-numerique.webp\" class=\"jg-card-photo absolute inset-0 h-full w-full object-cover\" alt=\"Operator at a digital press at the Production JG workshop, in downtown Montreal\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 25vw, 50vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-impression-numerique.webp 2560w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-impression-numerique-300x140.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-impression-numerique-1920x896.webp 1920w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-impression-numerique-768x359.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-impression-numerique-1536x717.webp 1536w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-impression-numerique-2048x956.webp 2048w\" title=\"\">\n                  \n                  <span class=\"jg-showcase__veil absolute inset-0\" aria-hidden=\"true\"><\/span>\n                \n                <span class=\"flex items-center gap-2.5 absolute inset-x-0 bottom-0 p-3.5 lg:gap-3 lg:p-5\">\n                  <span class=\"flex-1 font-bold tracking-[-0.015em] text-jg-white text-[14.5px] leading-[1.2] lg:text-lg\">Digital and offset printing<\/span>\n\n                                      <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none text-jg-lime-500 lg:h-4 lg:w-4\" aria-hidden=\"true\">\n                      <svg class=\"h-3.5 w-3.5 lg:h-4 lg:w-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                    <\/span>\n\n                                                      <\/span>\n\n              <\/a>            <\/li>\n                      \n            <li class=\"min-w-0\">\n                              <a\n                  href=\"https:\/\/jg.qc.ca\/en\/label-printing\/\"\n                  class=\"jg-showcase__tile relative block h-[150px] overflow-hidden rounded-jg-lg no-underline lg:h-[240px]\"\n                                  >\n              \n                                                      <img width=\"1280\" height=\"720\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-impression-etiquettes.webp\" class=\"jg-card-photo absolute inset-0 h-full w-full object-cover\" alt=\"Roll label press at the Production JG workshop, in Montreal\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 25vw, 50vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-impression-etiquettes.webp 1280w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-impression-etiquettes-300x169.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-impression-etiquettes-768x432.webp 768w\" title=\"\">\n                  \n                  <span class=\"jg-showcase__veil absolute inset-0\" aria-hidden=\"true\"><\/span>\n                \n                <span class=\"flex items-center gap-2.5 absolute inset-x-0 bottom-0 p-3.5 lg:gap-3 lg:p-5\">\n                  <span class=\"flex-1 font-bold tracking-[-0.015em] text-jg-white text-[14.5px] leading-[1.2] lg:text-lg\">Label printing<\/span>\n\n                                      <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none text-jg-lime-500 lg:h-4 lg:w-4\" aria-hidden=\"true\">\n                      <svg class=\"h-3.5 w-3.5 lg:h-4 lg:w-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                    <\/span>\n\n                                                      <\/span>\n\n              <\/a>            <\/li>\n                      \n            <li class=\"min-w-0\">\n                              <a\n                  href=\"https:\/\/jg.qc.ca\/en\/exhibition-booths\/\"\n                  class=\"jg-showcase__tile relative block h-[150px] overflow-hidden rounded-jg-lg no-underline lg:h-[240px]\"\n                                  >\n              \n                                                      <img width=\"1920\" height=\"1080\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-kiosques.webp\" class=\"jg-card-photo absolute inset-0 h-full w-full object-cover\" alt=\"Exhibition booth printed by Production JG in Montreal\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 25vw, 50vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-kiosques.webp 1920w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-kiosques-300x169.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-kiosques-768x432.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-kiosques-1536x864.webp 1536w\" title=\"\">\n                  \n                  <span class=\"jg-showcase__veil absolute inset-0\" aria-hidden=\"true\"><\/span>\n                \n                <span class=\"flex items-center gap-2.5 absolute inset-x-0 bottom-0 p-3.5 lg:gap-3 lg:p-5\">\n                  <span class=\"flex-1 font-bold tracking-[-0.015em] text-jg-white text-[14.5px] leading-[1.2] lg:text-lg\">Exhibition booths<\/span>\n\n                                      <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none text-jg-lime-500 lg:h-4 lg:w-4\" aria-hidden=\"true\">\n                      <svg class=\"h-3.5 w-3.5 lg:h-4 lg:w-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                    <\/span>\n\n                                                      <\/span>\n\n              <\/a>            <\/li>\n                      \n            <li class=\"min-w-0\">\n                              <a\n                  href=\"https:\/\/jg.qc.ca\/en\/prototyping\/\"\n                  class=\"jg-showcase__tile relative block h-[150px] overflow-hidden rounded-jg-lg no-underline lg:h-[240px]\"\n                                  >\n              \n                                                      <img width=\"2560\" height=\"1195\" src=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-massicot.webp\" class=\"jg-card-photo absolute inset-0 h-full w-full object-cover\" alt=\"Operator at the cutting station at the Production JG workshop, in Montreal\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 25vw, 50vw\" srcset=\"https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-massicot.webp 2560w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-massicot-300x140.webp 300w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-massicot-1920x896.webp 1920w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-massicot-768x359.webp 768w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-massicot-1536x717.webp 1536w, https:\/\/jg.qc.ca\/wp-content\/uploads\/2024\/04\/photo-operateur-massicot-2048x956.webp 2048w\" title=\"\">\n                  \n                  <span class=\"jg-showcase__veil absolute inset-0\" aria-hidden=\"true\"><\/span>\n                \n                <span class=\"flex items-center gap-2.5 absolute inset-x-0 bottom-0 p-3.5 lg:gap-3 lg:p-5\">\n                  <span class=\"flex-1 font-bold tracking-[-0.015em] text-jg-white text-[14.5px] leading-[1.2] lg:text-lg\">Prototyping<\/span>\n\n                                      <span class=\"jg-card-arrow h-3.5 w-3.5 flex-none text-jg-lime-500 lg:h-4 lg:w-4\" aria-hidden=\"true\">\n                      <svg class=\"h-3.5 w-3.5 lg:h-4 lg:w-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n<\/svg>                    <\/span>\n\n                                                      <\/span>\n\n              <\/a>            <\/li>\n                  <\/ul>\n      <\/div>\n    \n    \n  <\/div>\n<\/section>\n\n\n<section class=\"jg-cta-band bg-jg-grey-100 py-14 lg:py-24 alignfull wp-block-cta-band\">\n  <div class=\"mx-auto w-[min(var(--align-wide),calc(100%-40px))]\">\n    <div class=\"jg-cta-band__sheet relative flex flex-col items-center gap-4 border border-jg-grey-250 bg-white px-[22px] pt-11 pb-6.5 lg:gap-[22px] lg:px-20 lg:pt-18 lg:pb-10\">\n\n                        <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/jg.qc.ca\/wp-content\/themes\/minustwenty_jg_v2\/resources\/images\/print-control\/top-left-mark.svg\"\n            alt=\"\"\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            class=\"pointer-events-none absolute h-4 w-4 opacity-40 lg:h-5 lg:w-5 top-2 left-2 lg:top-2.5 lg:left-2.5\"\n          \/>\n                  <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/jg.qc.ca\/wp-content\/themes\/minustwenty_jg_v2\/resources\/images\/print-control\/top-right-mark.svg\"\n            alt=\"\"\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            class=\"pointer-events-none absolute h-4 w-4 opacity-40 lg:h-5 lg:w-5 top-2 right-2 lg:top-2.5 lg:right-2.5\"\n          \/>\n                  <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/jg.qc.ca\/wp-content\/themes\/minustwenty_jg_v2\/resources\/images\/print-control\/bottom-left-mark.svg\"\n            alt=\"\"\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            class=\"pointer-events-none absolute h-4 w-4 opacity-40 lg:h-5 lg:w-5 bottom-2 left-2 lg:bottom-2.5 lg:left-2.5\"\n          \/>\n                  <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/jg.qc.ca\/wp-content\/themes\/minustwenty_jg_v2\/resources\/images\/print-control\/bottom-right.svg\"\n            alt=\"\"\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            class=\"pointer-events-none absolute h-4 w-4 opacity-40 lg:h-5 lg:w-5 bottom-2 right-2 lg:bottom-2.5 lg:right-2.5\"\n          \/>\n              \n              <span class=\"jg-cta-band__kicker text-[11px] font-bold tracking-[0.14em] text-jg-lime-800 uppercase lg:text-[11.5px]\">Your project<\/span>\n      \n      \n      <h2 class=\"jg-cta-band__title m-0 max-w-[820px] text-center text-[28px] leading-[1.08] font-extrabold tracking-[-0.03em] text-balance text-jg-grey-700 lg:text-[46px] lg:leading-[1.06] lg:tracking-[-0.035em]\">\n        Show us the project you like, we\u2019ll tell you how to adapt it.\n      <\/h2>\n\n              <p class=\"jg-cta-band__text m-0 max-w-[600px] text-center text-[15.5px] leading-[1.65] text-pretty text-jg-grey-430 lg:text-[17px]\">Reference project, quantity and the date you need it: with these details, we&#039;ll send you a quote, usually within the hour during business hours.<\/p>\n      \n              <div class=\"mt-1.5 flex w-full flex-col items-center gap-2.5 lg:mt-2 lg:w-auto lg:flex-row lg:flex-wrap lg:items-center lg:justify-center lg:gap-3.5\">\n                      <a\n    href=\"https:\/\/jg.qc.ca\/en\/contact-form\/?sujet=estimation\"\n    class=\"jg-btn jg-btn--primary-dark jg-btn--lg\"\n            \n>\n    \n    Request a quote\n\n    <\/a>\n          \n                      \n            <a\n    href=\"tel:5148442897\"\n    class=\"jg-btn jg-btn--outline jg-btn--lg jg-btn--no-token\"\n            \n>\n            <span class=\"jg-btn__icon\" aria-hidden=\"true\">\n            <svg class=\"h-[18px] w-[18px] text-jg-lime-800\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z\"\/>\n<\/svg>\n        <\/span>\n    \n    (514) 844-2897\n\n    <\/a>\n                  <\/div>\n      \n              <div class=\"mt-4 flex w-full items-center gap-3.5 lg:mt-6.5 lg:gap-6\">\n          <span class=\"h-px grow bg-jg-grey-200\" aria-hidden=\"true\"><\/span>\n          <img decoding=\"async\" src=\"https:\/\/jg.qc.ca\/wp-content\/themes\/minustwenty_jg_v2\/resources\/images\/print-control\/color-control-bar.svg\" alt=\"Colour control bar\" class=\"h-3.5 w-auto flex-none lg:h-4\" title=\"\">\n          <span class=\"h-px grow bg-jg-grey-200\" aria-hidden=\"true\"><\/span>\n        <\/div>\n      \n              \n        <span class=\"jg-cta-band__note text-center text-[11px] leading-[1.6] font-semibold tracking-[0.08em] text-jg-grey-430 uppercase lg:text-[11.5px] lg:tracking-[0.1em]\">Monday to Friday, 9 a.m. to 5 p.m. \u00b7 432 Saint-Pierre Street, Montreal<\/span>\n      \n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-default.blade.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-718","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/pages\/718","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/comments?post=718"}],"version-history":[{"count":7,"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/pages\/718\/revisions"}],"predecessor-version":[{"id":4454,"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/pages\/718\/revisions\/4454"}],"wp:attachment":[{"href":"https:\/\/jg.qc.ca\/en\/wp-json\/wp\/v2\/media?parent=718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}