{"id":675,"date":"2026-04-25T09:57:07","date_gmt":"2026-04-25T09:57:07","guid":{"rendered":"https:\/\/staging.gumodu.com\/?page_id=675"},"modified":"2026-05-06T10:31:04","modified_gmt":"2026-05-06T10:31:04","slug":"why-modular","status":"publish","type":"page","link":"https:\/\/staging.gumodu.com\/de\/why-modular\/","title":{"rendered":"Warum Modular"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"675\" class=\"elementor elementor-675\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c6bbbb e-flex e-con-boxed e-con e-parent\" data-id=\"0c6bbbb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0d0ebaa e-con-full e-flex e-con e-child\" data-id=\"0d0ebaa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a774504 e-con-full e-flex e-con e-child\" data-id=\"a774504\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-043649b e-con-full e-flex e-con e-child\" data-id=\"043649b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a0a39 elementor-widget elementor-widget-heading\" data-id=\"c8a0a39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Why <br>modular?<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85e6494 elementor-hidden-mobile elementor-absolute elementor-widget elementor-widget-image\" data-id=\"85e6494\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"102\" height=\"54\" src=\"https:\/\/staging.gumodu.com\/wp-content\/uploads\/2026\/05\/Union.png\" class=\"attachment-full size-full wp-image-1828\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\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-0e75d45 e-flex e-con-boxed e-con e-parent\" data-id=\"0e75d45\" 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-938879a elementor-widget elementor-widget-heading\" data-id=\"938879a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Built offsite. Delivered with certainty<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1f28e0 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"c1f28e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Modular construction is a proven method to build faster, with greater precision, and with less waste. We use it not to cut corners, but to raise standards.<\/p>\t\t\t\t\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-90b24fe e-flex e-con-boxed e-con e-parent\" data-id=\"90b24fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e8fced0 e-con-full e-flex e-con e-child\" data-id=\"e8fced0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ab0298 elementor-widget elementor-widget-heading\" data-id=\"1ab0298\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">30 to 50% faster delivery <\/h5>\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"5de3fbd\">Design, production, and site preparation run in parallel.<\/p>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-821c868 e-con-full e-flex e-con e-child\" data-id=\"821c868\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9707231 elementor-widget elementor-widget-heading\" data-id=\"9707231\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Less waste, less water<\/h5>\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"4a08101\">Up to 15% less material waste thanks to factory precision, and up to 67% less water used during construction.<\/p>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-677e37a e-con-full e-flex e-con e-child\" data-id=\"677e37a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0962823 elementor-widget elementor-widget-heading\" data-id=\"0962823\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Predictable costs<\/h5>\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"152242e\">Fixed pricing, fewer variables, fewer surprises. Around 70% of modular projects deliver on or under budget.<\/p>\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-be63826 e-flex e-con-boxed e-con e-parent\" data-id=\"be63826\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7852a8f e-con-full e-flex e-con e-child\" data-id=\"7852a8f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b911e7 elementor-widget elementor-widget-heading\" data-id=\"7b911e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">41 to 45% lower CO2<\/h5>\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"53710f2\">Modular construction cuts lifecycle emissions nearly in half compared with traditional methods.<\/p>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32f1f79 e-con-full e-flex e-con e-child\" data-id=\"32f1f79\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84afc9c elementor-widget elementor-widget-heading\" data-id=\"84afc9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">80% Off-Site Construction<\/h5>\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"e32b96e\">Less work on-site means safer, quieter, and cleaner environments. Smaller teams can deliver faster with fewer risks.<\/p>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a8b626 e-con-full e-flex e-con e-child\" data-id=\"2a8b626\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92cf065 elementor-widget elementor-widget-heading\" data-id=\"92cf065\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">15 to 35% lower cost<\/h5>\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"36b2322\">Factory production, reduced labour hours, and fewer on-site variables cut costs across the project lifecycle.<\/p>\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-8030bd9 e-flex e-con-boxed e-con e-parent\" data-id=\"8030bd9\" 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-dae0b3c elementor-widget elementor-widget-heading\" data-id=\"dae0b3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The advantage of modular construction<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5bd3c0f elementor-widget elementor-widget-image\" data-id=\"5bd3c0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1216\" height=\"426\" src=\"https:\/\/staging.gumodu.com\/wp-content\/uploads\/2026\/04\/image-1640.png\" class=\"attachment-full size-full wp-image-721\" alt=\"\" srcset=\"https:\/\/staging.gumodu.com\/wp-content\/uploads\/2026\/04\/image-1640.png 1216w, https:\/\/staging.gumodu.com\/wp-content\/uploads\/2026\/04\/image-1640-300x105.png 300w, https:\/\/staging.gumodu.com\/wp-content\/uploads\/2026\/04\/image-1640-1024x359.png 1024w, https:\/\/staging.gumodu.com\/wp-content\/uploads\/2026\/04\/image-1640-768x269.png 768w, https:\/\/staging.gumodu.com\/wp-content\/uploads\/2026\/04\/image-1640-650x228.png 650w\" sizes=\"(max-width: 1216px) 100vw, 1216px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58c9728 elementor-widget elementor-widget-text-editor\" data-id=\"58c9728\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>* overruns of 25-50% of projected construction durination are common<br \/>** mechanical, electrical, and plumbing<\/p>\t\t\t\t\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-16aecca elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"16aecca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/staging.gumodu.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/WhatsApp-Video-2026-04-16-at-17.05.59.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-e009aeb elementor-widget elementor-widget-heading\" data-id=\"e009aeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Predictable.     &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; Efficient.       &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;      Proven.<\/h2>\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-b356110 e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"b356110\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/staging.gumodu.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/WhatsApp-Video-2026-04-16-at-17.05.59.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-ce573e9 e-con-full e-flex e-con e-child\" data-id=\"ce573e9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a52363 elementor-widget elementor-widget-heading\" data-id=\"7a52363\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Predictable.     &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; Efficient.       &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;      Proven.<\/h1>\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-855a5d8 e-flex e-con-boxed e-con e-parent\" data-id=\"855a5d8\" 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-0e5c832 elementor-widget elementor-widget-heading\" data-id=\"0e5c832\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How we work<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4ac551 elementor-widget elementor-widget-html\" data-id=\"b4ac551\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n  <style>\n    \n\n    .diagram {\n      --green: #577260;\n      --line: #a89182;\n      --text: #181818;\n\n      width: 100%;\n      max-width: 1040px;\n      margin: 0 auto;\n      position: relative;\n      color: var(--text);\n    }\n\n    .rows-wrap {\n      position: relative;\n      z-index: 2;\n    }\n\n    #connectors {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      overflow: visible;\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    .row {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      column-gap: 64px;\n      padding-bottom: 42px;\n    }\n\n    .step-block {\n      position: relative;\n      z-index: 2;\n    }\n\n    .pill {\n      min-height: 58px;\n      border: 1.5px solid var(--green);\n      border-radius: 999px;\n      padding: 8px 22px 8px 8px;\n      background: #ffffff;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .number {\n      width: 46px;\n      height: 46px;\n      min-width: 46px;\n      border-radius: 50%;\n      background: var(--green);\n      color: #ffffff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 20px;\n      font-weight: 700;\n    }\n\n    .title {\n      font-size: 18px;\n      font-weight: 500;\n      line-height: 1.15;\n      color: var(--text);\n    }\n\n    .title-group {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .subtitle {\n      font-size: 12px;\n      font-weight: 400;\n      margin-top: 3px;\n      color: var(--text);\n    }\n\n    .description {\n      margin: 10px 0 0 60px;\n      max-width: 350px;\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 1.2;\n      color: var(--text);\n    }\n\n    .final-bar {\n      width: calc(100% - 124px);\n      min-height: 76px;\n      margin: 4px auto 0;\n      border-radius: 999px;\n      background: var(--green);\n      color: #ffffff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      padding: 16px 30px;\n      font-size: 24px;\n      font-weight: 500;\n      line-height: 1.2;\n      position: relative;\n      z-index: 2;\n    }\n\n    .final-description {\n      margin: 13px auto 0;\n      max-width: 650px;\n      text-align: center;\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 1.25;\n      color: var(--text);\n      position: relative;\n      z-index: 2;\n    }\n\n    @keyframes processLineDraw {\n      0% {\n        opacity: 1;\n      }\n      100% {\n        opacity: 1;\n        stroke-dashoffset: 0;\n      }\n    }\n\n    @keyframes processArrowShow {\n      0% {\n        opacity: 0;\n      }\n      100% {\n        opacity: 1;\n      }\n    }\n\n    @media (max-width: 767px) {\n      \n        \n      .diagram {\n        max-width: 288px;\n      }\n\n      .rows-wrap {\n        display: flex;\n        flex-direction: column;\n      }\n\n      .row {\n        display: contents;\n      }\n\n      .step-01 {\n        order: 1;\n      }\n\n      .step-02 {\n        order: 2;\n      }\n\n      .step-03 {\n        order: 3;\n      }\n\n      .step-04 {\n        order: 4;\n      }\n\n      .step-05 {\n        order: 5;\n      }\n\n      .step-06 {\n        order: 6;\n      }\n\n      .step-block {\n        margin-bottom: 18px;\n      }\n\n      .pill {\n        min-height: 70px;\n        padding: 7px 16px 7px 7px;\n        gap: 10px;\n      }\n\n      .number {\n        width: 57px;\n        height: 57px;\n        min-width: 57px;\n        font-size: 20px;\n      }\n\n      .title {\n        font-size: 20px;\n        line-height: 1.05;\n      }\n\n      .subtitle {\n        font-size: 13px;\n      }\n\n      .description {\n        margin: 10px 0 0 72px;\n        max-width: 205px;\n        font-size: 13px;\n      }\n\n      .final-bar {\n        width: 100%;\n       \n        border-radius: 100px;\n        padding: 18px 28px;\n        margin-top: 0;\n        font-size: 18px;\n        line-height: 1.08;\n      }\n\n      .final-description {\n        max-width: 260px;\n        margin-top: 13px;\n        font-size: 13px;\n        line-height: 1.15;\n      }\n    }\n  <\/style>\n\n  <div class=\"diagram\" id=\"processDiagram\">\n    <div class=\"rows-wrap\" id=\"rowsWrap\">\n      <div class=\"row\">\n        <div class=\"step-block step-01\">\n          <div class=\"pill\" id=\"pill-01\">\n            <div class=\"number\">01<\/div>\n            <span class=\"title\">Feasibility & Brief<\/span>\n          <\/div>\n          <p class=\"description\">Client requirements, site constraints, and success criteria defined.<\/p>\n        <\/div>\n\n        <div class=\"step-block step-02\">\n          <div class=\"pill\" id=\"pill-02\">\n            <div class=\"number\">02<\/div>\n            <span class=\"title\">Permits & Delivery Strategy<\/span>\n          <\/div>\n          <p class=\"description\">Permitting path clarified with the local planning team. Responsibilities, schedule logic, and approval milestones aligned early.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"row\">\n        <div class=\"step-block step-04\">\n          <div class=\"pill\" id=\"pill-04\">\n            <div class=\"number\">04<\/div>\n            <span class=\"title\">Budget & Validation<\/span>\n          <\/div>\n          <p class=\"description\">Cost and timeline validated with a modular and on-site worksplit. Risks and assumptions made explicit.<\/p>\n        <\/div>\n\n        <div class=\"step-block step-03\">\n          <div class=\"pill\" id=\"pill-03\">\n            <div class=\"number\">03<\/div>\n            <span class=\"title\">Modular design Integration<\/span>\n          <\/div>\n          <p class=\"description\">Design translated into modular logic. Interfaces defined. Open questions resolved across disciplines.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"row\">\n        <div class=\"step-block step-05\">\n          <div class=\"pill\" style=\"min-height: 70px\" id=\"pill-05\">\n            <div class=\"number\">05<\/div>\n            <div class=\"title-group\">\n              <span class=\"title\">Commercial Alignment<\/span>\n              <span class=\"subtitle\">LOI \/ PCSA<\/span>\n            <\/div>\n          <\/div>\n          <p class=\"description\">Roles, risk allocation, and next-step commitments agreed before final contract execution.<\/p>\n        <\/div>\n\n        <div class=\"step-block step-06\">\n          <div class=\"pill\" style=\"min-height: 70px\" id=\"pill-06\">\n            <div class=\"number\">06<\/div>\n           \n            <div class=\"title-group\">\n              <span class=\"title\">Fixed Contracts & Site Readiness<\/span>\n              \n            <\/div>\n          <\/div>\n          <p class=\"description\">Contracts finalised and site works coordinated in parallel, foundations, core, utilities to ensure installation readiness.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <svg id=\"connectors\" aria-hidden=\"true\"><\/svg>\n\n    <div class=\"final-bar\" id=\"final-bar\">\n      <span>Manufacturing, Delivery & Installation<\/span>\n    <\/div>\n\n    <p class=\"final-description\">Off-site production, logistics, on-site assembly, commissioning, and handover.<\/p>\n  <\/div>\n\n  <script>\n    (function () {\n      const SPEED = 180;\n      const DESKTOP_STUB = 55;\n      const MOBILE_X = 35;\n      const DASH = 6;\n      const GAP = 5;\n      const ARROW = 8;\n      const LINE_COLOR = '#a89182';\n\n      let resizeTimer;\n\n      function box(el, root) {\n        const r = el.getBoundingClientRect();\n        const b = root.getBoundingClientRect();\n\n        return {\n          left: r.left - b.left,\n          right: r.right - b.left,\n          top: r.top - b.top,\n          bottom: r.bottom - b.top,\n          width: r.width,\n          height: r.height,\n          midX: r.left - b.left + r.width \/ 2,\n          midY: r.top - b.top + r.height \/ 2\n        };\n      }\n\n      function length(points) {\n        let total = 0;\n\n        for (let i = 1; i < points.length; i++) {\n          total += Math.hypot(points[i].x - points[i - 1].x, points[i].y - points[i - 1].y);\n        }\n\n        return total;\n      }\n\n      function addPath(svg, points, delay) {\n        const d = points\n          .map((p, i) => `${i === 0 ? 'M' : 'L'} ${p.x} ${p.y}`)\n          .join(' ');\n\n        const len = length(points);\n        const duration = Math.max(len \/ SPEED, 0.25);\n\n        const path = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n\n        path.setAttribute('d', d);\n        path.setAttribute('fill', 'none');\n        path.setAttribute('stroke', LINE_COLOR);\n        path.setAttribute('stroke-width', '2');\n        path.setAttribute('stroke-dasharray', `${DASH} ${GAP}`);\n        path.setAttribute('stroke-dashoffset', len);\n        path.style.opacity = '0';\n        path.style.animation = `processLineDraw ${duration}s linear ${delay}s forwards`;\n\n        svg.appendChild(path);\n\n        return duration;\n      }\n\n      function addArrow(svg, x, y, dir, delay) {\n        let points = '';\n\n        if (dir === 'right') {\n          points = `${x},${y} ${x - ARROW},${y - ARROW * 0.65} ${x - ARROW},${y + ARROW * 0.65}`;\n        }\n\n        if (dir === 'left') {\n          points = `${x},${y} ${x + ARROW},${y - ARROW * 0.65} ${x + ARROW},${y + ARROW * 0.65}`;\n        }\n\n        if (dir === 'down') {\n          points = `${x},${y} ${x - ARROW * 0.65},${y - ARROW} ${x + ARROW * 0.65},${y - ARROW}`;\n        }\n\n        const arrow = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'polygon');\n\n        arrow.setAttribute('points', points);\n        arrow.setAttribute('fill', LINE_COLOR);\n        arrow.style.opacity = '0';\n        arrow.style.animation = `processArrowShow 0.18s ease ${delay}s forwards`;\n\n        svg.appendChild(arrow);\n      }\n\n      function drawDesktop(svg, root, delay) {\n        const p1 = box(document.getElementById('pill-01'), root);\n        const p2 = box(document.getElementById('pill-02'), root);\n        const p3 = box(document.getElementById('pill-03'), root);\n        const p4 = box(document.getElementById('pill-04'), root);\n        const p5 = box(document.getElementById('pill-05'), root);\n        const p6 = box(document.getElementById('pill-06'), root);\n        const fb = box(document.getElementById('final-bar'), root);\n\n        let t = delay;\n\n        t += addPath(svg, [\n          { x: p1.right + 8, y: p1.midY },\n          { x: p2.left - 10, y: p2.midY }\n        ], t);\n        addArrow(svg, p2.left - 2, p2.midY, 'right', t);\n        t += 0.18;\n\n        const rightX1 = p2.right + DESKTOP_STUB;\n\n        t += addPath(svg, [\n          { x: p2.right + 8, y: p2.midY },\n          { x: rightX1, y: p2.midY },\n          { x: rightX1, y: p3.midY },\n          { x: p3.right + 10, y: p3.midY }\n        ], t);\n        addArrow(svg, p3.right + 2, p3.midY, 'left', t);\n        t += 0.18;\n\n        t += addPath(svg, [\n          { x: p3.left - 8, y: p3.midY },\n          { x: p4.right + 10, y: p4.midY }\n        ], t);\n        addArrow(svg, p4.right + 2, p4.midY, 'left', t);\n        t += 0.18;\n\n        const leftX1 = p4.left - DESKTOP_STUB;\n\n        t += addPath(svg, [\n          { x: p4.left - 8, y: p4.midY },\n          { x: leftX1, y: p4.midY },\n          { x: leftX1, y: p5.midY },\n          { x: p5.left - 10, y: p5.midY }\n        ], t);\n        addArrow(svg, p5.left - 2, p5.midY, 'right', t);\n        t += 0.18;\n\n        t += addPath(svg, [\n          { x: p5.right + 8, y: p5.midY },\n          { x: p6.left - 10, y: p6.midY }\n        ], t);\n        addArrow(svg, p6.left - 2, p6.midY, 'right', t);\n        t += 0.18;\n\n        const rightX2 = p6.right + DESKTOP_STUB;\n\n        t += addPath(svg, [\n          { x: p6.right + 8, y: p6.midY },\n          { x: rightX2, y: p6.midY },\n          { x: rightX2, y: fb.midY },\n          { x: fb.right + 10, y: fb.midY }\n        ], t);\n        addArrow(svg, fb.right + 2, fb.midY, 'left', t);\n      }\n\n      function drawMobile(svg, root, delay) {\n        const items = [\n          document.getElementById('pill-01'),\n          document.getElementById('pill-02'),\n          document.getElementById('pill-03'),\n          document.getElementById('pill-04'),\n          document.getElementById('pill-05'),\n          document.getElementById('pill-06'),\n          document.getElementById('final-bar')\n        ];\n\n        let t = delay;\n\n        items.forEach((item, index) => {\n          if (!items[index + 1]) return;\n\n          const current = box(item, root);\n          const next = box(items[index + 1], root);\n          const x = current.left + MOBILE_X;\n\n          t += addPath(svg, [\n            { x, y: current.bottom + 6 },\n            { x, y: next.top - ARROW - 4 }\n          ], t);\n\n          addArrow(svg, x, next.top - 2, 'down', t);\n          t += 0.18;\n        });\n      }\n\n      function draw() {\n        const root = document.getElementById('processDiagram');\n        const svg = document.getElementById('connectors');\n\n        if (!root || !svg) return;\n\n        const rootBox = root.getBoundingClientRect();\n\n        svg.innerHTML = '';\n        svg.setAttribute('width', rootBox.width);\n        svg.setAttribute('height', rootBox.height);\n        svg.setAttribute('viewBox', `0 0 ${rootBox.width} ${rootBox.height}`);\n\n        const isMobile = window.matchMedia('(max-width: 767px)').matches;\n\n        if (isMobile) {\n          drawMobile(svg, root, 0.25);\n        } else {\n          drawDesktop(svg, root, 0.25);\n        }\n      }\n\n      function schedule() {\n        clearTimeout(resizeTimer);\n        resizeTimer = setTimeout(draw, 150);\n      }\n\n      window.addEventListener('load', schedule);\n      window.addEventListener('resize', schedule);\n\n      if (document.readyState !== 'loading') {\n        schedule();\n      }\n    })();\n  <\/script>\n\n\t\t\t\t<\/div>\n\t\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>Why modular? Built offsite. Delivered with certainty Modular construction is a proven method to build faster, with greater precision, and with less [&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-675","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/staging.gumodu.com\/de\/wp-json\/wp\/v2\/pages\/675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.gumodu.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.gumodu.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.gumodu.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.gumodu.com\/de\/wp-json\/wp\/v2\/comments?post=675"}],"version-history":[{"count":364,"href":"https:\/\/staging.gumodu.com\/de\/wp-json\/wp\/v2\/pages\/675\/revisions"}],"predecessor-version":[{"id":1865,"href":"https:\/\/staging.gumodu.com\/de\/wp-json\/wp\/v2\/pages\/675\/revisions\/1865"}],"wp:attachment":[{"href":"https:\/\/staging.gumodu.com\/de\/wp-json\/wp\/v2\/media?parent=675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}