{"id":257,"date":"2026-06-22T13:41:38","date_gmt":"2026-06-22T13:41:38","guid":{"rendered":"https:\/\/daffodilsmedia.com\/sgr\/?page_id=257"},"modified":"2026-06-22T14:03:14","modified_gmt":"2026-06-22T14:03:14","slug":"gallery","status":"publish","type":"page","link":"https:\/\/daffodilsmedia.com\/sgr\/gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"257\" class=\"elementor elementor-257\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fcda4c1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fcda4c1\" 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-4a659ad\" data-id=\"4a659ad\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-b5b56f2 elementor-absolute elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"b5b56f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Gallery<\/div>\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3010639 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3010639\" data-element_type=\"section\" data-e-type=\"section\">\n\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-inner-column elementor-element elementor-element-77c6ae0\" data-id=\"77c6ae0\" 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-a8e21d3 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a8e21d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Gallery<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0522ba2 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"0522ba2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Showcasing Innovative Furniture &amp; Architectural Projects<\/h4>\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\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-2e859fe e-con-full e-flex e-con e-parent\" data-id=\"2e859fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbd7f0d elementor-widget elementor-widget-html\" data-id=\"dbd7f0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* \u2500\u2500\u2500 SCOPED CSS FOR ELEMENTOR \u2500\u2500\u2500 *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=EB+Garamond:ital,wght@1,400&family=Jost:wght@400;500;600;700&display=swap');\r\n\r\n  #sgr-custom-gallery {\r\n    --orange:  #FD8311;\r\n    --navy:    #313D4D;\r\n    --mist:    #BBCED5;\r\n    --white:   #ffffff;\r\n    --offwhite:#F5F7F8;\r\n    --body-text:#484F56;\r\n\r\n    font-family: 'Jost', sans-serif;\r\n    color: var(--body-text);\r\n    background: var(--white);\r\n    position: relative;\r\n    width: 100%;\r\n  }\r\n\r\n  #sgr-custom-gallery * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 HERO BANNER \u2500\u2500\u2500 *\/\r\n  #sgr-custom-gallery .hero-banner {\r\n    position: relative;\r\n    background: linear-gradient(120deg, var(--navy) 55%, #1e2d3e 100%);\r\n    padding: 90px 28px 80px;\r\n    overflow: hidden;\r\n    text-align: center;\r\n  }\r\n  #sgr-custom-gallery .hero-banner::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      radial-gradient(ellipse 60% 80% at 110% 50%, rgba(253,131,17,.18) 0%, transparent 60%),\r\n      radial-gradient(ellipse 40% 60% at -10% 80%, rgba(187,206,213,.12) 0%, transparent 60%);\r\n  }\r\n  #sgr-custom-gallery .hero-banner-content { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }\r\n  #sgr-custom-gallery .eyebrow {\r\n    font-family: 'EB Garamond', serif;\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    font-size: 18px;\r\n    line-height: 27px;\r\n    color: var(--orange);\r\n    display: block;\r\n    margin-bottom: 14px;\r\n  }\r\n  #sgr-custom-gallery .hero-banner h1 {\r\n    font-family: 'Jost', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 48px;\r\n    line-height: 53px;\r\n    color: var(--white);\r\n    margin-bottom: 20px;\r\n  }\r\n  #sgr-custom-gallery .hero-banner p {\r\n    font-family: 'Jost', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 18px;\r\n    line-height: 27px;\r\n    color: var(--mist);\r\n    max-width: 560px;\r\n    margin: 0 auto;\r\n  }\r\n  #sgr-custom-gallery .hero-banner::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0; left: 0; right: 0;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, transparent 0%, var(--orange) 40%, var(--mist) 100%);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 BREADCRUMB \u2500\u2500\u2500 *\/\r\n  #sgr-custom-gallery .breadcrumb-bar {\r\n    background: var(--offwhite);\r\n    border-bottom: 1px solid #e3e9ec;\r\n    padding: 12px 28px;\r\n  }\r\n  #sgr-custom-gallery .breadcrumb-bar ul {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    list-style: none;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 13px;\r\n    color: var(--body-text);\r\n  }\r\n  #sgr-custom-gallery .breadcrumb-bar a { color: var(--navy); text-decoration: none; font-weight: 500; }\r\n  #sgr-custom-gallery .breadcrumb-bar a:hover { color: var(--orange); }\r\n  #sgr-custom-gallery .breadcrumb-bar .sep { color: var(--mist); }\r\n  #sgr-custom-gallery .breadcrumb-bar .current { color: var(--orange); font-weight: 600; }\r\n\r\n  \/* \u2500\u2500\u2500 FILTER BAR \u2500\u2500\u2500 *\/\r\n  #sgr-custom-gallery .filter-section {\r\n    background: var(--white);\r\n    padding: 48px 28px 32px;\r\n    text-align: center;\r\n    border-bottom: 1px solid #e8edf0;\r\n  }\r\n  #sgr-custom-gallery .filter-section h2 {\r\n    font-family: 'Jost', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 32px;\r\n    color: var(--navy);\r\n    margin-bottom: 8px;\r\n  }\r\n  #sgr-custom-gallery .filter-section .sub {\r\n    font-family: 'Jost', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    color: var(--body-text);\r\n    margin-bottom: 28px;\r\n  }\r\n  #sgr-custom-gallery .filters {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    justify-content: center;\r\n  }\r\n  #sgr-custom-gallery .filter-btn {\r\n    font-family: 'Jost', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 13px;\r\n    letter-spacing: .4px;\r\n    padding: 9px 22px;\r\n    border: 1.5px solid var(--navy);\r\n    background: transparent;\r\n    color: var(--navy);\r\n    border-radius: 3px;\r\n    cursor: pointer;\r\n    transition: all .22s ease;\r\n  }\r\n  #sgr-custom-gallery .filter-btn:hover {\r\n    background: var(--navy);\r\n    color: var(--white);\r\n  }\r\n  #sgr-custom-gallery .filter-btn.active {\r\n    background: var(--orange);\r\n    border-color: var(--orange);\r\n    color: var(--white);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 GALLERY GRID \u2500\u2500\u2500 *\/\r\n  #sgr-custom-gallery .gallery-section {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    padding: 48px 28px 80px;\r\n  }\r\n  #sgr-custom-gallery .gallery-grid {\r\n    column-count: 3;\r\n    column-gap: 18px;\r\n  }\r\n  #sgr-custom-gallery .gallery-item {\r\n    break-inside: avoid;\r\n    margin-bottom: 18px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    background: var(--offwhite);\r\n    transition: transform .3s ease, box-shadow .3s ease;\r\n  }\r\n  #sgr-custom-gallery .gallery-item:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 16px 40px rgba(49,61,77,.18);\r\n  }\r\n  #sgr-custom-gallery .gallery-item img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    transition: transform .5s ease;\r\n  }\r\n  #sgr-custom-gallery .gallery-item:hover img { transform: scale(1.05); }\r\n  #sgr-custom-gallery .gallery-item.hidden { display: none; }\r\n\r\n  #sgr-custom-gallery .gallery-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, rgba(49,61,77,.85) 0%, rgba(49,61,77,.3) 50%, transparent 100%);\r\n    opacity: 0;\r\n    transition: opacity .3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    padding: 20px;\r\n  }\r\n  #sgr-custom-gallery .gallery-item:hover .gallery-overlay { opacity: 1; }\r\n  #sgr-custom-gallery .gallery-overlay-label {\r\n    font-family: 'EB Garamond', serif;\r\n    font-style: italic;\r\n    font-size: 13px;\r\n    color: var(--orange);\r\n    margin-bottom: 4px;\r\n  }\r\n  #sgr-custom-gallery .gallery-overlay-title {\r\n    font-family: 'Jost', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    color: var(--white);\r\n    line-height: 1.3;\r\n  }\r\n  #sgr-custom-gallery .gallery-overlay-icon {\r\n    position: absolute;\r\n    top: 16px;\r\n    right: 16px;\r\n    width: 36px;\r\n    height: 36px;\r\n    background: var(--orange);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  #sgr-custom-gallery .gallery-overlay-icon svg { width: 16px; height: 16px; fill: none; stroke: #fff; stroke-width: 2; }\r\n\r\n  \/* \u2500\u2500\u2500 LIGHTBOX \u2500\u2500\u2500 *\/\r\n  .sgr-lightbox {\r\n    display: none;\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 999999; \/* Ensure it stays above Elementor headers *\/\r\n    background: rgba(18,24,30,.94);\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n  }\r\n  .sgr-lightbox.open { display: flex; }\r\n  .sgr-lightbox-inner {\r\n    position: relative;\r\n    max-width: 1100px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .sgr-lightbox img {\r\n    max-height: 82vh;\r\n    max-width: 100%;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 24px 80px rgba(0,0,0,.5);\r\n  }\r\n  .sgr-lightbox-meta { margin-top: 16px; text-align: center; }\r\n  .sgr-lightbox-meta .cat {\r\n    font-family: 'EB Garamond', serif;\r\n    font-style: italic;\r\n    font-size: 15px;\r\n    color: #FD8311;\r\n  }\r\n  .sgr-lightbox-meta .name {\r\n    font-family: 'Jost', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 17px;\r\n    color: #ffffff;\r\n    margin-top: 4px;\r\n  }\r\n  .sgr-lightbox-close {\r\n    position: absolute;\r\n    top: 20px; right: 24px;\r\n    background: rgba(255,255,255,.12);\r\n    border: none;\r\n    color: #ffffff;\r\n    font-size: 26px;\r\n    width: 44px; height: 44px;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background .2s;\r\n    z-index: 10;\r\n  }\r\n  .sgr-lightbox-close:hover { background: #FD8311; }\r\n  .sgr-lightbox-nav {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: rgba(255,255,255,.1);\r\n    border: none;\r\n    color: #ffffff;\r\n    width: 50px; height: 50px;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    font-size: 22px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background .2s;\r\n    z-index: 10;\r\n  }\r\n  .sgr-lightbox-nav:hover { background: #FD8311; }\r\n  .sgr-lb-prev { left: 16px; }\r\n  .sgr-lb-next { right: 16px; }\r\n  .sgr-lightbox-counter {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    font-family: 'Jost', sans-serif;\r\n    font-size: 13px;\r\n    color: rgba(255,255,255,.5);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 CTA STRIP \u2500\u2500\u2500 *\/\r\n  #sgr-custom-gallery .cta-strip {\r\n    background: var(--navy);\r\n    padding: 64px 28px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  #sgr-custom-gallery .cta-strip::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px; right: -60px;\r\n    width: 220px; height: 220px;\r\n    border-radius: 50%;\r\n    background: rgba(253,131,17,.12);\r\n  }\r\n  #sgr-custom-gallery .cta-strip h2 {\r\n    font-family: 'Jost', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 38px;\r\n    line-height: 46px;\r\n    color: var(--white);\r\n    max-width: 560px;\r\n    margin: 0 auto 16px;\r\n  }\r\n  #sgr-custom-gallery .cta-strip p {\r\n    font-size: 16px;\r\n    line-height: 26px;\r\n    color: var(--mist);\r\n    max-width: 480px;\r\n    margin: 0 auto 32px;\r\n  }\r\n  #sgr-custom-gallery .btn-primary {\r\n    display: inline-block;\r\n    background: var(--orange);\r\n    color: var(--white);\r\n    font-family: 'Jost', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    padding: 13px 32px;\r\n    border-radius: 3px;\r\n    text-decoration: none;\r\n    letter-spacing: .4px;\r\n    transition: background .2s, transform .2s;\r\n  }\r\n  #sgr-custom-gallery .btn-primary:hover { background: #e0720a; transform: translateY(-2px); }\r\n  #sgr-custom-gallery .btn-outline {\r\n    display: inline-block;\r\n    background: transparent;\r\n    color: var(--white);\r\n    border: 1.5px solid rgba(255,255,255,.4);\r\n    font-family: 'Jost', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 14px;\r\n    padding: 12px 28px;\r\n    border-radius: 3px;\r\n    text-decoration: none;\r\n    letter-spacing: .4px;\r\n    margin-left: 12px;\r\n    transition: border-color .2s, background .2s;\r\n  }\r\n  #sgr-custom-gallery .btn-outline:hover { border-color: var(--white); background: rgba(255,255,255,.08); }\r\n\r\n  \/* \u2500\u2500\u2500 EMPTY STATE \u2500\u2500\u2500 *\/\r\n  #sgr-custom-gallery .no-results {\r\n    display: none;\r\n    grid-column: 1\/-1;\r\n    text-align: center;\r\n    padding: 80px 20px;\r\n    color: var(--body-text);\r\n  }\r\n  #sgr-custom-gallery .no-results svg { width: 52px; opacity: .3; margin-bottom: 16px; }\r\n  #sgr-custom-gallery .no-results p { font-size: 16px; color: var(--body-text); }\r\n\r\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    #sgr-custom-gallery .gallery-grid { column-count: 2; }\r\n    #sgr-custom-gallery .hero-banner h1 { font-size: 36px; line-height: 42px; }\r\n  }\r\n  @media (max-width: 560px) {\r\n    #sgr-custom-gallery .gallery-grid { column-count: 1; }\r\n    #sgr-custom-gallery .cta-strip h2 { font-size: 28px; line-height: 36px; }\r\n    #sgr-custom-gallery .btn-outline { display: none; }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\r\n  @keyframes sgrFadeUp {\r\n    from { opacity: 0; transform: translateY(24px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n  #sgr-custom-gallery .gallery-item { animation: sgrFadeUp .4s ease both; }\r\n  #sgr-custom-gallery .gallery-item:nth-child(1)  { animation-delay: .05s; }\r\n  #sgr-custom-gallery .gallery-item:nth-child(2)  { animation-delay: .10s; }\r\n  #sgr-custom-gallery .gallery-item:nth-child(3)  { animation-delay: .15s; }\r\n  #sgr-custom-gallery .gallery-item:nth-child(4)  { animation-delay: .20s; }\r\n  #sgr-custom-gallery .gallery-item:nth-child(5)  { animation-delay: .25s; }\r\n  #sgr-custom-gallery .gallery-item:nth-child(6)  { animation-delay: .30s; }\r\n  #sgr-custom-gallery .gallery-item:nth-child(7)  { animation-delay: .05s; }\r\n  #sgr-custom-gallery .gallery-item:nth-child(8)  { animation-delay: .10s; }\r\n  #sgr-custom-gallery .gallery-item:nth-child(9)  { animation-delay: .15s; }\r\n  #sgr-custom-gallery .gallery-item:nth-child(10) { animation-delay: .20s; }\r\n  #sgr-custom-gallery .gallery-item:nth-child(11) { animation-delay: .25s; }\r\n  #sgr-custom-gallery .gallery-item:nth-child(12) { animation-delay: .30s; }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #sgr-custom-gallery .gallery-item, #sgr-custom-gallery .gallery-item img { animation: none; transition: none; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"sgr-custom-gallery\">\r\n  \r\n  <!-- \u2500\u2500\u2500 BREADCRUMB \u2500\u2500\u2500 -->\r\n  <!--<div class=\"breadcrumb-bar\">-->\r\n  <!--  <ul>-->\r\n  <!--    <li><a href=\"#\">Home<\/a><\/li>-->\r\n  <!--    <li><span class=\"sep\">\u203a<\/span><\/li>-->\r\n  <!--    <li><span class=\"current\">Gallery<\/span><\/li>-->\r\n  <!--  <\/ul>-->\r\n  <!--<\/div>-->\r\n\r\n  <!-- \u2500\u2500\u2500 HERO BANNER \u2500\u2500\u2500 -->\r\n  <!--<section class=\"hero-banner\">-->\r\n  <!--  <div class=\"hero-banner-content\">-->\r\n  <!--    <span class=\"eyebrow\">Our Portfolio<\/span>-->\r\n  <!--    <h1>Spaces We've Transformed<\/h1>-->\r\n  <!--    <p>Explore our curated collection of furniture, interiors, and architectural solutions crafted for offices, hospitality, education, and public spaces.<\/p>-->\r\n  <!--  <\/div>-->\r\n  <!--<\/section>-->\r\n\r\n  <!-- \u2500\u2500\u2500 FILTER BAR \u2500\u2500\u2500 -->\r\n  <section class=\"filter-section\">\r\n    <h2>Browse Our Work<\/h2>\r\n    <p class=\"sub\">Filter by category to find the right inspiration for your space.<\/p>\r\n    <div class=\"filters\">\r\n      <button class=\"filter-btn active\" data-filter=\"all\">All Projects<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"modular\">Modular Furniture<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"seating\">Seating & Chairs<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"acoustic\">Acoustic Solutions<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"cafe\">Caf\u00e9 & Lounge<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"flooring\">Rugs & Flooring<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"spaces\">Spaces<\/button>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2500\u2500\u2500 GALLERY GRID \u2500\u2500\u2500 -->\r\n  <section class=\"gallery-section\">\r\n    <div class=\"gallery-grid\" id=\"sgrGalleryGrid\">\r\n\r\n      <div class=\"gallery-item\" data-category=\"modular\" data-title=\"Modular Office Systems\" data-label=\"Modular Furniture\">\r\n        <img decoding=\"async\" src=\"https:\/\/daffodilsmedia.com\/sgr\/wp-content\/uploads\/2026\/06\/Modular_Furniture_202606171510.jpeg\" alt=\"Modular Office Furniture\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\">\r\n          <div class=\"gallery-overlay-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <div class=\"gallery-overlay-label\">Modular Furniture<\/div>\r\n          <div class=\"gallery-overlay-title\">Modular Office Systems<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-category=\"acoustic\" data-title=\"Acoustic Panel Interiors\" data-label=\"Acoustic Solutions\">\r\n        <img decoding=\"async\" src=\"https:\/\/daffodilsmedia.com\/sgr\/wp-content\/uploads\/2026\/06\/Acoustic_panels_in_interior_202606171513.jpeg\" alt=\"Acoustic Panels Interior\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\">\r\n          <div class=\"gallery-overlay-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <div class=\"gallery-overlay-label\">Acoustic Solutions<\/div>\r\n          <div class=\"gallery-overlay-title\">Acoustic Panel Interiors<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-category=\"spaces\" data-title=\"Private Work Pods\" data-label=\"Spaces\">\r\n        <img decoding=\"async\" src=\"https:\/\/daffodilsmedia.com\/sgr\/wp-content\/uploads\/2026\/06\/Pods.jpg\" alt=\"Work Pods\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\">\r\n          <div class=\"gallery-overlay-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <div class=\"gallery-overlay-label\">Spaces<\/div>\r\n          <div class=\"gallery-overlay-title\">Private Work Pods<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-category=\"seating\" data-title=\"Ergonomic Task Chairs\" data-label=\"Seating & Chairs\">\r\n        <img decoding=\"async\" src=\"https:\/\/daffodilsmedia.com\/sgr\/wp-content\/uploads\/2026\/06\/Task_Chairs_202606171408.jpeg\" alt=\"Task Chairs\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\">\r\n          <div class=\"gallery-overlay-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <div class=\"gallery-overlay-label\">Seating &amp; Chairs<\/div>\r\n          <div class=\"gallery-overlay-title\">Ergonomic Task Chairs<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-category=\"spaces\" data-title=\"Loose Furniture Arrangements\" data-label=\"Spaces\">\r\n        <img decoding=\"async\" src=\"https:\/\/daffodilsmedia.com\/sgr\/wp-content\/uploads\/2026\/06\/Loose.jpg\" alt=\"Loose Furniture\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\">\r\n          <div class=\"gallery-overlay-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <div class=\"gallery-overlay-label\">Spaces<\/div>\r\n          <div class=\"gallery-overlay-title\">Loose Furniture Arrangements<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-category=\"seating\" data-title=\"Floppy Lounge Seating\" data-label=\"Seating & Chairs\">\r\n        <img decoding=\"async\" src=\"https:\/\/daffodilsmedia.com\/sgr\/wp-content\/uploads\/2026\/06\/floppy-ren-1-scaled-1.jpg\" alt=\"Floppy Seating\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\">\r\n          <div class=\"gallery-overlay-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <div class=\"gallery-overlay-label\">Seating &amp; Chairs<\/div>\r\n          <div class=\"gallery-overlay-title\">Floppy Lounge Seating<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-category=\"seating\" data-title=\"Elio Chair Collection\" data-label=\"Seating & Chairs\">\r\n        <img decoding=\"async\" src=\"https:\/\/daffodilsmedia.com\/sgr\/wp-content\/uploads\/2026\/06\/elio2.png\" alt=\"Elio Chair\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\">\r\n          <div class=\"gallery-overlay-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <div class=\"gallery-overlay-label\">Seating &amp; Chairs<\/div>\r\n          <div class=\"gallery-overlay-title\">Elio Chair Collection<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-category=\"cafe\" data-title=\"Caf\u00e9 & Breakout Spaces\" data-label=\"Caf\u00e9 & Lounge\">\r\n        <img decoding=\"async\" src=\"https:\/\/daffodilsmedia.com\/sgr\/wp-content\/uploads\/2026\/06\/Cafe.jpg\" alt=\"Caf\u00e9 Space\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\">\r\n          <div class=\"gallery-overlay-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <div class=\"gallery-overlay-label\">Caf\u00e9 &amp; Lounge<\/div>\r\n          <div class=\"gallery-overlay-title\">Caf\u00e9 &amp; Breakout Spaces<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-category=\"acoustic\" data-title=\"Decorative Acoustic Walls\" data-label=\"Acoustic Solutions\">\r\n        <img decoding=\"async\" src=\"https:\/\/daffodilsmedia.com\/sgr\/wp-content\/uploads\/2026\/06\/Acoustic-1.jpg\" alt=\"Acoustic Wall\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\">\r\n          <div class=\"gallery-overlay-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <div class=\"gallery-overlay-label\">Acoustic Solutions<\/div>\r\n          <div class=\"gallery-overlay-title\">Decorative Acoustic Walls<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-category=\"spaces\" data-title=\"Corporate Interior Fit-Out\" data-label=\"Spaces\">\r\n        <img decoding=\"async\" src=\"https:\/\/daffodilsmedia.com\/sgr\/wp-content\/uploads\/2026\/06\/Slider3.jpg\" alt=\"Interior Fit-Out\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\">\r\n          <div class=\"gallery-overlay-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <div class=\"gallery-overlay-label\">Spaces<\/div>\r\n          <div class=\"gallery-overlay-title\">Corporate Interior Fit-Out<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-category=\"spaces\" data-title=\"Open Plan Workspaces\" data-label=\"Spaces\">\r\n        <img decoding=\"async\" src=\"https:\/\/daffodilsmedia.com\/sgr\/wp-content\/uploads\/2026\/06\/Slider5.jpg\" alt=\"Open Plan Workspace\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\">\r\n          <div class=\"gallery-overlay-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <div class=\"gallery-overlay-label\">Spaces<\/div>\r\n          <div class=\"gallery-overlay-title\">Open Plan Workspaces<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-category=\"seating\" data-title=\"Spark Collaborative Seating\" data-label=\"Seating & Chairs\">\r\n        <img decoding=\"async\" src=\"https:\/\/daffodilsmedia.com\/sgr\/wp-content\/uploads\/2026\/06\/SPARK_01.jpg\" alt=\"Spark Seating\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\">\r\n          <div class=\"gallery-overlay-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <div class=\"gallery-overlay-label\">Seating &amp; Chairs<\/div>\r\n          <div class=\"gallery-overlay-title\">Spark Collaborative Seating<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- no results placeholder -->\r\n      <div class=\"no-results\" id=\"sgrNoResults\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n          <circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/>\r\n        <\/svg>\r\n        <p>No projects found in this category.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2500\u2500\u2500 CTA STRIP \u2500\u2500\u2500 -->\r\n  <section class=\"cta-strip\">\r\n    <div>\r\n      <span class=\"eyebrow\">Let's Collaborate<\/span>\r\n      <h2>Ready to Transform Your Space?<\/h2>\r\n      <p>From concept to installation, our team delivers furniture and interior solutions tailored to your vision and requirements.<\/p>\r\n      <a href=\"https:\/\/daffodilsmedia.com\/sgr\/contact\/\" class=\"btn-primary\">Request a Consultation<\/a>\r\n      <a href=\"https:\/\/daffodilsmedia.com\/sgr\/services\/\" class=\"btn-outline\">View Our Services<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div> <!-- End sgr-custom-gallery wrapper -->\r\n\r\n<!-- \u2500\u2500\u2500 LIGHTBOX (Injected into body directly by JS to avoid Elementor z-index issues) \u2500\u2500\u2500 -->\r\n<div class=\"sgr-lightbox\" id=\"sgrLightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Image viewer\">\r\n  <button class=\"sgr-lightbox-close\" id=\"sgrLbClose\" aria-label=\"Close\">&times;<\/button>\r\n  <button class=\"sgr-lightbox-nav sgr-lb-prev\" id=\"sgrLbPrev\" aria-label=\"Previous\">&#8592;<\/button>\r\n  <button class=\"sgr-lightbox-nav sgr-lb-next\" id=\"sgrLbNext\" aria-label=\"Next\">&#8594;<\/button>\r\n  <div class=\"sgr-lightbox-inner\">\r\n    <img decoding=\"async\" src=\"\" alt=\"\" id=\"sgrLbImg\" \/>\r\n    <div class=\"sgr-lightbox-meta\">\r\n      <div class=\"cat\" id=\"sgrLbCat\"><\/div>\r\n      <div class=\"name\" id=\"sgrLbName\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"sgr-lightbox-counter\" id=\"sgrLbCounter\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ Run scripts once the Elementor DOM is fully loaded\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    \/* \u2500\u2500 FILTER LOGIC \u2500\u2500 *\/\r\n    const filterBtns = document.querySelectorAll('#sgr-custom-gallery .filter-btn');\r\n    const items      = document.querySelectorAll('#sgr-custom-gallery .gallery-item[data-category]');\r\n    const noResults  = document.getElementById('sgrNoResults');\r\n\r\n    filterBtns.forEach(btn => {\r\n      btn.addEventListener('click', (e) => {\r\n        e.preventDefault(); \/\/ Prevent page jump in Elementor\r\n        filterBtns.forEach(b => b.classList.remove('active'));\r\n        btn.classList.add('active');\r\n\r\n        const filter = btn.dataset.filter;\r\n        let visible = 0;\r\n\r\n        items.forEach(item => {\r\n          const match = filter === 'all' || item.dataset.category === filter;\r\n          item.classList.toggle('hidden', !match);\r\n          if (match) visible++;\r\n        });\r\n\r\n        if(noResults) noResults.style.display = visible === 0 ? 'block' : 'none';\r\n      });\r\n    });\r\n\r\n    \/* \u2500\u2500 LIGHTBOX LOGIC \u2500\u2500 *\/\r\n    const lb       = document.getElementById('sgrLightbox');\r\n    const lbImg    = document.getElementById('sgrLbImg');\r\n    const lbCat    = document.getElementById('sgrLbCat');\r\n    const lbName   = document.getElementById('sgrLbName');\r\n    const lbClose  = document.getElementById('sgrLbClose');\r\n    const lbPrev   = document.getElementById('sgrLbPrev');\r\n    const lbNext   = document.getElementById('sgrLbNext');\r\n    const lbCount  = document.getElementById('sgrLbCounter');\r\n\r\n    \/\/ Move lightbox to the very end of the body to prevent Elementor overflow issues hiding it\r\n    if(lb && lb.parentNode !== document.body) {\r\n      document.body.appendChild(lb);\r\n    }\r\n\r\n    let currentIndex = 0;\r\n\r\n    function getVisibleItems() {\r\n      return [...items].filter(i => !i.classList.contains('hidden'));\r\n    }\r\n\r\n    function openLightbox(index) {\r\n      const visible = getVisibleItems();\r\n      if (!visible[index]) return;\r\n      currentIndex = index;\r\n      const item = visible[index];\r\n      lbImg.src  = item.querySelector('img').src;\r\n      lbImg.alt  = item.querySelector('img').alt;\r\n      lbCat.textContent  = item.dataset.label;\r\n      lbName.textContent = item.dataset.title;\r\n      lbCount.textContent = `${index + 1} \/ ${visible.length}`;\r\n      lb.classList.add('open');\r\n      document.body.style.overflow = 'hidden'; \/\/ Stop background scrolling\r\n    }\r\n\r\n    function closeLightbox() {\r\n      lb.classList.remove('open');\r\n      document.body.style.overflow = ''; \/\/ Restore scrolling\r\n      lbImg.src = '';\r\n    }\r\n\r\n    items.forEach((item) => {\r\n      item.addEventListener('click', () => {\r\n        const visible = getVisibleItems();\r\n        const idx = visible.indexOf(item);\r\n        if (idx !== -1) openLightbox(idx);\r\n      });\r\n    });\r\n\r\n    if(lbClose) lbClose.addEventListener('click', closeLightbox);\r\n    if(lb) lb.addEventListener('click', e => { if (e.target === lb) closeLightbox(); });\r\n\r\n    if(lbPrev) {\r\n      lbPrev.addEventListener('click', () => {\r\n        const visible = getVisibleItems();\r\n        openLightbox((currentIndex - 1 + visible.length) % visible.length);\r\n      });\r\n    }\r\n\r\n    if(lbNext) {\r\n      lbNext.addEventListener('click', () => {\r\n        const visible = getVisibleItems();\r\n        openLightbox((currentIndex + 1) % visible.length);\r\n      });\r\n    }\r\n\r\n    document.addEventListener('keydown', e => {\r\n      if (!lb.classList.contains('open')) return;\r\n      if (e.key === 'Escape')      closeLightbox();\r\n      if (e.key === 'ArrowLeft')   if(lbPrev) lbPrev.click();\r\n      if (e.key === 'ArrowRight')  if(lbNext) lbNext.click();\r\n    });\r\n  });\r\n<\/script>\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>Gallery Showcasing Innovative Furniture &amp; Architectural Projects Browse Our Work Filter by category to find the right inspiration for your space. All Projects Modular Furniture Seating &#038; Chairs Acoustic Solutions Caf\u00e9 &#038; Lounge Rugs &#038; Flooring Spaces Modular Furniture Modular Office Systems Acoustic Solutions Acoustic Panel Interiors Spaces Private Work Pods Seating &amp; Chairs Ergonomic [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-257","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/daffodilsmedia.com\/sgr\/wp-json\/wp\/v2\/pages\/257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/daffodilsmedia.com\/sgr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/daffodilsmedia.com\/sgr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/daffodilsmedia.com\/sgr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/daffodilsmedia.com\/sgr\/wp-json\/wp\/v2\/comments?post=257"}],"version-history":[{"count":13,"href":"https:\/\/daffodilsmedia.com\/sgr\/wp-json\/wp\/v2\/pages\/257\/revisions"}],"predecessor-version":[{"id":272,"href":"https:\/\/daffodilsmedia.com\/sgr\/wp-json\/wp\/v2\/pages\/257\/revisions\/272"}],"wp:attachment":[{"href":"https:\/\/daffodilsmedia.com\/sgr\/wp-json\/wp\/v2\/media?parent=257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}