{"id":1119,"date":"2026-07-28T14:42:51","date_gmt":"2026-07-28T12:42:51","guid":{"rendered":"https:\/\/costablancawholesale.com\/?page_id=1119"},"modified":"2026-08-31T14:55:16","modified_gmt":"2026-08-31T12:55:16","slug":"how-it-works","status":"publish","type":"page","link":"https:\/\/costablancawholesale.com\/au\/building-system\/how-it-works\/","title":{"rendered":"How It Works"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1119\" class=\"elementor elementor-1119 elementor-17\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42e0c26 e-con e-atomic-element e-flexbox-base e-f445fee \" data-id=\"42e0c26\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"42e0c26\">\n    \t\t<div class=\"elementor-element elementor-element-c7c99be elementor-widget elementor-widget-html\" data-id=\"c7c99be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .isb-hiw-hero{\r\n    --dark:#172327;\r\n    --text:#ffffff;\r\n    --muted:#c7d0cf;\r\n    --accent:#c87945;\r\n    --line:rgba(255,255,255,.16);\r\n\r\n    width:100%;\r\n    background:var(--dark);\r\n    color:var(--text);\r\n    font-family:inherit;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .isb-hiw-hero,\r\n  .isb-hiw-hero *{\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .isb-hiw-hero__grid{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);\r\n    min-height:760px;\r\n  }\r\n\r\n  .isb-hiw-hero__content{\r\n    display:flex;\r\n    align-items:center;\r\n    padding:96px clamp(34px,6vw,110px);\r\n  }\r\n\r\n  .isb-hiw-hero__inner{\r\n    width:100%;\r\n    max-width:790px;\r\n  }\r\n\r\n  .isb-hiw-hero__eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    margin-bottom:28px;\r\n    color:var(--accent);\r\n    font-size:12px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.2em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-hiw-hero__eyebrow-line{\r\n    width:42px;\r\n    height:1px;\r\n    background:var(--accent);\r\n    flex:0 0 42px;\r\n  }\r\n\r\n  .isb-hiw-hero h1{\r\n    margin:0;\r\n    max-width:780px;\r\n    color:#fff;\r\n    font-size:clamp(48px,5.1vw,82px);\r\n    line-height:.98;\r\n    font-weight:400;\r\n    letter-spacing:-.045em;\r\n  }\r\n\r\n  .isb-hiw-hero__lead{\r\n    max-width:700px;\r\n    margin:34px 0 0;\r\n    color:var(--muted);\r\n    font-size:clamp(17px,1.45vw,21px);\r\n    line-height:1.68;\r\n  }\r\n\r\n  .isb-hiw-hero__process{\r\n    display:flex;\r\n    align-items:center;\r\n    flex-wrap:wrap;\r\n    gap:10px 12px;\r\n    margin-top:40px;\r\n    padding:24px 0;\r\n    border-top:1px solid var(--line);\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n\r\n  .isb-hiw-hero__step{\r\n    color:#fff;\r\n    font-size:10px;\r\n    line-height:1.4;\r\n    font-weight:700;\r\n    letter-spacing:.1em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-hiw-hero__arrow{\r\n    color:var(--accent);\r\n    font-size:15px;\r\n    line-height:1;\r\n  }\r\n\r\n  .isb-hiw-hero__actions{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:14px;\r\n    margin-top:34px;\r\n  }\r\n\r\n  .isb-hiw-hero__btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height:52px;\r\n    padding:15px 24px;\r\n    text-decoration:none;\r\n    border:1px solid transparent;\r\n    font-size:13px;\r\n    line-height:1;\r\n    font-weight:700;\r\n    letter-spacing:.05em;\r\n    transition:\r\n      background-color .25s ease,\r\n      border-color .25s ease,\r\n      color .25s ease,\r\n      transform .25s ease;\r\n  }\r\n\r\n  .isb-hiw-hero__btn--primary{\r\n    background:var(--accent);\r\n    border-color:var(--accent);\r\n    color:#fff;\r\n  }\r\n\r\n  .isb-hiw-hero__btn--primary:hover,\r\n  .isb-hiw-hero__btn--primary:focus-visible{\r\n    background:#d38450;\r\n    border-color:#d38450;\r\n    color:#fff;\r\n    transform:translateY(-2px);\r\n  }\r\n\r\n  .isb-hiw-hero__btn--secondary{\r\n    background:transparent;\r\n    border-color:rgba(255,255,255,.35);\r\n    color:#fff;\r\n  }\r\n\r\n  .isb-hiw-hero__btn--secondary:hover,\r\n  .isb-hiw-hero__btn--secondary:focus-visible{\r\n    border-color:#fff;\r\n    color:#fff;\r\n    transform:translateY(-2px);\r\n  }\r\n\r\n  .isb-hiw-hero__visual{\r\n    position:relative;\r\n    min-width:0;\r\n    background:#d9d7d1;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .isb-hiw-hero__visual::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:1;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(23,35,39,.26) 0%,\r\n        rgba(23,35,39,.08) 24%,\r\n        rgba(23,35,39,0) 55%\r\n      );\r\n    pointer-events:none;\r\n  }\r\n\r\n  .isb-hiw-hero__image{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    min-height:760px;\r\n    object-fit:cover;\r\n    object-position:center;\r\n  }\r\n\r\n  .isb-hiw-hero__label{\r\n    position:absolute;\r\n    z-index:2;\r\n    right:24px;\r\n    bottom:22px;\r\n    padding:12px 14px;\r\n    background:rgba(23,35,39,.9);\r\n    color:#fff;\r\n    font-size:10px;\r\n    line-height:1.4;\r\n    font-weight:700;\r\n    letter-spacing:.1em;\r\n    text-transform:uppercase;\r\n    backdrop-filter:blur(8px);\r\n    -webkit-backdrop-filter:blur(8px);\r\n  }\r\n\r\n  .isb-hiw-hero__label::before{\r\n    content:\"\";\r\n    display:block;\r\n    width:24px;\r\n    height:1px;\r\n    margin-bottom:9px;\r\n    background:var(--accent);\r\n  }\r\n\r\n  @media(max-width:1100px){\r\n    .isb-hiw-hero__grid{\r\n      grid-template-columns:1fr 46%;\r\n    }\r\n\r\n    .isb-hiw-hero__content{\r\n      padding:82px 46px;\r\n    }\r\n\r\n    .isb-hiw-hero__image{\r\n      min-height:700px;\r\n    }\r\n  }\r\n\r\n  @media(max-width:850px){\r\n    .isb-hiw-hero__grid{\r\n      grid-template-columns:1fr;\r\n      min-height:0;\r\n    }\r\n\r\n    .isb-hiw-hero__content{\r\n      order:1;\r\n      padding:74px 28px 58px;\r\n    }\r\n\r\n    .isb-hiw-hero__visual{\r\n      order:2;\r\n    }\r\n\r\n    .isb-hiw-hero__image{\r\n      min-height:0;\r\n      height:auto;\r\n      aspect-ratio:16\/10;\r\n      object-position:center;\r\n    }\r\n\r\n    .isb-hiw-hero__visual::before{\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(23,35,39,.14) 0%,\r\n          rgba(23,35,39,0) 45%\r\n        );\r\n    }\r\n  }\r\n\r\n  @media(max-width:620px){\r\n    .isb-hiw-hero__content{\r\n      padding:62px 20px 46px;\r\n    }\r\n\r\n    .isb-hiw-hero__eyebrow{\r\n      margin-bottom:22px;\r\n      font-size:11px;\r\n    }\r\n\r\n    .isb-hiw-hero h1{\r\n      font-size:clamp(42px,13vw,58px);\r\n      line-height:1;\r\n    }\r\n\r\n    .isb-hiw-hero__lead{\r\n      margin-top:26px;\r\n      font-size:16px;\r\n      line-height:1.62;\r\n    }\r\n\r\n    .isb-hiw-hero__process{\r\n      margin-top:34px;\r\n      padding:20px 0;\r\n    }\r\n\r\n    .isb-hiw-hero__step{\r\n      font-size:9px;\r\n    }\r\n\r\n    .isb-hiw-hero__actions{\r\n      flex-direction:column;\r\n      margin-top:30px;\r\n    }\r\n\r\n    .isb-hiw-hero__btn{\r\n      width:100%;\r\n    }\r\n\r\n    .isb-hiw-hero__image{\r\n      aspect-ratio:4\/3;\r\n    }\r\n\r\n    .isb-hiw-hero__label{\r\n      right:14px;\r\n      bottom:14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section\r\n  class=\"isb-hiw-hero\"\r\n  aria-labelledby=\"isb-hiw-hero-title\"\r\n>\r\n\r\n  <div class=\"isb-hiw-hero__grid\">\r\n\r\n    <div class=\"isb-hiw-hero__content\">\r\n\r\n      <div class=\"isb-hiw-hero__inner\">\r\n\r\n        <div class=\"isb-hiw-hero__eyebrow\">\r\n          <span class=\"isb-hiw-hero__eyebrow-line\"><\/span>\r\n          <span>How It Works<\/span>\r\n        <\/div>\r\n\r\n        <h1 id=\"isb-hiw-hero-title\">\r\n          From building system to completed structure.\r\n        <\/h1>\r\n\r\n        <p class=\"isb-hiw-hero__lead\">\r\n          ISB\u00ae connects architecture, engineering, system planning, production\r\n          and construction within one coordinated project route \u2014 turning a\r\n          building concept into a buildable structural system and, ultimately,\r\n          a completed building.\r\n        <\/p>\r\n\r\n        <div\r\n          class=\"isb-hiw-hero__process\"\r\n          aria-label=\"ISB project workflow\"\r\n        >\r\n\r\n          <span class=\"isb-hiw-hero__step\">Architecture<\/span>\r\n          <span class=\"isb-hiw-hero__arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n\r\n          <span class=\"isb-hiw-hero__step\">Engineering<\/span>\r\n          <span class=\"isb-hiw-hero__arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n\r\n          <span class=\"isb-hiw-hero__step\">System Planning<\/span>\r\n          <span class=\"isb-hiw-hero__arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n\r\n          <span class=\"isb-hiw-hero__step\">Production<\/span>\r\n          <span class=\"isb-hiw-hero__arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n\r\n          <span class=\"isb-hiw-hero__step\">Construction<\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"isb-hiw-hero__actions\">\r\n\r\n          <a\r\n            class=\"isb-hiw-hero__btn isb-hiw-hero__btn--primary\"\r\n            href=\"#designed-system\"\r\n          >\r\n            See the Process\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"isb-hiw-hero__btn isb-hiw-hero__btn--secondary\"\r\n            href=\"\/au\/contact\/\"\r\n          >\r\n            Discuss a Project\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-hiw-hero__visual\">\r\n\r\n      <img\r\n        class=\"isb-hiw-hero__image\"\r\n        src=\"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/isb-building-system-modern-architecture-spain.webp\"\r\n        alt=\"Contemporary house illustrating architectural possibilities with the ISB\u00ae Building System\"\r\n        title=\"Modern Architecture with ISB\u00ae Building System\"\r\n        loading=\"eager\"\r\n        fetchpriority=\"high\"\r\n        decoding=\"async\"\r\n      >\r\n\r\n      <div class=\"isb-hiw-hero__label\">\r\n        From System to Building\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d131210 e-con e-atomic-element e-flexbox-base e-d131210-6065667 \" data-id=\"d131210\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d131210\">\n    \t\t<div class=\"elementor-element elementor-element-ab0b876 elementor-widget elementor-widget-html\" data-id=\"ab0b876\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .isb-hiw-design{\r\n    --dark:#172327;\r\n    --text:#2d393d;\r\n    --muted:#707b7e;\r\n    --cream:#f4f1ea;\r\n    --accent:#c87945;\r\n    --line:#d9d6cf;\r\n\r\n    width:100%;\r\n    padding:110px 24px 116px;\r\n    background:var(--cream);\r\n    color:var(--text);\r\n    font-family:inherit;\r\n  }\r\n\r\n  .isb-hiw-design,\r\n  .isb-hiw-design *{box-sizing:border-box;}\r\n\r\n  .isb-hiw-design__container{\r\n    width:100%;\r\n    max-width:1280px;\r\n    margin:auto;\r\n  }\r\n\r\n  .isb-hiw-design__header{\r\n    display:grid;\r\n    grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);\r\n    gap:clamp(50px,8vw,130px);\r\n    margin-bottom:60px;\r\n  }\r\n\r\n  .isb-hiw-design__eyebrow{\r\n    display:flex;\r\n    gap:14px;\r\n    align-items:center;\r\n    margin-top:8px;\r\n    color:var(--accent);\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:.18em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-hiw-design__line{\r\n    width:40px;\r\n    height:1px;\r\n    background:var(--accent);\r\n  }\r\n\r\n  .isb-hiw-design h2{\r\n    margin:0;\r\n    color:var(--dark);\r\n    font-size:clamp(42px,4.7vw,68px);\r\n    line-height:1.02;\r\n    font-weight:400;\r\n    letter-spacing:-.04em;\r\n  }\r\n\r\n  .isb-hiw-design__lead{\r\n    max-width:780px;\r\n    margin:28px 0 0;\r\n    color:var(--muted);\r\n    font-size:clamp(17px,1.45vw,20px);\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-hiw-design__grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    border-top:1px solid var(--line);\r\n    border-left:1px solid var(--line);\r\n  }\r\n\r\n  .isb-hiw-design__card{\r\n    min-height:310px;\r\n    padding:34px 30px;\r\n    border-right:1px solid var(--line);\r\n    border-bottom:1px solid var(--line);\r\n    background:rgba(255,255,255,.35);\r\n  }\r\n\r\n  .isb-hiw-design__number{\r\n    display:block;\r\n    margin-bottom:60px;\r\n    color:var(--accent);\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:.15em;\r\n  }\r\n\r\n  .isb-hiw-design__card h3{\r\n    margin:0;\r\n    color:var(--dark);\r\n    font-size:28px;\r\n    line-height:1.1;\r\n    font-weight:500;\r\n    letter-spacing:-.025em;\r\n  }\r\n\r\n  .isb-hiw-design__card p{\r\n    margin:18px 0 0;\r\n    color:var(--muted);\r\n    font-size:14px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .isb-hiw-design__route{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    margin-top:46px;\r\n    background:var(--dark);\r\n  }\r\n\r\n  .isb-hiw-design__route-item{\r\n    padding:28px 30px;\r\n    border-right:1px solid rgba(255,255,255,.15);\r\n    color:#fff;\r\n  }\r\n\r\n  .isb-hiw-design__route-item:last-child{border-right:0;}\r\n\r\n  .isb-hiw-design__route-item span{\r\n    display:block;\r\n    margin-bottom:12px;\r\n    color:var(--accent);\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:.14em;\r\n  }\r\n\r\n  .isb-hiw-design__route-item strong{\r\n    font-size:14px;\r\n    line-height:1.5;\r\n  }\r\n\r\n  @media(max-width:850px){\r\n    .isb-hiw-design__header{grid-template-columns:1fr;gap:26px;}\r\n    .isb-hiw-design__grid{grid-template-columns:1fr;}\r\n    .isb-hiw-design__route{grid-template-columns:1fr;}\r\n    .isb-hiw-design__route-item{\r\n      border-right:0;\r\n      border-bottom:1px solid rgba(255,255,255,.15);\r\n    }\r\n  }\r\n\r\n  @media(max-width:620px){\r\n    .isb-hiw-design{padding:74px 20px 82px;}\r\n    .isb-hiw-design h2{font-size:clamp(39px,12vw,54px);}\r\n    .isb-hiw-design__lead{font-size:16px;}\r\n    .isb-hiw-design__card{min-height:0;padding:28px 24px;}\r\n    .isb-hiw-design__number{margin-bottom:36px;}\r\n  }\r\n<\/style>\r\n\r\n<section class=\"isb-hiw-design\" id=\"designed-system\" aria-labelledby=\"isb-hiw-design-title\">\r\n\r\n  <div class=\"isb-hiw-design__container\">\r\n\r\n    <div class=\"isb-hiw-design__header\">\r\n\r\n      <div class=\"isb-hiw-design__eyebrow\">\r\n        <span class=\"isb-hiw-design__line\"><\/span>\r\n        <span>Designed as a System<\/span>\r\n      <\/div>\r\n\r\n      <div>\r\n        <h2 id=\"isb-hiw-design-title\">\r\n          The system begins before construction starts.\r\n        <\/h2>\r\n\r\n        <p class=\"isb-hiw-design__lead\">\r\n          ISB\u00ae planning starts with the building itself. Architecture,\r\n          structural requirements and system geometry are coordinated before\r\n          elements reach the construction site.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-hiw-design__grid\">\r\n\r\n      <article class=\"isb-hiw-design__card\">\r\n        <span class=\"isb-hiw-design__number\">01<\/span>\r\n        <h3>Architecture<\/h3>\r\n        <p>\r\n          Site, programme, spatial organisation, openings and architectural\r\n          expression define the building that must be realised.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"isb-hiw-design__card\">\r\n        <span class=\"isb-hiw-design__number\">02<\/span>\r\n        <h3>Engineering<\/h3>\r\n        <p>\r\n          Structural requirements, loads, geometry and project conditions are\r\n          translated into an engineered building concept.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"isb-hiw-design__card\">\r\n        <span class=\"isb-hiw-design__number\">03<\/span>\r\n        <h3>ISB\u00ae System Planning<\/h3>\r\n        <p>\r\n          Wall and floor elements, reinforcement and connections are coordinated\r\n          around the architecture and structural design.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-hiw-design__route\">\r\n\r\n      <div class=\"isb-hiw-design__route-item\">\r\n        <span>INPUT<\/span>\r\n        <strong>Site + Brief + Architecture<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"isb-hiw-design__route-item\">\r\n        <span>COORDINATION<\/span>\r\n        <strong>Engineering + System Planning<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"isb-hiw-design__route-item\">\r\n        <span>OUTPUT<\/span>\r\n        <strong>Buildable Structural System<\/strong>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-dd233bd e-con e-atomic-element e-flexbox-base e-dd233bd-6be187e \" data-id=\"dd233bd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dd233bd\">\n    \t\t<div class=\"elementor-element elementor-element-1cf7590 elementor-widget elementor-widget-html\" data-id=\"1cf7590\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .isb-hiw-elements{\r\n    --dark:#172327;\r\n    --text:#2d393d;\r\n    --muted:#707b7e;\r\n    --white:#ffffff;\r\n    --accent:#c87945;\r\n    --line:#d9d6cf;\r\n\r\n    width:100%;\r\n    padding:108px 24px 114px;\r\n    background:#fff;\r\n    color:var(--text);\r\n    font-family:inherit;\r\n  }\r\n\r\n  .isb-hiw-elements,\r\n  .isb-hiw-elements *{box-sizing:border-box;}\r\n\r\n  .isb-hiw-elements__container{\r\n    max-width:1280px;\r\n    margin:auto;\r\n  }\r\n\r\n  .isb-hiw-elements__header{\r\n    display:grid;\r\n    grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);\r\n    gap:clamp(50px,8vw,130px);\r\n    margin-bottom:58px;\r\n  }\r\n\r\n  .isb-hiw-elements__eyebrow{\r\n    display:flex;\r\n    gap:14px;\r\n    align-items:center;\r\n    margin-top:8px;\r\n    color:var(--accent);\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:.18em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-hiw-elements__line{\r\n    width:40px;\r\n    height:1px;\r\n    background:var(--accent);\r\n  }\r\n\r\n  .isb-hiw-elements h2{\r\n    margin:0;\r\n    color:var(--dark);\r\n    font-size:clamp(42px,4.7vw,68px);\r\n    line-height:1.02;\r\n    font-weight:400;\r\n    letter-spacing:-.04em;\r\n  }\r\n\r\n  .isb-hiw-elements__lead{\r\n    max-width:780px;\r\n    margin:28px 0 0;\r\n    color:var(--muted);\r\n    font-size:clamp(17px,1.45vw,20px);\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-hiw-elements__grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:24px;\r\n  }\r\n\r\n  .isb-hiw-elements__card{\r\n    border:1px solid var(--line);\r\n    background:#fff;\r\n  }\r\n\r\n  .isb-hiw-elements__visual{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height:340px;\r\n    padding:34px;\r\n    background:#faf9f5;\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n\r\n  .isb-hiw-elements__image{\r\n    width:100%;\r\n    height:280px;\r\n    object-fit:contain;\r\n  }\r\n\r\n  .isb-hiw-elements__body{\r\n    padding:32px 32px 36px;\r\n  }\r\n\r\n  .isb-hiw-elements__number{\r\n    display:block;\r\n    margin-bottom:28px;\r\n    color:var(--accent);\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:.15em;\r\n  }\r\n\r\n  .isb-hiw-elements__card h3{\r\n    margin:0;\r\n    color:var(--dark);\r\n    font-size:30px;\r\n    line-height:1.1;\r\n    font-weight:500;\r\n    letter-spacing:-.025em;\r\n  }\r\n\r\n  .isb-hiw-elements__card p{\r\n    margin:18px 0 0;\r\n    color:var(--muted);\r\n    font-size:14px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .isb-hiw-elements__integration{\r\n    display:grid;\r\n    grid-template-columns:1fr auto 1fr auto 1fr;\r\n    align-items:center;\r\n    gap:18px;\r\n    margin-top:42px;\r\n    padding:34px;\r\n    background:var(--dark);\r\n  }\r\n\r\n  .isb-hiw-elements__integration-item{\r\n    color:#fff;\r\n    text-align:center;\r\n    font-size:11px;\r\n    font-weight:700;\r\n    letter-spacing:.08em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-hiw-elements__integration-arrow{\r\n    color:var(--accent);\r\n    font-size:18px;\r\n  }\r\n\r\n  @media(max-width:850px){\r\n    .isb-hiw-elements__header{grid-template-columns:1fr;gap:26px;}\r\n    .isb-hiw-elements__grid{grid-template-columns:1fr;}\r\n    .isb-hiw-elements__integration{\r\n      grid-template-columns:1fr;\r\n      text-align:center;\r\n    }\r\n  }\r\n\r\n  @media(max-width:620px){\r\n    .isb-hiw-elements{padding:74px 20px 82px;}\r\n    .isb-hiw-elements h2{font-size:clamp(39px,12vw,54px);}\r\n    .isb-hiw-elements__lead{font-size:16px;}\r\n    .isb-hiw-elements__visual{min-height:270px;padding:24px;}\r\n    .isb-hiw-elements__image{height:220px;}\r\n    .isb-hiw-elements__body{padding:28px 24px;}\r\n  }\r\n<\/style>\r\n\r\n<section class=\"isb-hiw-elements\" aria-labelledby=\"isb-hiw-elements-title\">\r\n\r\n  <div class=\"isb-hiw-elements__container\">\r\n\r\n    <div class=\"isb-hiw-elements__header\">\r\n\r\n      <div class=\"isb-hiw-elements__eyebrow\">\r\n        <span class=\"isb-hiw-elements__line\"><\/span>\r\n        <span>From Design to Elements<\/span>\r\n      <\/div>\r\n\r\n      <div>\r\n        <h2 id=\"isb-hiw-elements-title\">\r\n          Project planning becomes physical components.\r\n        <\/h2>\r\n\r\n        <p class=\"isb-hiw-elements__lead\">\r\n          Once architecture and engineering are coordinated, the structural\r\n          concept is translated into wall and floor elements that follow the\r\n          geometry and requirements of the building.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-hiw-elements__grid\">\r\n\r\n      <article class=\"isb-hiw-elements__card\">\r\n\r\n        <div class=\"isb-hiw-elements__visual\">\r\n          <img\r\n            class=\"isb-hiw-elements__image\"\r\n            src=\"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/isb-building-system-wall-element-technical-drawing.webp\"\r\n            alt=\"Technical drawing of an ISB\u00ae wall element\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"isb-hiw-elements__body\">\r\n          <span class=\"isb-hiw-elements__number\">01<\/span>\r\n          <h3>Wall Elements<\/h3>\r\n          <p>\r\n            Wall elements are arranged according to the building geometry,\r\n            openings, structural requirements and connection strategy developed\r\n            during system planning.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-hiw-elements__card\">\r\n\r\n        <div class=\"isb-hiw-elements__visual\">\r\n          <img\r\n            class=\"isb-hiw-elements__image\"\r\n            src=\"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/isb-floor-element-technical-drawing-verified.webp\"\r\n            alt=\"Technical drawing of the ISB\u00ae PHC-250 floor element\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"isb-hiw-elements__body\">\r\n          <span class=\"isb-hiw-elements__number\">02<\/span>\r\n          <h3>Floor Elements<\/h3>\r\n          <p>\r\n            Floor elements extend the coordinated structural system horizontally\r\n            and are planned together with wall positions, reinforcement and\r\n            wall-to-floor interfaces.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-hiw-elements__integration\">\r\n      <div class=\"isb-hiw-elements__integration-item\">System Planning<\/div>\r\n      <div class=\"isb-hiw-elements__integration-arrow\">\u2192<\/div>\r\n      <div class=\"isb-hiw-elements__integration-item\">Element Definition<\/div>\r\n      <div class=\"isb-hiw-elements__integration-arrow\">\u2192<\/div>\r\n      <div class=\"isb-hiw-elements__integration-item\">Production Information<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bc4456e e-con e-atomic-element e-flexbox-base e-bc4456e-35aa69b \" data-id=\"bc4456e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bc4456e\">\n    \t\t<div class=\"elementor-element elementor-element-6b8f575 elementor-widget elementor-widget-html\" data-id=\"6b8f575\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .isb-hiw-assembly{\r\n    --dark:#172327;\r\n    --text:#2d393d;\r\n    --muted:#707b7e;\r\n    --cream:#f4f1ea;\r\n    --accent:#c87945;\r\n    --line:#d9d6cf;\r\n\r\n    width:100%;\r\n    padding:108px 24px 114px;\r\n    background:var(--cream);\r\n    color:var(--text);\r\n    font-family:inherit;\r\n  }\r\n\r\n  .isb-hiw-assembly,\r\n  .isb-hiw-assembly *{box-sizing:border-box;}\r\n\r\n  .isb-hiw-assembly__container{\r\n    max-width:1280px;\r\n    margin:auto;\r\n  }\r\n\r\n  .isb-hiw-assembly__header{\r\n    display:grid;\r\n    grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);\r\n    gap:clamp(50px,8vw,130px);\r\n    margin-bottom:58px;\r\n  }\r\n\r\n  .isb-hiw-assembly__eyebrow{\r\n    display:flex;\r\n    gap:14px;\r\n    align-items:center;\r\n    margin-top:8px;\r\n    color:var(--accent);\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:.18em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-hiw-assembly__line{\r\n    width:40px;\r\n    height:1px;\r\n    background:var(--accent);\r\n  }\r\n\r\n  .isb-hiw-assembly h2{\r\n    margin:0;\r\n    color:var(--dark);\r\n    font-size:clamp(42px,4.7vw,68px);\r\n    line-height:1.02;\r\n    font-weight:400;\r\n    letter-spacing:-.04em;\r\n  }\r\n\r\n  .isb-hiw-assembly__lead{\r\n    max-width:790px;\r\n    margin:28px 0 0;\r\n    color:var(--muted);\r\n    font-size:clamp(17px,1.45vw,20px);\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-hiw-assembly__grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:22px;\r\n  }\r\n\r\n  .isb-hiw-assembly__card{\r\n    background:#fff;\r\n    border:1px solid var(--line);\r\n  }\r\n\r\n  .isb-hiw-assembly__visual{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height:270px;\r\n    padding:26px;\r\n    border-bottom:1px solid var(--line);\r\n    background:#faf9f5;\r\n  }\r\n\r\n  .isb-hiw-assembly__image{\r\n    width:100%;\r\n    height:220px;\r\n    object-fit:contain;\r\n  }\r\n\r\n  .isb-hiw-assembly__body{\r\n    padding:28px 26px 30px;\r\n  }\r\n\r\n  .isb-hiw-assembly__number{\r\n    display:block;\r\n    margin-bottom:24px;\r\n    color:var(--accent);\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:.15em;\r\n  }\r\n\r\n  .isb-hiw-assembly__card h3{\r\n    margin:0;\r\n    color:var(--dark);\r\n    font-size:25px;\r\n    font-weight:500;\r\n    line-height:1.1;\r\n    letter-spacing:-.02em;\r\n  }\r\n\r\n  .isb-hiw-assembly__card p{\r\n    margin:16px 0 0;\r\n    color:var(--muted);\r\n    font-size:13px;\r\n    line-height:1.68;\r\n  }\r\n\r\n  .isb-hiw-assembly__sequence{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    margin-top:42px;\r\n    background:var(--dark);\r\n  }\r\n\r\n  .isb-hiw-assembly__step{\r\n    padding:25px 20px;\r\n    border-right:1px solid rgba(255,255,255,.15);\r\n  }\r\n\r\n  .isb-hiw-assembly__step:last-child{border-right:0;}\r\n\r\n  .isb-hiw-assembly__step span{\r\n    display:block;\r\n    margin-bottom:12px;\r\n    color:var(--accent);\r\n    font-size:9px;\r\n    font-weight:700;\r\n    letter-spacing:.14em;\r\n  }\r\n\r\n  .isb-hiw-assembly__step strong{\r\n    color:#fff;\r\n    font-size:12px;\r\n    line-height:1.45;\r\n  }\r\n\r\n  @media(max-width:900px){\r\n    .isb-hiw-assembly__header{grid-template-columns:1fr;gap:26px;}\r\n    .isb-hiw-assembly__grid{grid-template-columns:1fr;}\r\n    .isb-hiw-assembly__sequence{grid-template-columns:1fr;}\r\n    .isb-hiw-assembly__step{\r\n      border-right:0;\r\n      border-bottom:1px solid rgba(255,255,255,.15);\r\n    }\r\n  }\r\n\r\n  @media(max-width:620px){\r\n    .isb-hiw-assembly{padding:74px 20px 82px;}\r\n    .isb-hiw-assembly h2{font-size:clamp(39px,12vw,54px);}\r\n    .isb-hiw-assembly__lead{font-size:16px;}\r\n  }\r\n<\/style>\r\n\r\n<section class=\"isb-hiw-assembly\" aria-labelledby=\"isb-hiw-assembly-title\">\r\n\r\n  <div class=\"isb-hiw-assembly__container\">\r\n\r\n    <div class=\"isb-hiw-assembly__header\">\r\n\r\n      <div class=\"isb-hiw-assembly__eyebrow\">\r\n        <span class=\"isb-hiw-assembly__line\"><\/span>\r\n        <span>Assembly Logic<\/span>\r\n      <\/div>\r\n\r\n      <div>\r\n        <h2 id=\"isb-hiw-assembly-title\">\r\n          The structure develops from connection to connection.\r\n        <\/h2>\r\n\r\n        <p class=\"isb-hiw-assembly__lead\">\r\n          Construction follows the system logic established during planning.\r\n          Base conditions, wall junctions and floor interfaces connect individual\r\n          components into one coordinated structural route.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-hiw-assembly__grid\">\r\n\r\n      <article class=\"isb-hiw-assembly__card\">\r\n\r\n        <div class=\"isb-hiw-assembly__visual\">\r\n          <img\r\n            class=\"isb-hiw-assembly__image\"\r\n            src=\"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/isb-building-system-base-connection-1.webp\"\r\n            alt=\"ISB\u00ae base connection between wall, floor and foundation\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"isb-hiw-assembly__body\">\r\n          <span class=\"isb-hiw-assembly__number\">01<\/span>\r\n          <h3>Start at the Base<\/h3>\r\n          <p>\r\n            The structural wall system begins at the foundation interface,\r\n            coordinated with the floor construction and surrounding envelope.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-hiw-assembly__card\">\r\n\r\n        <div class=\"isb-hiw-assembly__visual\">\r\n          <img\r\n            class=\"isb-hiw-assembly__image\"\r\n            src=\"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/isb-building-system-main-wall-junction.webp\"\r\n            alt=\"ISB\u00ae structural wall junction detail\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"isb-hiw-assembly__body\">\r\n          <span class=\"isb-hiw-assembly__number\">02<\/span>\r\n          <h3>Connect the Walls<\/h3>\r\n          <p>\r\n            Corners and intersections establish continuity between wall\r\n            directions and coordinate the structural layout of the building.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-hiw-assembly__card\">\r\n\r\n        <div class=\"isb-hiw-assembly__visual\">\r\n          <img\r\n            class=\"isb-hiw-assembly__image\"\r\n            src=\"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/isb-building-system-intermediate-floor-connection.webp\"\r\n            alt=\"ISB\u00ae wall-to-floor structural connection\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"isb-hiw-assembly__body\">\r\n          <span class=\"isb-hiw-assembly__number\">03<\/span>\r\n          <h3>Add the Floor System<\/h3>\r\n          <p>\r\n            Horizontal floor elements connect with the vertical wall system\r\n            through coordinated reinforcement and connection detailing.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-hiw-assembly__sequence\">\r\n\r\n      <div class=\"isb-hiw-assembly__step\">\r\n        <span>01<\/span>\r\n        <strong>Foundation + Base<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"isb-hiw-assembly__step\">\r\n        <span>02<\/span>\r\n        <strong>Wall Elements<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"isb-hiw-assembly__step\">\r\n        <span>03<\/span>\r\n        <strong>Wall Connections<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"isb-hiw-assembly__step\">\r\n        <span>04<\/span>\r\n        <strong>Floor Elements<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"isb-hiw-assembly__step\">\r\n        <span>05<\/span>\r\n        <strong>Next Structural Level<\/strong>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ad5da3e e-con e-atomic-element e-flexbox-base e-ad5da3e-f85e03f \" data-id=\"ad5da3e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ad5da3e\">\n    \t\t<div class=\"elementor-element elementor-element-3687afe elementor-widget elementor-widget-html\" data-id=\"3687afe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .isb-hiw-workflow{\r\n    --dark:#172327;\r\n    --text:#2d393d;\r\n    --muted:#707b7e;\r\n    --accent:#c87945;\r\n    --line:#d9d6cf;\r\n\r\n    width:100%;\r\n    padding:108px 24px 114px;\r\n    background:#fff;\r\n    color:var(--text);\r\n    font-family:inherit;\r\n  }\r\n\r\n  .isb-hiw-workflow,\r\n  .isb-hiw-workflow *{box-sizing:border-box;}\r\n\r\n  .isb-hiw-workflow__container{\r\n    max-width:1280px;\r\n    margin:auto;\r\n  }\r\n\r\n  .isb-hiw-workflow__header{\r\n    display:grid;\r\n    grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);\r\n    gap:clamp(50px,8vw,130px);\r\n    margin-bottom:60px;\r\n  }\r\n\r\n  .isb-hiw-workflow__eyebrow{\r\n    display:flex;\r\n    gap:14px;\r\n    align-items:center;\r\n    margin-top:8px;\r\n    color:var(--accent);\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:.18em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-hiw-workflow__line{\r\n    width:40px;\r\n    height:1px;\r\n    background:var(--accent);\r\n  }\r\n\r\n  .isb-hiw-workflow h2{\r\n    margin:0;\r\n    color:var(--dark);\r\n    font-size:clamp(42px,4.7vw,68px);\r\n    line-height:1.02;\r\n    font-weight:400;\r\n    letter-spacing:-.04em;\r\n  }\r\n\r\n  .isb-hiw-workflow__lead{\r\n    max-width:790px;\r\n    margin:28px 0 0;\r\n    color:var(--muted);\r\n    font-size:clamp(17px,1.45vw,20px);\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-hiw-workflow__process{\r\n    display:grid;\r\n    grid-template-columns:repeat(6,1fr);\r\n    border-top:1px solid var(--line);\r\n    border-left:1px solid var(--line);\r\n  }\r\n\r\n  .isb-hiw-workflow__item{\r\n    min-height:230px;\r\n    padding:28px 24px;\r\n    border-right:1px solid var(--line);\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n\r\n  .isb-hiw-workflow__number{\r\n    display:block;\r\n    margin-bottom:50px;\r\n    color:var(--accent);\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:.15em;\r\n  }\r\n\r\n  .isb-hiw-workflow__item h3{\r\n    margin:0;\r\n    color:var(--dark);\r\n    font-size:19px;\r\n    line-height:1.15;\r\n    font-weight:500;\r\n  }\r\n\r\n  .isb-hiw-workflow__item p{\r\n    margin:15px 0 0;\r\n    color:var(--muted);\r\n    font-size:12px;\r\n    line-height:1.65;\r\n  }\r\n\r\n  .isb-hiw-workflow__closing{\r\n    display:grid;\r\n    grid-template-columns:1.1fr .9fr;\r\n    margin-top:44px;\r\n    background:var(--dark);\r\n  }\r\n\r\n  .isb-hiw-workflow__closing-main{\r\n    padding:46px 50px;\r\n  }\r\n\r\n  .isb-hiw-workflow__closing-label{\r\n    display:block;\r\n    margin-bottom:15px;\r\n    color:var(--accent);\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:.16em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-hiw-workflow__closing h3{\r\n    margin:0;\r\n    color:#fff;\r\n    font-size:clamp(29px,2.9vw,42px);\r\n    line-height:1.08;\r\n    font-weight:400;\r\n    letter-spacing:-.03em;\r\n  }\r\n\r\n  .isb-hiw-workflow__closing-side{\r\n    display:flex;\r\n    align-items:center;\r\n    padding:40px 46px;\r\n    border-left:1px solid rgba(255,255,255,.15);\r\n  }\r\n\r\n  .isb-hiw-workflow__closing-side p{\r\n    margin:0;\r\n    color:#c8d0cf;\r\n    font-size:14px;\r\n    line-height:1.72;\r\n  }\r\n\r\n  @media(max-width:1100px){\r\n    .isb-hiw-workflow__process{grid-template-columns:repeat(3,1fr);}\r\n  }\r\n\r\n  @media(max-width:850px){\r\n    .isb-hiw-workflow__header{grid-template-columns:1fr;gap:26px;}\r\n    .isb-hiw-workflow__closing{grid-template-columns:1fr;}\r\n    .isb-hiw-workflow__closing-side{\r\n      border-left:0;\r\n      border-top:1px solid rgba(255,255,255,.15);\r\n    }\r\n  }\r\n\r\n  @media(max-width:650px){\r\n    .isb-hiw-workflow{padding:74px 20px 82px;}\r\n    .isb-hiw-workflow h2{font-size:clamp(39px,12vw,54px);}\r\n    .isb-hiw-workflow__lead{font-size:16px;}\r\n    .isb-hiw-workflow__process{grid-template-columns:1fr;}\r\n    .isb-hiw-workflow__item{min-height:0;}\r\n    .isb-hiw-workflow__number{margin-bottom:30px;}\r\n    .isb-hiw-workflow__closing-main,\r\n    .isb-hiw-workflow__closing-side{padding:34px 24px;}\r\n  }\r\n<\/style>\r\n\r\n<section class=\"isb-hiw-workflow\" aria-labelledby=\"isb-hiw-workflow-title\">\r\n\r\n  <div class=\"isb-hiw-workflow__container\">\r\n\r\n    <div class=\"isb-hiw-workflow__header\">\r\n\r\n      <div class=\"isb-hiw-workflow__eyebrow\">\r\n        <span class=\"isb-hiw-workflow__line\"><\/span>\r\n        <span>One Coordinated Workflow<\/span>\r\n      <\/div>\r\n\r\n      <div>\r\n        <h2 id=\"isb-hiw-workflow-title\">\r\n          The building process stays connected.\r\n        <\/h2>\r\n\r\n        <p class=\"isb-hiw-workflow__lead\">\r\n          ISB\u00ae is designed as a project route rather than an isolated material\r\n          supply. Information moves from design through engineering and element\r\n          planning into production preparation and construction.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-hiw-workflow__process\">\r\n\r\n      <article class=\"isb-hiw-workflow__item\">\r\n        <span class=\"isb-hiw-workflow__number\">01<\/span>\r\n        <h3>Design<\/h3>\r\n        <p>Architecture establishes the form, spaces and project requirements.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"isb-hiw-workflow__item\">\r\n        <span class=\"isb-hiw-workflow__number\">02<\/span>\r\n        <h3>Engineering<\/h3>\r\n        <p>Structural requirements and project conditions are defined.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"isb-hiw-workflow__item\">\r\n        <span class=\"isb-hiw-workflow__number\">03<\/span>\r\n        <h3>System Planning<\/h3>\r\n        <p>Wall, floor, reinforcement and connection logic are coordinated.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"isb-hiw-workflow__item\">\r\n        <span class=\"isb-hiw-workflow__number\">04<\/span>\r\n        <h3>Production<\/h3>\r\n        <p>System planning is translated into the information required for elements.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"isb-hiw-workflow__item\">\r\n        <span class=\"isb-hiw-workflow__number\">05<\/span>\r\n        <h3>Assembly<\/h3>\r\n        <p>Elements and connections form the planned structural system on site.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"isb-hiw-workflow__item\">\r\n        <span class=\"isb-hiw-workflow__number\">06<\/span>\r\n        <h3>Building<\/h3>\r\n        <p>The structural system becomes part of the complete finished building.<\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-hiw-workflow__closing\">\r\n\r\n      <div class=\"isb-hiw-workflow__closing-main\">\r\n        <span class=\"isb-hiw-workflow__closing-label\">\r\n          The Principle\r\n        <\/span>\r\n\r\n        <h3>\r\n          One project route. Multiple professional disciplines.\r\n        <\/h3>\r\n      <\/div>\r\n\r\n      <div class=\"isb-hiw-workflow__closing-side\">\r\n        <p>\r\n          Architects, engineers, system planners, production and construction\r\n          teams remain separate professional roles \u2014 but the project information\r\n          connecting them can follow one coordinated building route.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-639321a e-con e-atomic-element e-flexbox-base e-639321a-5929709 \" data-id=\"639321a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"639321a\">\n    \t\t<div class=\"elementor-element elementor-element-b01590e elementor-widget elementor-widget-html\" data-id=\"b01590e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .isb-hiw-closing{\r\n    --dark:#172327;\r\n    --muted:#c6cecd;\r\n    --accent:#c87945;\r\n    --line:rgba(255,255,255,.16);\r\n\r\n    width:100%;\r\n    padding:108px 24px 114px;\r\n    background:var(--dark);\r\n    color:#fff;\r\n    font-family:inherit;\r\n  }\r\n\r\n  .isb-hiw-closing,\r\n  .isb-hiw-closing *{box-sizing:border-box;}\r\n\r\n  .isb-hiw-closing__container{\r\n    max-width:1280px;\r\n    margin:auto;\r\n  }\r\n\r\n  .isb-hiw-closing__header{\r\n    display:grid;\r\n    grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);\r\n    gap:clamp(50px,8vw,130px);\r\n    padding-bottom:62px;\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n\r\n  .isb-hiw-closing__eyebrow{\r\n    display:flex;\r\n    gap:14px;\r\n    align-items:center;\r\n    margin-top:8px;\r\n    color:var(--accent);\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:.18em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-hiw-closing__line{\r\n    width:40px;\r\n    height:1px;\r\n    background:var(--accent);\r\n  }\r\n\r\n  .isb-hiw-closing h2{\r\n    margin:0;\r\n    color:#fff;\r\n    font-size:clamp(42px,4.7vw,68px);\r\n    line-height:1.02;\r\n    font-weight:400;\r\n    letter-spacing:-.04em;\r\n  }\r\n\r\n  .isb-hiw-closing__lead{\r\n    max-width:780px;\r\n    margin:28px 0 0;\r\n    color:var(--muted);\r\n    font-size:clamp(17px,1.45vw,20px);\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-hiw-closing__routes{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    margin-top:48px;\r\n    border-top:1px solid var(--line);\r\n    border-left:1px solid var(--line);\r\n  }\r\n\r\n  .isb-hiw-closing__route{\r\n    display:block;\r\n    min-height:275px;\r\n    padding:36px;\r\n    border-right:1px solid var(--line);\r\n    border-bottom:1px solid var(--line);\r\n    color:#fff;\r\n    text-decoration:none;\r\n    transition:.25s ease;\r\n  }\r\n\r\n  .isb-hiw-closing__route:hover{\r\n    background:rgba(255,255,255,.035);\r\n    transform:translateY(-2px);\r\n  }\r\n\r\n  .isb-hiw-closing__number{\r\n    display:block;\r\n    margin-bottom:52px;\r\n    color:var(--accent);\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:.15em;\r\n  }\r\n\r\n  .isb-hiw-closing__type{\r\n    display:block;\r\n    margin-bottom:10px;\r\n    color:#9eaaa9;\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:.14em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-hiw-closing__route h3{\r\n    margin:0;\r\n    color:#fff;\r\n    font-size:clamp(27px,2.4vw,37px);\r\n    line-height:1.08;\r\n    font-weight:500;\r\n    letter-spacing:-.03em;\r\n  }\r\n\r\n  .isb-hiw-closing__route p{\r\n    max-width:560px;\r\n    margin:20px 0 0;\r\n    color:#b9c2c1;\r\n    font-size:14px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .isb-hiw-closing__cta{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    margin-top:30px;\r\n    color:#fff;\r\n    font-size:11px;\r\n    font-weight:700;\r\n    letter-spacing:.09em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-hiw-closing__cta-arrow{\r\n    color:var(--accent);\r\n    font-size:17px;\r\n  }\r\n\r\n  .isb-hiw-closing__final{\r\n    margin-top:44px;\r\n  }\r\n\r\n  .isb-hiw-closing__final-label{\r\n    display:block;\r\n    margin-bottom:12px;\r\n    color:var(--accent);\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:.16em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-hiw-closing__final h3{\r\n    max-width:820px;\r\n    margin:0;\r\n    color:#fff;\r\n    font-size:clamp(28px,3vw,42px);\r\n    line-height:1.08;\r\n    font-weight:400;\r\n    letter-spacing:-.03em;\r\n  }\r\n\r\n  @media(max-width:850px){\r\n    .isb-hiw-closing__header{grid-template-columns:1fr;gap:28px;}\r\n    .isb-hiw-closing__routes{grid-template-columns:1fr;}\r\n  }\r\n\r\n  @media(max-width:620px){\r\n    .isb-hiw-closing{padding:74px 20px 82px;}\r\n    .isb-hiw-closing h2{font-size:clamp(39px,12vw,54px);}\r\n    .isb-hiw-closing__lead{font-size:16px;}\r\n    .isb-hiw-closing__route{min-height:0;padding:30px 24px;}\r\n    .isb-hiw-closing__number{margin-bottom:34px;}\r\n  }\r\n<\/style>\r\n\r\n<section class=\"isb-hiw-closing\" aria-labelledby=\"isb-hiw-closing-title\">\r\n\r\n  <div class=\"isb-hiw-closing__container\">\r\n\r\n    <div class=\"isb-hiw-closing__header\">\r\n\r\n      <div class=\"isb-hiw-closing__eyebrow\">\r\n        <span class=\"isb-hiw-closing__line\"><\/span>\r\n        <span>From Process to Project<\/span>\r\n      <\/div>\r\n\r\n      <div>\r\n        <h2 id=\"isb-hiw-closing-title\">\r\n          See the engineering \u2014 or start with your project.\r\n        <\/h2>\r\n\r\n        <p class=\"isb-hiw-closing__lead\">\r\n          The workflow explains how ISB\u00ae moves from design to construction.\r\n          From here, continue into the technical background or begin discussing\r\n          how the system could fit a real project in Australia.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-hiw-closing__routes\">\r\n\r\n      <a\r\n        class=\"isb-hiw-closing__route\"\r\n        href=\"\/au\/building-system\/technical-performance\/\"\r\n      >\r\n        <span class=\"isb-hiw-closing__number\">01<\/span>\r\n        <span class=\"isb-hiw-closing__type\">Technical Route<\/span>\r\n\r\n        <h3>\r\n          Explore Technical Performance.\r\n        <\/h3>\r\n\r\n        <p>\r\n          Continue into the documented system, structural components,\r\n          engineering principles and technical connection details.\r\n        <\/p>\r\n\r\n        <span class=\"isb-hiw-closing__cta\">\r\n          Technical Performance\r\n          <span class=\"isb-hiw-closing__cta-arrow\">\u2192<\/span>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <a\r\n        class=\"isb-hiw-closing__route\"\r\n        href=\"\/au\/contact\/\"\r\n      >\r\n        <span class=\"isb-hiw-closing__number\">02<\/span>\r\n        <span class=\"isb-hiw-closing__type\">Project Route<\/span>\r\n\r\n        <h3>\r\n          Discuss Your Project.\r\n        <\/h3>\r\n\r\n        <p>\r\n          Share the site, project brief or architectural concept and begin\r\n          identifying the route from design through engineering and ISB\u00ae system\r\n          planning.\r\n        <\/p>\r\n\r\n        <span class=\"isb-hiw-closing__cta\">\r\n          Start the Conversation\r\n          <span class=\"isb-hiw-closing__cta-arrow\">\u2192<\/span>\r\n        <\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-hiw-closing__final\">\r\n      <span class=\"isb-hiw-closing__final-label\">\r\n        ISB\u00ae Building System \u00b7 Australia\r\n      <\/span>\r\n\r\n      <h3>\r\n        Architecture. Engineering. System planning. Production. Construction.\r\n      <\/h3>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>How It Works From building system to completed structure. ISB\u00ae connects architecture, engineering, system planning, production and construction within one coordinated project route \u2014 turning a building concept into a buildable structural system and, ultimately, a completed building. Architecture \u2192 Engineering \u2192 System Planning \u2192 Production \u2192 Construction See the Process Discuss a Project From [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1114,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1119","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How the ISB\u00ae Building System Works | Australia<\/title>\n<meta name=\"description\" content=\"See how the ISB\u00ae Building System moves from architecture and engineering through system planning, production and coordinated construction.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/costablancawholesale.com\/au\/building-system\/how-it-works\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How ISB\u00ae Building System Works in Australia\" \/>\n<meta property=\"og:description\" content=\"From architecture and engineering to system planning, production and construction \u2014 see how the ISB\u00ae Building System becomes a real building.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/costablancawholesale.com\/au\/building-system\/how-it-works\/\" \/>\n<meta property=\"og:site_name\" content=\"ISB\u00ae Building System\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-31T12:55:16+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/building-system\\\/how-it-works\\\/\",\"url\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/building-system\\\/how-it-works\\\/\",\"name\":\"How the ISB\u00ae Building System Works | Australia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/#website\"},\"datePublished\":\"2026-07-28T12:42:51+00:00\",\"dateModified\":\"2026-08-31T12:55:16+00:00\",\"description\":\"See how the ISB\u00ae Building System moves from architecture and engineering through system planning, production and coordinated construction.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/building-system\\\/how-it-works\\\/#breadcrumb\"},\"inLanguage\":\"en-AU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/building-system\\\/how-it-works\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/building-system\\\/how-it-works\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building System\",\"item\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/building-system\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How It Works\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/#website\",\"url\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/\",\"name\":\"ISB\u00ae Building System\",\"description\":\"Advanced Sustainable Building Technology for Spain\",\"publisher\":{\"@id\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/#organization\"},\"alternateName\":\"ISB Building System Spain\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-AU\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/#organization\",\"name\":\"ISB\u00ae Building System\",\"alternateName\":\"ISB Building System Spain\",\"url\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/costablancawholesale.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/ISB-Building-System.png\",\"contentUrl\":\"https:\\\/\\\/costablancawholesale.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/ISB-Building-System.png\",\"width\":1024,\"height\":1024,\"caption\":\"ISB\u00ae Building System\"},\"image\":{\"@id\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How the ISB\u00ae Building System Works | Australia","description":"See how the ISB\u00ae Building System moves from architecture and engineering through system planning, production and coordinated construction.","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:\/\/costablancawholesale.com\/au\/building-system\/how-it-works\/","og_locale":"en_US","og_type":"article","og_title":"How ISB\u00ae Building System Works in Australia","og_description":"From architecture and engineering to system planning, production and construction \u2014 see how the ISB\u00ae Building System becomes a real building.","og_url":"https:\/\/costablancawholesale.com\/au\/building-system\/how-it-works\/","og_site_name":"ISB\u00ae Building System","article_modified_time":"2026-08-31T12:55:16+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/costablancawholesale.com\/au\/building-system\/how-it-works\/","url":"https:\/\/costablancawholesale.com\/au\/building-system\/how-it-works\/","name":"How the ISB\u00ae Building System Works | Australia","isPartOf":{"@id":"https:\/\/costablancawholesale.com\/au\/#website"},"datePublished":"2026-07-28T12:42:51+00:00","dateModified":"2026-08-31T12:55:16+00:00","description":"See how the ISB\u00ae Building System moves from architecture and engineering through system planning, production and coordinated construction.","breadcrumb":{"@id":"https:\/\/costablancawholesale.com\/au\/building-system\/how-it-works\/#breadcrumb"},"inLanguage":"en-AU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/costablancawholesale.com\/au\/building-system\/how-it-works\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/costablancawholesale.com\/au\/building-system\/how-it-works\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/costablancawholesale.com\/au\/"},{"@type":"ListItem","position":2,"name":"Building System","item":"https:\/\/costablancawholesale.com\/au\/building-system\/"},{"@type":"ListItem","position":3,"name":"How It Works"}]},{"@type":"WebSite","@id":"https:\/\/costablancawholesale.com\/au\/#website","url":"https:\/\/costablancawholesale.com\/au\/","name":"ISB\u00ae Building System","description":"Advanced Sustainable Building Technology for Spain","publisher":{"@id":"https:\/\/costablancawholesale.com\/au\/#organization"},"alternateName":"ISB Building System Spain","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/costablancawholesale.com\/au\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-AU"},{"@type":"Organization","@id":"https:\/\/costablancawholesale.com\/au\/#organization","name":"ISB\u00ae Building System","alternateName":"ISB Building System Spain","url":"https:\/\/costablancawholesale.com\/au\/","logo":{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/costablancawholesale.com\/au\/#\/schema\/logo\/image\/","url":"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/ISB-Building-System.png","contentUrl":"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/ISB-Building-System.png","width":1024,"height":1024,"caption":"ISB\u00ae Building System"},"image":{"@id":"https:\/\/costablancawholesale.com\/au\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/costablancawholesale.com\/au\/wp-json\/wp\/v2\/pages\/1119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/costablancawholesale.com\/au\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/costablancawholesale.com\/au\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/costablancawholesale.com\/au\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/costablancawholesale.com\/au\/wp-json\/wp\/v2\/comments?post=1119"}],"version-history":[{"count":4,"href":"https:\/\/costablancawholesale.com\/au\/wp-json\/wp\/v2\/pages\/1119\/revisions"}],"predecessor-version":[{"id":1123,"href":"https:\/\/costablancawholesale.com\/au\/wp-json\/wp\/v2\/pages\/1119\/revisions\/1123"}],"up":[{"embeddable":true,"href":"https:\/\/costablancawholesale.com\/au\/wp-json\/wp\/v2\/pages\/1114"}],"wp:attachment":[{"href":"https:\/\/costablancawholesale.com\/au\/wp-json\/wp\/v2\/media?parent=1119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}