{"id":5354,"date":"2026-02-20T09:40:22","date_gmt":"2026-02-20T09:40:22","guid":{"rendered":"https:\/\/ultraarte.ae\/staging\/8847\/?page_id=5354"},"modified":"2026-02-23T12:32:56","modified_gmt":"2026-02-23T12:32:56","slug":"work","status":"publish","type":"page","link":"https:\/\/ultraarte.ae\/staging\/8847\/work\/","title":{"rendered":"Work"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5354\" class=\"elementor elementor-5354\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d8549d elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"4d8549d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a462a7b elementor-widget elementor-widget-spacer\" data-id=\"a462a7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73826e8 e-con-full e-flex e-con e-parent\" data-id=\"73826e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-017c088 e-con-full e-flex e-con e-child\" data-id=\"017c088\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5d79a9 elementor-widget elementor-widget-html\" data-id=\"b5d79a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  \/* --- 1. DESKTOP \/ MAIN TABLE STYLING --- *\/\n  table.project-table {\n    width: 100%;\n    border-collapse: collapse; \n    color: #000; \n    font-family: inherit; \n    background-color: transparent !important;\n    border: none !important;\n    box-shadow: none !important;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* Shared styles for Header (th) and Cells (td) *\/\n  table.project-table th, \n  table.project-table td {\n    padding: 10px 8px; \n    text-align: left;\n    \n    \/* OVERRIDING THEME DEFAULTS TO KILL THE GRAY BOX *\/\n    border-top: none !important;\n    border-left: none !important;\n    border-right: none !important;\n    border-bottom: 1px solid #000 !important; \n    \n    vertical-align: middle; \n    line-height: 1.2;\n    background-color: transparent !important;\n    color: inherit; \n  }\n  \n  \/* --- COLUMN WIDTHS (Desktop Only) --- *\/\n  @media screen and (min-width: 769px) {\n    table.project-table th:nth-child(1), table.project-table td:nth-child(1) { width: 28%; }\n    table.project-table th:nth-child(2), table.project-table td:nth-child(2) { width: 22%; }\n    table.project-table th:nth-child(3), table.project-table td:nth-child(3) { width: 25%; }\n    table.project-table th:nth-child(4), table.project-table td:nth-child(4) { width: 15%; }\n    table.project-table th:nth-child(5), table.project-table td:nth-child(5) { width: 10%; white-space: nowrap; }\n    \n    \/* Vertical Dividers *\/\n    table.project-table th:not(:last-child),\n    table.project-table td:not(:last-child) {\n      border-right: 1px solid #000 !important; \n    }\n  }\n\n  \/* --- HEADER SPECIFICS --- *\/\n  table.project-table th {\n    font-weight: 600; \n    font-size: 13px; \n  }\n\n  \/* --- BODY SPECIFICS --- *\/\n  table.project-table td {\n    font-size: 14px; \n  }\n\n  \/* --- HOVER EFFECTS (Desktop Only) --- *\/\n  @media screen and (min-width: 769px) {\n    table.project-table tbody tr {\n      transition: background-color 0.2s ease, color 0.2s ease;\n      cursor: pointer; \n    }\n  }\n\n  \/* --- IMAGE ANIMATION CSS --- *\/\n  #dynamic-project-img img {\n    transition: opacity 0.2s ease-in-out;\n  }\n\n  \/* --- MOBILE THUMBNAIL HIDDEN ON DESKTOP --- *\/\n  .mobile-thumb {\n    display: none;\n  }\n\n  \/* --- 2. MOBILE CARD LAYOUT (< 768px) --- *\/\n  @media screen and (max-width: 768px) {\n    table.project-table, \n    table.project-table tbody {\n      display: block;\n      width: 100%;\n    }\n    \n    @media screen and (max-width: 768px) {\n    \/* ... your existing code ... *\/\n\n    table.project-table, \n    table.project-table tbody {\n        border-top: none !important;\n        border-bottom: none !important;\n        background-color: transparent !important;\n    }\n\n    \/* This targets any potential browser-inserted lines *\/\n    table.project-table tr:first-child {\n        border-top: 1px solid #000 !important;\n    }\n}\n    table.project-table thead {\n      display: none; \/* Hide headers *\/\n    }\n    \n    table.project-table tr {\n      display: flex;\n      flex-direction: column; \/* Stack text naturally *\/\n      position: relative; \/* Allows pinning the thumbnail and year *\/\n      margin-bottom: 15px; \n      padding: 16px;\n      border: 1px solid #000 !important; \n      background-color: transparent;\n    }\n    \n    table.project-table td {\n      border: none !important; \/* Remove desktop cell borders *\/\n      padding: 2px 0; \n      text-align: left !important;\n      width: 100%;\n    }\n    \n    \/* Project \/ Client Name *\/\n    table.project-table td:nth-child(1) { \n      font-size: 18px;\n      font-weight: 600;\n      color: #000;\n      padding-bottom: 4px;\n      padding-right: 80px; \/* Leaves space for the thumbnail so text doesn't overlap *\/\n    }\n    \n    \/* Category & Scope *\/\n    table.project-table td:nth-child(2), \n    table.project-table td:nth-child(3) { \n      font-size: 13px;\n      color: #444;\n      padding-right: 80px; \/* Leaves space for the thumbnail *\/\n    }\n    \n    \/* Location *\/\n    table.project-table td:nth-child(4) { \n      font-size: 13px;\n      font-weight: 600;\n      color: #000;\n      padding-top: 8px; \/* Slight gap before location *\/\n    }\n    \n    \/* Year (Pinned Bottom Right) *\/\n    table.project-table td:nth-child(5) { \n      position: absolute;\n      bottom: 16px;\n      right: 16px;\n      font-size: 12px;\n      color: #888;\n      width: auto;\n    }\n\n    \/* Thumbnail (Pinned Top Right) *\/\n    .mobile-thumb {\n      display: block;\n      position: absolute;\n      top: 16px;\n      right: 16px;\n      width: 60px; \/* Adjust size here *\/\n      height: 60px;\n      object-fit: cover;\n      border-radius: 4px; \/* Optional: gives the thumbnail soft corners *\/\n    }\n  }\n<\/style>\n\n<table class=\"project-table\">\n  <thead>\n    <tr>\n      <th>Project \/ Client<\/th>\n      <th>Category<\/th>\n      <th>Scope of Work<\/th>\n      <th>Location<\/th>\n      <th>Year<\/th>\n    <\/tr>\n  <\/thead>\n  <tbody>\n      \n      \n      \n      \n      \n  \n<tr data-href=\"https:\/\/ultraarte.ae\/staging\/8847\/difc-corporate-space\/\"\ndata-image=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/work-difc.webp\"\ndata-hover-bg=\"#F7BEAE\"\ndata-hover-color=\"#FFFFFF\">\n<td>\nDifc Corporate Space\n<img decoding=\"async\" class=\"mobile-thumb\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/MOBwork-difc.webp\">\n<\/td>\n<td>Pvt.\/Corporate<\/td>\n<td>Consultancy + Execution<\/td>\n<td>Dubai<\/td>\n<td>2025<\/td>\n<\/tr>\n\n<tr data-href=\"https:\/\/ultraarte.ae\/staging\/8847\/government-office\/\"\ndata-image=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/work-gvt-office.webp\"\ndata-hover-bg=\"#989E9D\"\ndata-hover-color=\"#FFFFFF\">\n<td>\nAbu Dhabi Government Office\n<img decoding=\"async\" class=\"mobile-thumb\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/MOBwork-gvt-office.webp\">\n<\/td>\n<td>Govt.\/Corporate<\/td>\n<td>Consultancy + Execution<\/td>\n<td>Abu Dhabi<\/td>\n<td>2025<\/td>\n<\/tr>\n\n<tr data-href=\"\"\ndata-image=\"https:\/\/placehold.co\/650x1080\/F0F7E6\/F0F7E6\"\ndata-hover-bg=\"#F0F7E6\"\ndata-hover-color=\"#000000\">\n<td>\nPrivate HQ\n<img decoding=\"async\" class=\"mobile-thumb\" src=\"\">\n<\/td>\n<td>Pvt.\/Corporate<\/td>\n<td>Consultancy + Execution<\/td>\n<td>Riyadh<\/td>\n<td>2025<\/td>\n<\/tr>\n\n<tr data-href=\"https:\/\/ultraarte.ae\/staging\/8847\/ajman-rulers-court\/\"\ndata-image=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/work-ajman-rulers.webp\"\ndata-hover-bg=\"#D8AB29\"\ndata-hover-color=\"#FFFFFF\">\n<td>\nAjman Ruler\u2019s Court\n<img decoding=\"async\" class=\"mobile-thumb\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/MOBwork-ajman-rulers.webp\">\n<\/td>\n<td>Govt.\/Corporate<\/td>\n<td>Consultancy + Execution<\/td>\n<td>Ajman<\/td>\n<td>2024<\/td>\n<\/tr>\n\n<tr data-href=\"https:\/\/ultraarte.ae\/staging\/8847\/pif-child-center\/\"\ndata-image=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/work-pif-childcenter.webp\"\ndata-hover-bg=\"#718E7E\"\ndata-hover-color=\"#FFFFFF\">\n<td>\nPIF Child Center\n<img decoding=\"async\" class=\"mobile-thumb\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/MOBwork-pif-childcenter.webp\">\n<\/td>\n<td>Educational<\/td>\n<td>Consultancy + Execution<\/td>\n<td>Riyadh<\/td>\n<td>2024<\/td>\n<\/tr>\n\n<tr data-href=\"https:\/\/ultraarte.ae\/staging\/8847\/oliver-wyman-ksa\/\"\ndata-image=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/work-ow-ksa.webp\"\ndata-hover-bg=\"#35407C\"\ndata-hover-color=\"#FFFFFF\">\n<td>\nOliver Wyman KSA\n<img decoding=\"async\" class=\"mobile-thumb\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/MOBwork-ow-ksa.webp\">\n<\/td>\n<td>Pvt.\/Corporate<\/td>\n<td>Consultancy + Execution<\/td>\n<td>Riyadh<\/td>\n<td>2024<\/td>\n<\/tr>\n\n<tr data-href=\"https:\/\/ultraarte.ae\/staging\/8847\/dubai-design-week\/\"\ndata-image=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/work-dubai-designweek.webp\"\ndata-hover-bg=\"#EE2469\"\ndata-hover-color=\"#FFFFFF\">\n<td>\nDubai Design Week\n<img decoding=\"async\" class=\"mobile-thumb\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/MOBwork-dubai-designweek.webp\">\n<\/td>\n<td>Public Art<\/td>\n<td>Design<\/td>\n<td>Dubai<\/td>\n<td>2023<\/td>\n<\/tr>\n\n<tr data-href=\"https:\/\/ultraarte.ae\/staging\/8847\/smbr-portrait\/\"\ndata-image=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/work-smbr.webp\"\ndata-hover-bg=\"#8CB2D4\"\ndata-hover-color=\"#FFFFFF\">\n<td>\nSMBR Portrait\n<img decoding=\"async\" class=\"mobile-thumb\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/MOBwork-smbr.webp\">\n<\/td>\n<td>Public Art<\/td>\n<td>Consultancy + Design<\/td>\n<td>Dubai<\/td>\n<td>2023<\/td>\n<\/tr>\n\n\n\n\n\n\n\n<\/tbody>\n\n<\/table>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    const rows = document.querySelectorAll('.project-table tbody tr');\n    const targetImage = document.querySelector('#dynamic-project-img img');\n\n    rows.forEach(row => {\n      \/\/ 1. Click to navigate (Mobile & Desktop)\n      row.addEventListener('click', function() {\n        const link = this.getAttribute('data-href');\n        if(link && link !== '#') {\n          window.location.href = link;\n        }\n      });\n\n      \/\/ 2. Mouse enter (Hover) - Restricted to Desktop\n      row.addEventListener('mouseenter', function() {\n        if (window.innerWidth > 768) {\n          const newImgSrc = this.getAttribute('data-image');\n          \n          if (targetImage && newImgSrc) {\n            targetImage.style.opacity = '0.3'; \n            \n            setTimeout(() => {\n              targetImage.src = newImgSrc;\n              targetImage.removeAttribute('srcset');\n              \n              targetImage.onload = () => {\n                targetImage.style.opacity = '1';\n              };\n            }, 150); \n          }\n\n          const hoverBg = this.getAttribute('data-hover-bg');\n          if (hoverBg) this.style.backgroundColor = hoverBg;\n\n          const hoverColor = this.getAttribute('data-hover-color');\n          if (hoverColor) this.style.color = hoverColor;\n        }\n      });\n\n      \/\/ 3. Mouse leave - Restricted to Desktop\n      row.addEventListener('mouseleave', function() {\n        if (window.innerWidth > 768) {\n          this.style.backgroundColor = '';\n          this.style.color = '';\n        }\n      });\n    });\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4fe41ff e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"4fe41ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fecaf5c elementor-widget elementor-widget-image\" data-id=\"fecaf5c\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"dynamic-project-img\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/placehold.co\/650x1080\/F0F7E6\/F0F7E6\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Project \/ Client Category Scope of Work Location Year Difc Corporate Space Pvt.\/Corporate Consultancy + Execution Dubai 2025 Abu Dhabi Government Office Govt.\/Corporate Consultancy + Execution Abu Dhabi 2025 Private HQ Pvt.\/Corporate Consultancy + Execution Riyadh 2025 Ajman Ruler\u2019s Court Govt.\/Corporate Consultancy + Execution Ajman 2024 PIF Child Center Educational Consultancy + Execution Riyadh 2024 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-5354","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/pages\/5354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/comments?post=5354"}],"version-history":[{"count":74,"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/pages\/5354\/revisions"}],"predecessor-version":[{"id":5690,"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/pages\/5354\/revisions\/5690"}],"wp:attachment":[{"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/media?parent=5354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}