{"id":16,"date":"2026-02-08T06:08:35","date_gmt":"2026-02-08T06:08:35","guid":{"rendered":"https:\/\/zava.design\/?page_id=16"},"modified":"2026-08-21T12:28:15","modified_gmt":"2026-08-21T12:28:15","slug":"as-built-drawings-design-supportvancouver","status":"publish","type":"page","link":"https:\/\/zava.design\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"zava-cs\" aria-label=\"Coming Soon\">\n  <span>C<\/span><span>o<\/span><span>m<\/span><span>i<\/span><span>n<\/span><span>g<\/span>\n  <span class=\"zava-gap\"><\/span>\n  <span>S<\/span><span>o<\/span><span>o<\/span><span>n<\/span>\n<\/div>\n\n<style>\n.zava-cs {\n  display: flex !important;\n  justify-content: center !important;\n  align-items: center !important;\n  width: 100% !important;\n  font-family: inherit !important;\n  font-size: 42px !important;\n  font-weight: 500 !important;\n  letter-spacing: 0.04em !important;\n  white-space: nowrap !important;\n  animation: none !important;\n  transform: none !important;\n}\n\n.zava-cs > span {\n  display: inline-block !important;\n  opacity: 0 !important;\n  visibility: visible !important;\n  transform: none !important;\n  animation: none !important;\n  position: static !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  transition: opacity 0.45s ease !important;\n}\n\n.zava-cs > span.zava-gap {\n  width: 0.35em !important;\n  opacity: 1 !important;\n  transition: none !important;\n}\n\n.zava-cs > span.zava-show {\n  opacity: 1 !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .zava-cs > span {\n    opacity: 1 !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  function startZava() {\n    const container = document.querySelector('.zava-cs');\n    if (!container || container.dataset.started) return;\n\n    container.dataset.started = '1';\n\n    const letters = container.querySelectorAll('span:not(.zava-gap)');\n\n    function play() {\n      letters.forEach(letter => letter.classList.remove('zava-show'));\n\n      letters.forEach((letter, index) => {\n        setTimeout(() => {\n          letter.classList.add('zava-show');\n        }, index * 180);\n      });\n\n      const total = letters.length * 180;\n\n      setTimeout(() => {\n        [...letters].reverse().forEach((letter, index) => {\n          setTimeout(() => {\n            letter.classList.remove('zava-show');\n          }, index * 100);\n        });\n\n        setTimeout(play, 2200);\n      }, total + 2800);\n    }\n\n    play();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', startZava);\n  } else {\n    startZava();\n  }\n})();\n<\/script>\n\n\n\n<div class=\"zava-coming-soon\" aria-label=\"Coming Soon\"><\/div>\n\n<style>\n.zava-coming-soon {\n    font-size: 42px;\n    font-weight: 600;\n    text-align: center;\n    letter-spacing: 0.02em;\n    font-family: inherit;\n}\n\n.zava-coming-soon span {\n    display: inline-block;\n    opacity: 0;\n    transform: translateY(10px);\n    animation: zava-letter 0.35s ease forwards;\n}\n\n@keyframes zava-letter {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n<\/style>\n\n<script>\n(function () {\n    const el = document.querySelector('.zava-coming-soon');\n    const text = 'Coming Soon';\n    let index = 0;\n\n    function animateText() {\n        el.innerHTML = '';\n\n        for (let i = 0; i < index; i++) {\n            const span = document.createElement('span');\n            span.textContent = text[i] === ' ' ? '\\u00A0' : text[i];\n            span.style.animationDelay = (i * 0.08) + 's';\n            el.appendChild(span);\n        }\n\n        index++;\n\n        if (index > text.length) {\n            setTimeout(() => {\n                index = 0;\n                animateText();\n            }, 2500);\n        } else {\n            setTimeout(animateText, 100);\n        }\n    }\n\n    animateText();\n})();\n<\/script>\n\n\n<div class=\"aligncenter wp-block-site-logo\"><a href=\"https:\/\/zava.design\/\" class=\"custom-logo-link\" rel=\"home\"><img loading=\"lazy\" decoding=\"async\" width=\"246\" height=\"369\" src=\"https:\/\/zava.design\/wp-content\/uploads\/2026\/08\/zava-456.png\" class=\"custom-logo\" alt=\"\" srcset=\"https:\/\/zava.design\/wp-content\/uploads\/2026\/08\/zava-456.png 1024w, https:\/\/zava.design\/wp-content\/uploads\/2026\/08\/zava-456-200x300.png 200w, https:\/\/zava.design\/wp-content\/uploads\/2026\/08\/zava-456-683x1024.png 683w, https:\/\/zava.design\/wp-content\/uploads\/2026\/08\/zava-456-768x1152.png 768w\" sizes=\"auto, (max-width: 246px) 100vw, 246px\" \/><\/a><\/div>\n\n\n<div class=\"zava-coming-soon\" aria-label=\"Coming Soon\"><\/div>\n\n<style>\n.zava-coming-soon {\n    font-family: inherit;\n    font-size: 42px;\n    font-weight: 500;\n    letter-spacing: 0.04em;\n    text-align: center;\n    white-space: nowrap;\n}\n\n.zava-coming-soon span {\n    display: inline-block;\n    opacity: 0;\n    transform: translateX(-8px);\n    animation: zava-appear 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n}\n\n@keyframes zava-appear {\n    0% {\n        opacity: 0;\n        transform: translateX(-8px);\n    }\n\n    100% {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n<\/style>\n\n<script>\n(function () {\n    const container = document.querySelector('.zava-coming-soon');\n    const text = 'Coming Soon';\n\n    function play() {\n        container.innerHTML = '';\n\n        [...text].forEach((char, i) => {\n            const span = document.createElement('span');\n\n            span.textContent = char === ' ' ? '\\u00A0' : char;\n\n            span.style.animationDelay = (i * 0.16) + 's';\n\n            container.appendChild(span);\n        });\n\n        const totalTime = text.length * 160 + 550;\n\n        setTimeout(() => {\n            container.style.opacity = '0';\n\n            setTimeout(() => {\n                container.style.opacity = '1';\n                play();\n            }, 900);\n\n        }, totalTime + 2500);\n    }\n\n    play();\n})();\n<\/script>\n\n\n\n<div class=\"zava-coming-soon\"><\/div>\n\n<style>\n.zava-coming-soon {\n    text-align: center;\n    font-family: inherit;\n    font-size: 42px;\n    font-weight: 500;\n    letter-spacing: 0.04em;\n    white-space: nowrap;\n}\n\n.zava-letter {\n    display: inline-block;\n    opacity: 0;\n    transition: opacity 0.45s ease;\n}\n\n.zava-letter.visible {\n    opacity: 1;\n}\n\n.zava-space {\n    display: inline-block;\n    width: 0.35em;\n}\n<\/style>\n\n<script>\n(function () {\n\n    const text = \"Coming Soon\";\n    const container = document.querySelector(\".zava-coming-soon\");\n\n    text.split(\"\").forEach(char => {\n        const span = document.createElement(\"span\");\n\n        if (char === \" \") {\n            span.className = \"zava-space\";\n        } else {\n            span.className = \"zava-letter\";\n            span.textContent = char;\n        }\n\n        container.appendChild(span);\n    });\n\n    const letters = container.querySelectorAll(\".zava-letter\");\n\n    function play() {\n\n        letters.forEach(letter => {\n            letter.classList.remove(\"visible\");\n        });\n\n        letters.forEach((letter, i) => {\n            setTimeout(() => {\n                letter.classList.add(\"visible\");\n            }, i * 180);\n        });\n\n        const showTime = letters.length * 180 + 2500;\n\n        setTimeout(() => {\n\n            [...letters].reverse().forEach((letter, i) => {\n                setTimeout(() => {\n                    letter.classList.remove(\"visible\");\n                }, i * 100);\n            });\n\n            setTimeout(play, 1800);\n\n        }, showTime);\n    }\n\n    play();\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Coming Soon<\/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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zava.design\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zava.design\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zava.design\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zava.design\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zava.design\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":13,"href":"https:\/\/zava.design\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/zava.design\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/zava.design\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}