{"id":595,"date":"2026-08-12T10:27:14","date_gmt":"2026-08-12T10:27:14","guid":{"rendered":"https:\/\/waywork.com.sa\/projects\/"},"modified":"2026-08-16T21:15:03","modified_gmt":"2026-08-16T21:15:03","slug":"projects","status":"publish","type":"page","link":"https:\/\/waywork.com.sa\/ar\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"595\" class=\"elementor elementor-595\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f961683 e-con-full e-flex e-con e-parent\" data-id=\"f961683\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a46ec0 elementor-widget elementor-widget-html\" data-id=\"8a46ec0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     WAYWORK \u2014 Projects\r\n     Elementor > HTML widget. No header, no footer.\r\n     Breakpoints: 1024px (tablet) \/ 767px (mobile).\r\n     Images expected in \/wp-content\/uploads\/waywork\/\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap\">\r\n<style>\r\n@layer ww-tokens{\r\n:root{\r\n  --ww-font-display:\"Archivo\",\"Tajawal\",system-ui,sans-serif;\r\n  --ww-font-body:\"Inter\",\"IBM Plex Sans Arabic\",system-ui,sans-serif;\r\n  --ww-navy:#0A2647;\r\n  --ww-blue:#123A6B;\r\n  --ww-accent:#1B8FC8;\r\n  --ww-accent-2:#35A9DE;\r\n  --ww-accent-3:#0E76A8;\r\n  --ww-accent-4:#0B5A8A;\r\n  --ww-white:#FFFFFF;\r\n  --ww-surface:#F7F9FB;\r\n  --ww-surface-2:#EDF1F5;\r\n  --ww-surface-3:#F1F6FA;\r\n  --ww-sand:#F4F1EC;\r\n  --ww-border:#D8E0E8;\r\n  --ww-border-2:#C3D0DC;\r\n  --ww-text:#33414F;\r\n  --ww-muted:#5A6B7C;\r\n  --ww-danger:#C0392B;\r\n  --ww-maxw:1440px;\r\n  --ww-gutter:clamp(20px,5.55vw,80px);\r\n  --ww-sticky-top:0px;\r\n  --ww-fs-11:11px;\r\n  --ww-fs-12:12px;\r\n  --ww-fs-13:13px;\r\n  --ww-fs-14:14px;\r\n  --ww-fs-15:15px;\r\n  --ww-fs-16:16px;\r\n  --ww-fs-17:clamp(16px,1.18vw,17px);\r\n  --ww-fs-18:clamp(16px,1.25vw,18px);\r\n  --ww-fs-19:clamp(17px,1.32vw,19px);\r\n  --ww-fs-20:clamp(18px,1.39vw,20px);\r\n  --ww-fs-22:clamp(19px,1.53vw,22px);\r\n  --ww-fs-24:clamp(20px,1.67vw,24px);\r\n  --ww-fs-26:clamp(21px,1.81vw,26px);\r\n  --ww-fs-28:clamp(22px,1.94vw,28px);\r\n  --ww-fs-30:clamp(23px,2.08vw,30px);\r\n  --ww-fs-32:clamp(24px,2.22vw,32px);\r\n  --ww-fs-40:clamp(28px,2.78vw,40px);\r\n  --ww-fs-44:clamp(30px,3.06vw,44px);\r\n  --ww-fs-56:clamp(34px,3.89vw,56px);\r\n  --ww-fs-76:clamp(42px,5.28vw,76px);\r\n  --ww-sp-32:clamp(16px,2.22vw,32px);\r\n  --ww-sp-36:clamp(16px,2.50vw,36px);\r\n  --ww-sp-40:clamp(17px,2.78vw,40px);\r\n  --ww-sp-44:clamp(18px,3.06vw,44px);\r\n  --ww-sp-48:clamp(20px,3.33vw,48px);\r\n  --ww-sp-56:clamp(24px,3.89vw,56px);\r\n  --ww-sp-64:clamp(27px,4.44vw,64px);\r\n  --ww-sp-72:clamp(30px,5.00vw,72px);\r\n  --ww-sp-80:clamp(34px,5.56vw,80px);\r\n  --ww-sp-96:clamp(40px,6.67vw,96px);\r\n  --ww-sp-100:clamp(42px,6.94vw,100px);\r\n  --ww-sp-120:clamp(50px,8.33vw,120px);\r\n  --ww-sp-128:clamp(54px,8.89vw,128px);\r\n  --ww-sp-130:clamp(55px,9.03vw,130px);\r\n  --ww-sp-140:clamp(59px,9.72vw,140px);\r\n  --ww-sp-150:clamp(63px,10.42vw,150px);\r\n  --ww-sp-160:clamp(67px,11.11vw,160px);\r\n}\r\n}\r\n#ww-projects{position:relative;overflow-x:clip;background:var(--ww-white);color:var(--ww-text);\r\nfont-family:var(--ww-font-body);-webkit-font-smoothing:antialiased;text-size-adjust:100%}\r\n#ww-projects *,#ww-projects *::before,#ww-projects *::after{box-sizing:border-box}\r\n#ww-projects h1,#ww-projects h2,#ww-projects h3,#ww-projects h4,#ww-projects h5,#ww-projects p,#ww-projects figure,#ww-projects ul,#ww-projects ol,#ww-projects blockquote{margin:0;padding:0}\r\n#ww-projects ul,#ww-projects ol{list-style:none}\r\n#ww-projects img,#ww-projects canvas,#ww-projects svg{max-width:100%}\r\n#ww-projects img{height:auto}\r\n#ww-projects a{color:var(--ww-blue);text-decoration:none}\r\n#ww-projects a:hover{color:var(--ww-accent)}\r\n#ww-projects button,#ww-projects input,#ww-projects select,#ww-projects textarea{font:inherit;color:inherit}\r\n#ww-projects :focus-visible{outline:2px solid var(--ww-accent-2);outline-offset:2px;border-radius:2px}\r\n#ww-projects ::selection{background:var(--ww-accent-2);color:#fff}\r\n#ww-projects section{overflow-x:clip}\r\n\r\n\/* scroll reveal \u2014 only armed once JS is running *\/\r\n#ww-projects.ww-anim [data-reveal]{opacity:0;transform:translateY(22px);\r\ntransition:opacity .56s cubic-bezier(.16,1,.3,1),transform .56s cubic-bezier(.16,1,.3,1)}\r\n#ww-projects.ww-anim [data-reveal].ww-in{opacity:1;transform:none}\r\n#ww-projects.ww-anim [data-tile]{opacity:0;transform:translateY(16px);\r\ntransition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),\r\nborder-color .32s ease,box-shadow .32s ease}\r\n#ww-projects.ww-anim [data-tile].ww-in{opacity:1;transform:none}\r\n\r\n\/* hover micro-interactions (were inline JS in the source export) *\/\r\n#ww-projects [data-card]{transition:background .32s ease,opacity .2s ease,transform .2s ease}\r\n#ww-projects [data-card]:hover{background:var(--ww-surface)}\r\n#ww-projects [data-card]:hover [data-frame]{border-color:var(--ww-accent)}\r\n#ww-projects [data-card]:hover [data-zoom]{transform:scale(1.04)}\r\n#ww-projects [data-tile]:hover{border-color:var(--ww-accent);\r\nbox-shadow:0 1px 2px rgba(10,38,71,.04),0 12px 32px rgba(10,38,71,.08)}\r\n#ww-projects [data-tile]:hover [data-mark]{color:var(--ww-blue)}\r\n#ww-projects [data-arrow] span{transition:transform .32s ease}\r\n#ww-projects [data-arrow]:hover span{transform:translateX(4px)}\r\n#ww-projects [data-marquee]:hover [data-track]{animation-play-state:paused}\r\n[dir=\"rtl\"] #ww-projects [data-arrow] span{transform:scaleX(-1)}\r\n[dir=\"rtl\"] #ww-projects [data-arrow]:hover span{transform:scaleX(-1) translateX(4px)}\r\n[dir=\"rtl\"] #ww-projects [data-track]{animation-direction:reverse}\r\n@keyframes ww-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}\r\n@media (prefers-reduced-motion:reduce){\r\n#ww-projects *{animation-duration:.001ms!important;animation-iteration-count:1!important;\r\ntransition-duration:.12s!important}\r\n}\r\n@media (max-width:767px){\r\n#ww-projects [data-marquee]{-webkit-mask-image:none;mask-image:none}\r\n}\r\n\r\n\/* ---------- page styles ---------- *\/\r\n#ww-projects .wj-1{position:relative;background:var(--ww-white);padding:var(--ww-sp-140) 0 var(--ww-sp-96);}\r\n#ww-projects .wj-2{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}\r\n#ww-projects .wj-3{position:relative;max-width:var(--ww-maxw);margin:0 auto;padding:0 var(--ww-gutter);}\r\n#ww-projects .wj-4{max-width:780px;margin:0 auto;text-align:center;}\r\n#ww-projects .wj-5{font-family:var(--ww-font-display);font-size:var(--ww-fs-12);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ww-accent-3);}\r\n#ww-projects .wj-6{font-family:var(--ww-font-display);font-size:var(--ww-fs-56);line-height:1.05;font-weight:600;letter-spacing:-.025em;color:var(--ww-blue);margin:20px 0 0;text-wrap:balance;}\r\n#ww-projects .wj-7{font-family:var(--ww-font-body);font-size:var(--ww-fs-18);line-height:1.65;color:var(--ww-muted);margin:24px 0 0;text-wrap:pretty;}\r\n#ww-projects .wj-8{position:sticky;top:var(--ww-sticky-top);z-index:800;background:var(--ww-white);border-top:1px solid var(--ww-border);border-bottom:1px solid var(--ww-border);transition:top .32s cubic-bezier(.25,1,.5,1);}\r\n#ww-projects .wj-9{max-width:var(--ww-maxw);margin:0 auto;padding:0 var(--ww-gutter);height:72px;display:flex;align-items:center;justify-content:space-between;gap:var(--ww-sp-32);}\r\n#ww-projects .wj-10{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}\r\n#ww-projects .wj-11{border:1px solid var(--ww-border);border-radius:4px;padding:9px 16px;font-family:var(--ww-font-body);font-size:var(--ww-fs-13);color:var(--ww-text);background:transparent;cursor:pointer;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease;}\r\n#ww-projects .wj-12{display:flex;align-items:center;gap:20px;flex:none;}\r\n#ww-projects .wj-13{height:38px;border:1px solid var(--ww-border);border-radius:4px;background:var(--ww-white);padding:0 12px;font-family:var(--ww-font-body);font-size:var(--ww-fs-13);color:var(--ww-text);cursor:pointer;}\r\n#ww-projects .wj-14{font-family:var(--ww-font-body);font-size:var(--ww-fs-13);color:var(--ww-muted);white-space:nowrap;font-variant-numeric:tabular-nums;}\r\n#ww-projects .wj-15{background:var(--ww-white);padding:var(--ww-sp-96) 0 var(--ww-sp-128);}\r\n#ww-projects .wj-16{max-width:var(--ww-maxw);margin:0 auto;padding:0 var(--ww-gutter);}\r\n#ww-projects .wj-17{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}\r\n#ww-projects .wj-18{transition:opacity .2s ease,transform .2s ease;}\r\n#ww-projects .wj-19{position:relative;border:1px solid var(--ww-border);border-radius:8px;overflow:hidden;aspect-ratio:4\/3;background:linear-gradient(155deg,var(--ww-navy),var(--ww-accent));transition:border-color .32s ease;}\r\n#ww-projects .wj-20{width:100%;height:100%;object-fit:cover;mix-blend-mode:luminosity;opacity:.92;display:block;transition:transform .32s cubic-bezier(.25,1,.5,1);}\r\n#ww-projects .wj-21{position:absolute;inset-inline-start:16px;bottom:16px;background:rgba(255,255,255,.86);border-radius:4px;padding:7px 12px;font-family:var(--ww-font-body);font-size:var(--ww-fs-12);font-weight:500;color:var(--ww-blue);}\r\n#ww-projects .wj-22{font-family:var(--ww-font-display);font-size:var(--ww-fs-12);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ww-accent-3);margin-top:20px;}\r\n#ww-projects .wj-23{font-family:var(--ww-font-display);font-size:var(--ww-fs-20);line-height:1.35;font-weight:600;letter-spacing:-.01em;color:var(--ww-blue);margin:10px 0 0;}\r\n#ww-projects .wj-24{font-family:var(--ww-font-body);font-size:var(--ww-fs-14);color:var(--ww-muted);margin-top:8px;}\r\n#ww-projects .wj-25{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--ww-font-body);font-size:var(--ww-fs-15);font-weight:500;color:var(--ww-blue);text-decoration:underline;text-underline-offset:4px;}\r\n#ww-projects .wj-26{display:inline-block;transition:transform .32s ease;}\r\n#ww-projects .wj-27{position:relative;border:1px solid var(--ww-border);border-radius:8px;overflow:hidden;aspect-ratio:4\/3;background:linear-gradient(155deg,var(--ww-navy),var(--ww-accent-3));transition:border-color .32s ease;}\r\n#ww-projects .wj-28{width:100%;height:100%;object-fit:cover;object-position:50% 55%;mix-blend-mode:luminosity;opacity:.92;display:block;transition:transform .32s cubic-bezier(.25,1,.5,1);}\r\n#ww-projects .wj-29{display:none;padding:var(--ww-sp-96) 0;text-align:center;}\r\n#ww-projects .wj-30{font-family:var(--ww-font-display);font-size:var(--ww-fs-24);font-weight:600;letter-spacing:-.015em;color:var(--ww-blue);}\r\n#ww-projects .wj-31{font-family:var(--ww-font-body);font-size:var(--ww-fs-16);line-height:1.7;color:var(--ww-muted);margin:12px 0 0;}\r\n#ww-projects .wj-32{margin-top:24px;height:48px;padding:0 28px;border:1px solid var(--ww-blue);border-radius:4px;background:transparent;font-family:var(--ww-font-body);font-size:var(--ww-fs-16);font-weight:500;color:var(--ww-blue);cursor:pointer;transition:background .16s ease;}\r\n#ww-projects .wj-33{text-align:center;margin-top:var(--ww-sp-64);}\r\n#ww-projects .wj-34{height:52px;padding:0 var(--ww-sp-32);border:1px solid var(--ww-blue);border-radius:4px;background:transparent;font-family:var(--ww-font-body);font-size:var(--ww-fs-16);font-weight:500;color:var(--ww-blue);cursor:pointer;transition:background .16s ease;}\r\n#ww-projects .wj-35{position:relative;background:var(--ww-navy);padding:var(--ww-sp-160) 0;overflow:hidden;}\r\n#ww-projects .wj-36{position:relative;max-width:var(--ww-maxw);margin:0 auto;padding:0 var(--ww-gutter);text-align:center;}\r\n#ww-projects .wj-37{font-family:var(--ww-font-display);font-size:var(--ww-fs-40);line-height:1.15;font-weight:600;letter-spacing:-.02em;color:var(--ww-white);margin:0 auto;max-width:22ch;text-wrap:balance;}\r\n#ww-projects .wj-38{position:relative;width:min(760px,100%);height:auto;margin:var(--ww-sp-72) auto 0;aspect-ratio:760\/480;}\r\n#ww-projects .wj-39{position:absolute;inset:0;width:100%;height:100%;}\r\n#ww-projects .wj-40{fill:var(--ww-accent-2);}\r\n#ww-projects .wj-41{position:absolute;inset-inline-start:50%;top:10.83%;transform:translate(-50%,-190%);font-family:var(--ww-font-display);font-size:var(--ww-fs-12);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ww-white);white-space:nowrap;}\r\n#ww-projects .wj-42{position:absolute;inset-inline-start:87.11%;top:31.25%;transform:translate(-50%,-190%);font-family:var(--ww-font-display);font-size:var(--ww-fs-12);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ww-white);white-space:nowrap;}\r\n#ww-projects .wj-43{position:absolute;inset-inline-start:78.95%;top:84.17%;transform:translate(-50%,120%);font-family:var(--ww-font-display);font-size:var(--ww-fs-12);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ww-white);white-space:nowrap;}\r\n#ww-projects .wj-44{position:absolute;inset-inline-start:21.05%;top:84.17%;transform:translate(-50%,120%);font-family:var(--ww-font-display);font-size:var(--ww-fs-12);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ww-white);white-space:nowrap;}\r\n#ww-projects .wj-45{position:absolute;inset-inline-start:12.89%;top:31.25%;transform:translate(-50%,-190%);font-family:var(--ww-font-display);font-size:var(--ww-fs-12);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ww-white);white-space:nowrap;}\r\n#ww-projects .wj-46{position:absolute;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);min-width:340px;padding:28px var(--ww-sp-32);background:var(--ww-accent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);text-align:center;}\r\n#ww-projects .wj-47{font-family:var(--ww-font-display);font-size:var(--ww-fs-22);line-height:1.25;font-weight:600;letter-spacing:-.01em;color:var(--ww-white);}\r\n#ww-projects .wj-48{background:var(--ww-white);padding:var(--ww-sp-128) 0;}\r\n#ww-projects .wj-49{max-width:640px;}\r\n#ww-projects .wj-50{font-family:var(--ww-font-display);font-size:var(--ww-fs-40);line-height:1.15;font-weight:600;letter-spacing:-.02em;color:var(--ww-blue);margin:20px 0 0;}\r\n#ww-projects .wj-51{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ww-sp-64) var(--ww-sp-48);margin-top:var(--ww-sp-64);}\r\n#ww-projects .wj-52{stroke:var(--ww-accent-3);}\r\n#ww-projects .wj-53{font-family:var(--ww-font-display);font-size:var(--ww-fs-20);line-height:1.35;font-weight:600;letter-spacing:-.01em;color:var(--ww-blue);margin:20px 0 0;}\r\n#ww-projects .wj-54{font-family:var(--ww-font-body);font-size:var(--ww-fs-15);line-height:1.65;color:var(--ww-muted);margin:10px 0 0;max-width:44ch;}\r\n#ww-projects .wj-55{background:var(--ww-white);padding:var(--ww-sp-32) 0 var(--ww-sp-160);}\r\n#ww-projects .wj-56{position:relative;background:var(--ww-blue);border-radius:8px;padding:var(--ww-sp-96);overflow:hidden;display:grid;grid-template-columns:1fr 320px;gap:var(--ww-sp-48);align-items:center;}\r\n#ww-projects .wj-57{position:relative;}\r\n#ww-projects .wj-58{font-family:var(--ww-font-display);font-size:var(--ww-fs-40);line-height:1.15;font-weight:600;letter-spacing:-.02em;color:var(--ww-white);margin:0;max-width:22ch;}\r\n#ww-projects .wj-59{font-family:var(--ww-font-body);font-size:var(--ww-fs-18);line-height:1.65;color:rgba(255,255,255,.7);margin:20px 0 0;max-width:56ch;}\r\n#ww-projects .wj-60{display:flex;gap:16px;margin-top:var(--ww-sp-36);}\r\n#ww-projects .wj-61{display:inline-flex;align-items:center;height:52px;padding:0 28px;background:var(--ww-accent);color:var(--ww-white);border-radius:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-family:var(--ww-font-body);font-size:var(--ww-fs-16);font-weight:500;transition:background .16s ease;}\r\n#ww-projects .wj-61:hover,#ww-projects .wj-61:focus-visible{background:var(--ww-accent-2);color:var(--ww-navy);}\r\n#ww-projects .wj-62{display:inline-flex;align-items:center;height:52px;padding:0 28px;border:1px solid rgba(255,255,255,.6);color:var(--ww-white);border-radius:4px;font-family:var(--ww-font-body);font-size:var(--ww-fs-16);font-weight:500;transition:background .16s ease;}\r\n#ww-projects .wj-62:hover,#ww-projects .wj-62:focus-visible{background:rgba(255,255,255,.1);color:var(--ww-white);}\r\n@media (max-width:1024px){\r\n#ww-projects .wj-17{grid-template-columns:repeat(2,1fr);}\r\n#ww-projects .wj-51{grid-template-columns:repeat(2,1fr);}\r\n#ww-projects .wj-56{grid-template-columns:1fr;}\r\n}\r\n@media (max-width:767px){\r\n#ww-projects .wj-8{position:static;}\r\n#ww-projects .wj-9{flex-direction:column;align-items:flex-start;}\r\n#ww-projects .wj-12{flex-wrap:wrap;}\r\n#ww-projects .wj-17{grid-template-columns:1fr;}\r\n#ww-projects .wj-38{width:min(84%,760px);margin-inline:auto;}\r\n#ww-projects .wj-41{white-space:normal;max-width:22vw;text-align:center;font-size:10px;letter-spacing:.08em;}\r\n#ww-projects .wj-42{white-space:normal;max-width:22vw;text-align:center;font-size:10px;letter-spacing:.08em;}\r\n#ww-projects .wj-43{white-space:normal;max-width:22vw;text-align:center;font-size:10px;letter-spacing:.08em;}\r\n#ww-projects .wj-44{white-space:normal;max-width:22vw;text-align:center;font-size:10px;letter-spacing:.08em;}\r\n#ww-projects .wj-45{white-space:normal;max-width:22vw;text-align:center;font-size:10px;letter-spacing:.08em;}\r\n#ww-projects .wj-46{min-width:0;}\r\n#ww-projects .wj-51{grid-template-columns:1fr;}\r\n#ww-projects .wj-56{grid-template-columns:1fr;}\r\n#ww-projects .wj-60{flex-wrap:wrap;}\r\n}\r\n<\/style>\r\n\r\n<div id=\"ww-projects\" class=\"ww-page\">\r\n<section class=\"wj-1\">\r\n  <canvas data-dots=\"hero\" class=\"wj-2\"><\/canvas>\r\n  <div class=\"wj-3\">\r\n    <div class=\"wj-4\">\r\n      <div data-reveal=\"1\" class=\"wj-5\">Our work<\/div>\r\n      <h1 data-reveal=\"1\" class=\"wj-6\">Projects that combine expertise and integration<\/h1>\r\n      <p data-reveal=\"1\" class=\"wj-7\">Twenty-four delivered projects across five sectors. Filter by discipline to see where a single scope replaced four separate contracts.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div data-filterbar=\"1\" class=\"wj-8\">\r\n  <div class=\"wj-9\">\r\n    <div class=\"wj-10\">\r\n      <button data-filter=\"all\" type=\"button\" class=\"wj-11\">All<\/button>\r\n      <button data-filter=\"it\" type=\"button\" class=\"wj-11\">IT &amp; infrastructure<\/button>\r\n      <button data-filter=\"security\" type=\"button\" class=\"wj-11\">Security &amp; surveillance<\/button>\r\n      <button data-filter=\"av\" type=\"button\" class=\"wj-11\">Audio-visual<\/button>\r\n      <button data-filter=\"workplace\" type=\"button\" class=\"wj-11\">Work environments<\/button>\r\n      <button data-filter=\"integrated\" type=\"button\" class=\"wj-11\">Integrated projects<\/button>\r\n      <button data-filter=\"training\" type=\"button\" class=\"wj-11\">Training<\/button>\r\n    <\/div>\r\n    <div class=\"wj-12\">\r\n      <select data-sector=\"1\" class=\"wj-13\">\r\n        <option value=\"all\">All sectors<\/option>\r\n        <option value=\"Government\">Government<\/option>\r\n        <option value=\"Business\">Business<\/option>\r\n        <option value=\"Education\">Education<\/option>\r\n        <option value=\"Commercial\">Commercial<\/option>\r\n        <option value=\"Facilities\">Facilities<\/option>\r\n      <\/select>\r\n      <div data-count=\"1\" class=\"wj-14\">24 projects<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<section class=\"wj-15\">\r\n  <div class=\"wj-16\">\r\n    <div data-grid=\"1\" class=\"wj-17\">\r\n\r\n      <article data-card=\"1\" data-cat=\"integrated\" data-sector=\"Government\" class=\"wj-18\">\r\n        <div data-frame=\"1\" class=\"wj-19\">\r\n          <img decoding=\"async\" src=\"https:\/\/waywork.com.sa\/wp-content\/uploads\/2026\/08\/project-hero.jpg\" alt=\"Ministry operations facility\" data-zoom=\"1\" class=\"wj-20\">\r\n          <span class=\"wj-21\">Integrated<\/span>\r\n        <\/div>\r\n        <div class=\"wj-22\">Government<\/div>\r\n        <h3 class=\"wj-23\">Ministry operations facility<\/h3>\r\n        <div class=\"wj-24\">Riyadh, Saudi Arabia \u00b7 Integrated delivery<\/div>\r\n        <a href=\"\/projects\/project-detail\/\" data-arrow=\"1\" class=\"wj-25\">View project <span aria-hidden=\"true\" class=\"wj-26\">\u2192<\/span><\/a>\r\n      <\/article>\r\n\r\n      <article data-card=\"1\" data-cat=\"it\" data-sector=\"Business\" class=\"wj-18\">\r\n        <div data-frame=\"1\" class=\"wj-19\">\r\n          <img decoding=\"async\" src=\"https:\/\/waywork.com.sa\/wp-content\/uploads\/2026\/08\/datacenter.jpg\" alt=\"Corporate data centre build\" data-zoom=\"1\" class=\"wj-20\">\r\n          <span class=\"wj-21\">IT &amp; infrastructure<\/span>\r\n        <\/div>\r\n        <div class=\"wj-22\">Business<\/div>\r\n        <h3 class=\"wj-23\">Headquarters data centre<\/h3>\r\n        <div class=\"wj-24\">Riyadh, Saudi Arabia \u00b7 Compute &amp; power<\/div>\r\n        <a href=\"\/projects\/project-detail\/\" data-arrow=\"1\" class=\"wj-25\">View project <span aria-hidden=\"true\" class=\"wj-26\">\u2192<\/span><\/a>\r\n      <\/article>\r\n\r\n      <article data-card=\"1\" data-cat=\"security\" data-sector=\"Facilities\" class=\"wj-18\">\r\n        <div data-frame=\"1\" class=\"wj-19\">\r\n          <img decoding=\"async\" src=\"https:\/\/waywork.com.sa\/wp-content\/uploads\/2026\/08\/security-ops.jpg\" alt=\"Utility security operations centre\" data-zoom=\"1\" class=\"wj-20\">\r\n          <span class=\"wj-21\">Security<\/span>\r\n        <\/div>\r\n        <div class=\"wj-22\">Facilities<\/div>\r\n        <h3 class=\"wj-23\">Utility security operations centre<\/h3>\r\n        <div class=\"wj-24\">Jubail, Saudi Arabia \u00b7 CCTV &amp; video wall<\/div>\r\n        <a href=\"\/projects\/project-detail\/\" data-arrow=\"1\" class=\"wj-25\">View project <span aria-hidden=\"true\" class=\"wj-26\">\u2192<\/span><\/a>\r\n      <\/article>\r\n\r\n      <article data-card=\"1\" data-cat=\"av\" data-sector=\"Business\" class=\"wj-18\">\r\n        <div data-frame=\"1\" class=\"wj-27\">\r\n          <img decoding=\"async\" src=\"https:\/\/waywork.com.sa\/wp-content\/uploads\/2026\/08\/boardroom.jpg\" alt=\"Executive boardroom fit-out\" data-zoom=\"1\" class=\"wj-28\">\r\n          <span class=\"wj-21\">Audio-visual<\/span>\r\n        <\/div>\r\n        <div class=\"wj-22\">Business<\/div>\r\n        <h3 class=\"wj-23\">Executive floor meeting suite<\/h3>\r\n        <div class=\"wj-24\">Riyadh, Saudi Arabia \u00b7 Twelve rooms<\/div>\r\n        <a href=\"\/projects\/project-detail\/\" data-arrow=\"1\" class=\"wj-25\">View project <span aria-hidden=\"true\" class=\"wj-26\">\u2192<\/span><\/a>\r\n      <\/article>\r\n\r\n      <article data-card=\"1\" data-cat=\"it\" data-sector=\"Government\" class=\"wj-18\">\r\n        <div data-frame=\"1\" class=\"wj-19\">\r\n          <img decoding=\"async\" src=\"https:\/\/waywork.com.sa\/wp-content\/uploads\/2026\/08\/network-room.jpg\" alt=\"Campus network refresh\" data-zoom=\"1\" class=\"wj-20\">\r\n          <span class=\"wj-21\">IT &amp; infrastructure<\/span>\r\n        <\/div>\r\n        <div class=\"wj-22\">Government<\/div>\r\n        <h3 class=\"wj-23\">Authority network refresh<\/h3>\r\n        <div class=\"wj-24\">Dammam, Saudi Arabia \u00b7 Structured cabling<\/div>\r\n        <a href=\"\/projects\/project-detail\/\" data-arrow=\"1\" class=\"wj-25\">View project <span aria-hidden=\"true\" class=\"wj-26\">\u2192<\/span><\/a>\r\n      <\/article>\r\n\r\n      <article data-card=\"1\" data-cat=\"workplace\" data-sector=\"Business\" class=\"wj-18\">\r\n        <div data-frame=\"1\" class=\"wj-27\">\r\n          <img decoding=\"async\" src=\"https:\/\/waywork.com.sa\/wp-content\/uploads\/2026\/08\/workplace.jpg\" alt=\"Open-plan floor fit-out\" data-zoom=\"1\" class=\"wj-20\">\r\n          <span class=\"wj-21\">Work environments<\/span>\r\n        <\/div>\r\n        <div class=\"wj-22\">Business<\/div>\r\n        <h3 class=\"wj-23\">Regional office fit-out<\/h3>\r\n        <div class=\"wj-24\">Jeddah, Saudi Arabia \u00b7 240 positions<\/div>\r\n        <a href=\"\/projects\/project-detail\/\" data-arrow=\"1\" class=\"wj-25\">View project <span aria-hidden=\"true\" class=\"wj-26\">\u2192<\/span><\/a>\r\n      <\/article>\r\n\r\n      <article data-card=\"1\" data-cat=\"training\" data-sector=\"Education\" class=\"wj-18\">\r\n        <div data-frame=\"1\" class=\"wj-19\">\r\n          <img decoding=\"async\" src=\"https:\/\/waywork.com.sa\/wp-content\/uploads\/2026\/08\/sector-education.jpg\" alt=\"University training rooms\" data-zoom=\"1\" class=\"wj-20\">\r\n          <span class=\"wj-21\">Training<\/span>\r\n        <\/div>\r\n        <div class=\"wj-22\">Education<\/div>\r\n        <h3 class=\"wj-23\">University training rooms<\/h3>\r\n        <div class=\"wj-24\">Riyadh, Saudi Arabia \u00b7 Eighteen rooms<\/div>\r\n        <a href=\"\/projects\/project-detail\/\" data-arrow=\"1\" class=\"wj-25\">View project <span aria-hidden=\"true\" class=\"wj-26\">\u2192<\/span><\/a>\r\n      <\/article>\r\n\r\n      <article data-card=\"1\" data-cat=\"av\" data-sector=\"Commercial\" class=\"wj-18\">\r\n        <div data-frame=\"1\" class=\"wj-27\">\r\n          <img decoding=\"async\" src=\"https:\/\/waywork.com.sa\/wp-content\/uploads\/2026\/08\/sector-commercial.jpg\" alt=\"Retail signage network\" data-zoom=\"1\" class=\"wj-20\">\r\n          <span class=\"wj-21\">Audio-visual<\/span>\r\n        <\/div>\r\n        <div class=\"wj-22\">Commercial<\/div>\r\n        <h3 class=\"wj-23\">Mall signage network<\/h3>\r\n        <div class=\"wj-24\">Jeddah, Saudi Arabia \u00b7 Sixty displays<\/div>\r\n        <a href=\"\/projects\/project-detail\/\" data-arrow=\"1\" class=\"wj-25\">View project <span aria-hidden=\"true\" class=\"wj-26\">\u2192<\/span><\/a>\r\n      <\/article>\r\n\r\n      <article data-card=\"1\" data-cat=\"integrated\" data-sector=\"Government\" class=\"wj-18\">\r\n        <div data-frame=\"1\" class=\"wj-19\">\r\n          <img decoding=\"async\" src=\"https:\/\/waywork.com.sa\/wp-content\/uploads\/2026\/08\/sector-government.jpg\" alt=\"Civic building integrated delivery\" data-zoom=\"1\" class=\"wj-20\">\r\n          <span class=\"wj-21\">Integrated<\/span>\r\n        <\/div>\r\n        <div class=\"wj-22\">Government<\/div>\r\n        <h3 class=\"wj-23\">Civic headquarters delivery<\/h3>\r\n        <div class=\"wj-24\">Riyadh, Saudi Arabia \u00b7 Five disciplines<\/div>\r\n        <a href=\"\/projects\/project-detail\/\" data-arrow=\"1\" class=\"wj-25\">View project <span aria-hidden=\"true\" class=\"wj-26\">\u2192<\/span><\/a>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div data-empty=\"1\" class=\"wj-29\">\r\n      <div class=\"wj-30\">No projects match these filters<\/div>\r\n      <p class=\"wj-31\">Clear filters to see all work.<\/p>\r\n      <button data-clear=\"1\" type=\"button\" class=\"wj-32\">Clear filters<\/button>\r\n    <\/div>\r\n\r\n    <div data-more=\"1\" class=\"wj-33\">\r\n      <button type=\"button\" class=\"wj-34\">Load more projects<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"integrated\" class=\"wj-35\">\r\n  <canvas data-dots=\"dark\" class=\"wj-2\"><\/canvas>\r\n  <div class=\"wj-36\">\r\n    <h2 data-reveal=\"1\" class=\"wj-37\">When needs are diverse, we deliver one integrated system<\/h2>\r\n    <div data-reveal=\"1\" class=\"wj-38\">\r\n      <svg viewBox=\"0 0 760 480\" aria-hidden=\"true\" class=\"wj-39\">\r\n        <line x1=\"380\" y1=\"240\" x2=\"380\" y2=\"52\" stroke=\"rgba(255,255,255,.24)\" stroke-width=\"1\"><\/line>\r\n        <line x1=\"380\" y1=\"240\" x2=\"662\" y2=\"150\" stroke=\"rgba(255,255,255,.24)\" stroke-width=\"1\"><\/line>\r\n        <line x1=\"380\" y1=\"240\" x2=\"600\" y2=\"404\" stroke=\"rgba(255,255,255,.24)\" stroke-width=\"1\"><\/line>\r\n        <line x1=\"380\" y1=\"240\" x2=\"160\" y2=\"404\" stroke=\"rgba(255,255,255,.24)\" stroke-width=\"1\"><\/line>\r\n        <line x1=\"380\" y1=\"240\" x2=\"98\" y2=\"150\" stroke=\"rgba(255,255,255,.24)\" stroke-width=\"1\"><\/line>\r\n        <circle cx=\"380\" cy=\"52\" r=\"5\" class=\"wj-40\"><\/circle>\r\n        <circle cx=\"662\" cy=\"150\" r=\"5\" class=\"wj-40\"><\/circle>\r\n        <circle cx=\"600\" cy=\"404\" r=\"5\" class=\"wj-40\"><\/circle>\r\n        <circle cx=\"160\" cy=\"404\" r=\"5\" class=\"wj-40\"><\/circle>\r\n        <circle cx=\"98\" cy=\"150\" r=\"5\" class=\"wj-40\"><\/circle>\r\n      <\/svg>\r\n      <div class=\"wj-41\">IT<\/div>\r\n      <div class=\"wj-42\">Infrastructure &amp; networks<\/div>\r\n      <div class=\"wj-43\">Security &amp; surveillance<\/div>\r\n      <div class=\"wj-44\">Audio-visual<\/div>\r\n      <div class=\"wj-45\">Workplace setup<\/div>\r\n      <div class=\"wj-46\">\r\n        <div class=\"wj-47\">One project, one accountable partner<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"wj-48\">\r\n  <div class=\"wj-16\">\r\n    <div class=\"wj-49\">\r\n      <div data-reveal=\"1\" class=\"wj-5\">Why choose us<\/div>\r\n      <h2 data-reveal=\"1\" class=\"wj-50\">What a single accountable scope actually buys you<\/h2>\r\n    <\/div>\r\n    <div class=\"wj-51\">\r\n      <div data-reveal=\"1\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6h16M4 12h10M4 18h6\" stroke-width=\"1.5\" stroke-linecap=\"round\" class=\"wj-52\"><\/path><\/svg>\r\n        <h3 class=\"wj-53\">Multidisciplinary expertise<\/h3>\r\n        <p class=\"wj-54\">Five in-house disciplines, so nobody on site is waiting for a subcontractor to answer an email.<\/p>\r\n      <\/div>\r\n      <div data-reveal=\"1\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"6\" rx=\"1\" stroke-width=\"1.5\" class=\"wj-52\"><\/rect><rect x=\"3\" y=\"14\" width=\"18\" height=\"6\" rx=\"1\" stroke-width=\"1.5\" class=\"wj-52\"><\/rect><\/svg>\r\n        <h3 class=\"wj-53\">Integrated solutions<\/h3>\r\n        <p class=\"wj-54\">One drawing set covering every interface, so the seams are designed rather than discovered.<\/p>\r\n      <\/div>\r\n      <div data-reveal=\"1\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-width=\"1.5\" class=\"wj-52\"><\/circle><path d=\"M3 12h18M12 3c2.5 3 2.5 15 0 18M12 3c-2.5 3-2.5 15 0 18\" stroke-width=\"1.5\" class=\"wj-52\"><\/path><\/svg>\r\n        <h3 class=\"wj-53\">Global partnerships<\/h3>\r\n        <p class=\"wj-54\">Fourteen manufacturer relationships behind the supply position and the escalation path.<\/p>\r\n      <\/div>\r\n      <div data-reveal=\"1\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 21s7-5.2 7-11a7 7 0 10-14 0c0 5.8 7 11 7 11z\" stroke-width=\"1.5\" stroke-linejoin=\"round\" class=\"wj-52\"><\/path><circle cx=\"12\" cy=\"10\" r=\"2.5\" stroke-width=\"1.5\" class=\"wj-52\"><\/circle><\/svg>\r\n        <h3 class=\"wj-53\">Local insight<\/h3>\r\n        <p class=\"wj-54\">Saudi procurement, Saudi programme realities, and crews already working in the Kingdom.<\/p>\r\n      <\/div>\r\n      <div data-reveal=\"1\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 17l5-5 4 3 7-8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"wj-52\"><\/path><\/svg>\r\n        <h3 class=\"wj-53\">Flexibility in implementation<\/h3>\r\n        <p class=\"wj-54\">Phased around live operations, night access and the constraints the site actually has.<\/p>\r\n      <\/div>\r\n      <div data-reveal=\"1\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3l2.6 5.6 6.1.8-4.5 4.2 1.2 6-5.4-3-5.4 3 1.2-6L3.3 9.4l6.1-.8L12 3z\" stroke-width=\"1.5\" stroke-linejoin=\"round\" class=\"wj-52\"><\/path><\/svg>\r\n        <h3 class=\"wj-53\">Focus on value<\/h3>\r\n        <p class=\"wj-54\">Specified against measured need, which usually costs less than the list it replaces.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"cta\" class=\"wj-55\">\r\n  <div class=\"wj-16\">\r\n    <div data-reveal=\"1\" class=\"wj-56\">\r\n      <canvas data-dots=\"cta\" class=\"wj-2\"><\/canvas>\r\n      <div class=\"wj-57\">\r\n        <h2 class=\"wj-58\">Do you have a new project?<\/h2>\r\n        <p class=\"wj-59\">Send us the programme and the constraints. We will come back with a scope, not a catalogue.<\/p>\r\n        <div class=\"wj-60\">\r\n          <a href=\"#cta\" class=\"wj-61\">Talk to our experts<\/a>\r\n          <a href=\"#cta\" class=\"wj-62\">Request a quote<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\nvar ID='ww-projects';\r\nfunction boot(){\r\n  var root=document.getElementById(ID);\r\n  if(!root||root.getAttribute('data-ww-init'))return;\r\n  root.setAttribute('data-ww-init','1');\r\n  var REDUCED=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  root.classList.add('ww-anim');\r\n  var io=window.IntersectionObserver;\r\n\r\n  \/* ---------- scroll reveal ---------- *\/\r\n  function reveal(sel,stagger){\r\n    var els=[].slice.call(root.querySelectorAll(sel));\r\n    if(!io){els.forEach(function(e){e.classList.add('ww-in')});return;}\r\n    var obs=new IntersectionObserver(function(entries){\r\n      entries.forEach(function(en){\r\n        if(!en.isIntersecting)return;\r\n        obs.unobserve(en.target);\r\n        var el=en.target,d=0;\r\n        if(!REDUCED&&stagger){\r\n          var sibs=el.parentNode?[].filter.call(el.parentNode.children,function(x){\r\n            return x.matches&&x.matches(sel)}):[];\r\n          d=Math.min(Math.max(0,sibs.indexOf(el)),6)*80;\r\n        }\r\n        setTimeout(function(){el.classList.add('ww-in')},d);\r\n      });\r\n    },{rootMargin:'0px 0px -8% 0px',threshold:0});\r\n    els.forEach(function(e){obs.observe(e)});\r\n  }\r\n  reveal('[data-reveal]',true);\r\n\r\n\r\n\r\n  \/* ---------- ambient dot fields ---------- *\/\r\n  var CFGS={hero:{pitch:32,r:2,base:.07,color:[18,58,107],focus:[.5,.4],fade:.5,hot:[53,169,222]},\r\ndark:{pitch:48,r:2,base:.16,color:[53,169,222],focus:[.5,.5],fade:.45,hot:[53,169,222]},\r\ncta:{pitch:40,r:4,base:.04,color:[53,169,222],focus:[1,.5],fade:1.6,hot:[53,169,222],rampX:true}};\r\n  [].slice.call(root.querySelectorAll('[data-dots]')).forEach(function(cv){\r\n    var c=CFGS[cv.getAttribute('data-dots')];\r\n    if(!c||!cv.getContext)return;\r\n    var ctx=cv.getContext('2d');if(!ctx)return;\r\n    var host=cv.parentNode,w=0,h=0,dots=[],raf=0,mouse={x:-9999,y:-9999},\r\n        dpr=Math.min(window.devicePixelRatio||1,2),live=!REDUCED;\r\n    function build(){\r\n      w=Math.max(1,cv.offsetWidth||host.offsetWidth);\r\n      h=Math.max(1,cv.offsetHeight||host.offsetHeight);\r\n      cv.width=Math.round(w*dpr);cv.height=Math.round(h*dpr);\r\n      ctx.setTransform(dpr,0,0,dpr,0,0);dots=[];\r\n      var fx=c.focus[0]*w,fy=c.focus[1]*h,maxD=Math.hypot(w,h)*c.fade,\r\n          pitch=w<600?c.pitch*1.35:c.pitch;\r\n      for(var y=pitch\/2;y<h+pitch;y+=pitch){\r\n        for(var x=pitch\/2;x<w+pitch;x+=pitch){\r\n          var m=c.rampX?Math.min(1,Math.max(0,(x\/w-.35)\/.65)*7)\r\n                       :Math.max(0,1-Math.hypot(x-fx,y-fy)\/maxD);\r\n          if(c.bands)m*=0.35+0.65*Math.pow(Math.abs(Math.cos(Math.PI*c.bands*(x\/w))),3);\r\n          dots.push({x:x,y:y,m:m,ph:(x+y)*0.0015});\r\n        }\r\n      }\r\n    }\r\n    function draw(t){\r\n      ctx.clearRect(0,0,w,h);\r\n      for(var i=0;i<dots.length;i++){\r\n        var d=dots[i],a=c.base*d.m,r=c.r,col=c.color;\r\n        if(live){\r\n          a+=Math.sin(t\/6000*Math.PI*2+d.ph)*0.02*d.m;\r\n          var dist=Math.hypot(d.x-mouse.x,d.y-mouse.y);\r\n          if(dist<180){var k=1-dist\/180;k=1-(1-k)*(1-k);d.hot=(d.hot||0)+(k-(d.hot||0))*0.18;}\r\n          else d.hot=(d.hot||0)*0.92;\r\n          if(d.hot>0.005){a=a+(0.55-a)*d.hot;r=c.r+(4-c.r)*d.hot;col=c.hot;}\r\n        }\r\n        if(a<=0.004)continue;\r\n        ctx.beginPath();\r\n        ctx.fillStyle='rgba('+col[0]+','+col[1]+','+col[2]+','+Math.max(0,Math.min(1,a))+')';\r\n        ctx.arc(d.x,d.y,r,0,6.2832);ctx.fill();\r\n      }\r\n    }\r\n    function loop(t){draw(t);raf=requestAnimationFrame(loop);}\r\n    function start(){cancelAnimationFrame(raf);\r\n      if(live&&!document.hidden&&visible)raf=requestAnimationFrame(loop);else draw(0);}\r\n    var visible=true;\r\n    if(io){\r\n      new IntersectionObserver(function(e){visible=e[0].isIntersecting;start();},\r\n        {threshold:0}).observe(host);\r\n    }\r\n    if(window.ResizeObserver){\r\n      var ro=new ResizeObserver(function(){build();start();});ro.observe(host);\r\n    }\r\n    window.addEventListener('resize',function(){build();start();},{passive:true});\r\n    document.addEventListener('visibilitychange',start);\r\n    host.addEventListener('mousemove',function(e){\r\n      var b=cv.getBoundingClientRect(),k=b.width&&w?b.width\/w:1;\r\n      mouse.x=(e.clientX-b.left)\/k;mouse.y=(e.clientY-b.top)\/k;});\r\n    host.addEventListener('mouseleave',function(){mouse.x=-9999;mouse.y=-9999;});\r\n    build();start();\r\n  });\r\n\r\n\r\n  \/* ---------- project filtering ---------- *\/\r\n  (function(){\r\n    var bar=root.querySelector('[data-filterbar]');if(!bar)return;\r\n    var chips=[].slice.call(bar.querySelectorAll('[data-filter]')),\r\n        select=bar.querySelector('[data-sector]'),\r\n        countEl=bar.querySelector('[data-count]'),\r\n        cards=[].slice.call(root.querySelectorAll('[data-card]')),\r\n        empty=root.querySelector('[data-empty]'),\r\n        more=root.querySelector('[data-more]'),\r\n        clear=root.querySelector('[data-clear]'),\r\n        total=cards.length,\r\n        state={cat:'all',sector:'all'};\r\n    function paint(){\r\n      chips.forEach(function(c){\r\n        var on=c.getAttribute('data-filter')===state.cat;\r\n        c.style.background=on?'var(--ww-blue)':'transparent';\r\n        c.style.color=on?'var(--ww-white)':'var(--ww-text)';\r\n        c.style.borderColor=on?'var(--ww-blue)':'var(--ww-border)';\r\n        c.setAttribute('aria-pressed',on?'true':'false');\r\n      });\r\n    }\r\n    function apply(){\r\n      var matched=cards.filter(function(c){\r\n        return (state.cat==='all'||c.getAttribute('data-cat')===state.cat)&&\r\n               (state.sector==='all'||c.getAttribute('data-sector')===state.sector);});\r\n      cards.forEach(function(c){c.style.opacity='0';c.style.transform='scale(.96)'});\r\n      setTimeout(function(){\r\n        cards.forEach(function(c){c.style.display=matched.indexOf(c)>-1?'':'none'});\r\n        matched.forEach(function(c,i){setTimeout(function(){\r\n          c.style.opacity='1';c.style.transform='none'},i*50)});\r\n        if(empty)empty.style.display=matched.length?'none':'block';\r\n        if(more)more.style.display=matched.length?'block':'none';\r\n        var n=(state.cat==='all'&&state.sector==='all')?total:matched.length;\r\n        if(countEl)countEl.textContent=(n===1?'1 project':n+' projects');\r\n      },200);\r\n      paint();\r\n    }\r\n    chips.forEach(function(c){\r\n      c.addEventListener('click',function(){state.cat=c.getAttribute('data-filter');apply();});\r\n      c.addEventListener('mouseenter',function(){\r\n        if(c.getAttribute('data-filter')!==state.cat)c.style.background='var(--ww-surface)'});\r\n      c.addEventListener('mouseleave',function(){\r\n        if(c.getAttribute('data-filter')!==state.cat)c.style.background='transparent'});\r\n    });\r\n    if(select)select.addEventListener('change',function(){state.sector=select.value;apply();});\r\n    if(clear)clear.addEventListener('click',function(){\r\n      state.cat='all';state.sector='all';if(select)select.value='all';apply();});\r\n    paint();\r\n  })();\r\n\r\n}\r\nif(document.readyState!=='loading')boot();\r\nelse document.addEventListener('DOMContentLoaded',boot);\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>Our work Projects that combine expertise and integration Twenty-four delivered projects across five sectors. Filter by discipline to see where a single scope replaced four separate contracts. All IT &amp; infrastructure Security &amp; surveillance Audio-visual Work environments Integrated projects Training All sectorsGovernmentBusinessEducationCommercialFacilities 24 projects Integrated Government Ministry operations facility Riyadh, Saudi Arabia \u00b7 Integrated delivery [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-595","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Projects - Waywork<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/waywork.com.sa\/ar\/projects\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Projects - Waywork\" \/>\n<meta property=\"og:description\" content=\"Our work Projects that combine expertise and integration Twenty-four delivered projects across five sectors. Filter by discipline to see where a single scope replaced four separate contracts. All IT &amp; infrastructure Security &amp; surveillance Audio-visual Work environments Integrated projects Training All sectorsGovernmentBusinessEducationCommercialFacilities 24 projects Integrated Government Ministry operations facility Riyadh, Saudi Arabia \u00b7 Integrated delivery [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waywork.com.sa\/ar\/projects\/\" \/>\n<meta property=\"og:site_name\" content=\"Waywork\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-16T21:15:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waywork.com.sa\/wp-content\/uploads\/2026\/08\/project-hero.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 \u062f\u0642\u0627\u0626\u0642\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/waywork.com.sa\\\/projects\\\/\",\"url\":\"https:\\\/\\\/waywork.com.sa\\\/projects\\\/\",\"name\":\"Projects - Waywork\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/waywork.com.sa\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/waywork.com.sa\\\/projects\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/waywork.com.sa\\\/projects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/waywork.com.sa\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/project-hero.jpg\",\"datePublished\":\"2026-08-12T10:27:14+00:00\",\"dateModified\":\"2026-08-16T21:15:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/waywork.com.sa\\\/projects\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/waywork.com.sa\\\/projects\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/waywork.com.sa\\\/projects\\\/#primaryimage\",\"url\":\"https:\\\/\\\/waywork.com.sa\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/project-hero.jpg\",\"contentUrl\":\"https:\\\/\\\/waywork.com.sa\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/project-hero.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/waywork.com.sa\\\/projects\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/waywork.com.sa\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/waywork.com.sa\\\/#website\",\"url\":\"https:\\\/\\\/waywork.com.sa\\\/\",\"name\":\"waywork.com.sa\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/waywork.com.sa\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/waywork.com.sa\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/waywork.com.sa\\\/#organization\",\"name\":\"Waywork Business Solutions\",\"url\":\"https:\\\/\\\/waywork.com.sa\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/waywork.com.sa\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/waywork.com.sa\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/cropped-cropped-Waywork-logo1.png\",\"contentUrl\":\"https:\\\/\\\/waywork.com.sa\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/cropped-cropped-Waywork-logo1.png\",\"width\":748,\"height\":499,\"caption\":\"Waywork Business Solutions\"},\"image\":{\"@id\":\"https:\\\/\\\/waywork.com.sa\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/waywork-business-solutions\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Projects - Waywork","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/waywork.com.sa\/ar\/projects\/","og_locale":"ar_AR","og_type":"article","og_title":"Projects - Waywork","og_description":"Our work Projects that combine expertise and integration Twenty-four delivered projects across five sectors. Filter by discipline to see where a single scope replaced four separate contracts. All IT &amp; infrastructure Security &amp; surveillance Audio-visual Work environments Integrated projects Training All sectorsGovernmentBusinessEducationCommercialFacilities 24 projects Integrated Government Ministry operations facility Riyadh, Saudi Arabia \u00b7 Integrated delivery [&hellip;]","og_url":"https:\/\/waywork.com.sa\/ar\/projects\/","og_site_name":"Waywork","article_modified_time":"2026-08-16T21:15:03+00:00","og_image":[{"url":"https:\/\/waywork.com.sa\/wp-content\/uploads\/2026\/08\/project-hero.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"6 \u062f\u0642\u0627\u0626\u0642"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/waywork.com.sa\/projects\/","url":"https:\/\/waywork.com.sa\/projects\/","name":"Projects - Waywork","isPartOf":{"@id":"https:\/\/waywork.com.sa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waywork.com.sa\/projects\/#primaryimage"},"image":{"@id":"https:\/\/waywork.com.sa\/projects\/#primaryimage"},"thumbnailUrl":"https:\/\/waywork.com.sa\/wp-content\/uploads\/2026\/08\/project-hero.jpg","datePublished":"2026-08-12T10:27:14+00:00","dateModified":"2026-08-16T21:15:03+00:00","breadcrumb":{"@id":"https:\/\/waywork.com.sa\/projects\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waywork.com.sa\/projects\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/waywork.com.sa\/projects\/#primaryimage","url":"https:\/\/waywork.com.sa\/wp-content\/uploads\/2026\/08\/project-hero.jpg","contentUrl":"https:\/\/waywork.com.sa\/wp-content\/uploads\/2026\/08\/project-hero.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/waywork.com.sa\/projects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/waywork.com.sa\/"},{"@type":"ListItem","position":2,"name":"Projects"}]},{"@type":"WebSite","@id":"https:\/\/waywork.com.sa\/#website","url":"https:\/\/waywork.com.sa\/","name":"waywork.com.sa","description":"","publisher":{"@id":"https:\/\/waywork.com.sa\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/waywork.com.sa\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/waywork.com.sa\/#organization","name":"Waywork Business Solutions","url":"https:\/\/waywork.com.sa\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/waywork.com.sa\/#\/schema\/logo\/image\/","url":"https:\/\/waywork.com.sa\/wp-content\/uploads\/2024\/12\/cropped-cropped-Waywork-logo1.png","contentUrl":"https:\/\/waywork.com.sa\/wp-content\/uploads\/2024\/12\/cropped-cropped-Waywork-logo1.png","width":748,"height":499,"caption":"Waywork Business Solutions"},"image":{"@id":"https:\/\/waywork.com.sa\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/waywork-business-solutions"]}]}},"_links":{"self":[{"href":"https:\/\/waywork.com.sa\/ar\/wp-json\/wp\/v2\/pages\/595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/waywork.com.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/waywork.com.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/waywork.com.sa\/ar\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/waywork.com.sa\/ar\/wp-json\/wp\/v2\/comments?post=595"}],"version-history":[{"count":3,"href":"https:\/\/waywork.com.sa\/ar\/wp-json\/wp\/v2\/pages\/595\/revisions"}],"predecessor-version":[{"id":681,"href":"https:\/\/waywork.com.sa\/ar\/wp-json\/wp\/v2\/pages\/595\/revisions\/681"}],"wp:attachment":[{"href":"https:\/\/waywork.com.sa\/ar\/wp-json\/wp\/v2\/media?parent=595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}