{"id":1114,"date":"2026-07-28T13:27:17","date_gmt":"2026-07-28T11:27:17","guid":{"rendered":"https:\/\/costablancawholesale.com\/?page_id=1114"},"modified":"2026-08-31T13:57:12","modified_gmt":"2026-08-31T11:57:12","slug":"building-system","status":"publish","type":"page","link":"https:\/\/costablancawholesale.com\/au\/building-system\/","title":{"rendered":"Building System"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1114\" class=\"elementor elementor-1114 elementor-14\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbd69d0 e-con e-atomic-element e-flexbox-base e-53f0c65 \" data-id=\"fbd69d0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fbd69d0\">\n    \t\t<div class=\"elementor-element elementor-element-d957b09 elementor-widget elementor-widget-html\" data-id=\"d957b09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"isb-system-hero\" aria-labelledby=\"isb-system-hero-title\">\r\n  <style>\r\n    .isb-system-hero{\r\n      --isb-dark:#172327;\r\n      --isb-dark-soft:#213136;\r\n      --isb-cream:#f3f1ea;\r\n      --isb-white:#ffffff;\r\n      --isb-text:#263236;\r\n      --isb-muted:#aeb8b7;\r\n      --isb-accent:#c87945;\r\n      --isb-line:rgba(255,255,255,.16);\r\n\r\n      position:relative;\r\n      width:100%;\r\n      min-height:760px;\r\n      overflow:hidden;\r\n      background:var(--isb-dark);\r\n      color:var(--isb-white);\r\n      font-family:inherit;\r\n    }\r\n\r\n    .isb-system-hero,\r\n    .isb-system-hero *{\r\n      box-sizing:border-box;\r\n    }\r\n\r\n    .isb-system-hero__grid{\r\n      display:grid;\r\n      grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr);\r\n      width:100%;\r\n      min-height:760px;\r\n    }\r\n\r\n    .isb-system-hero__content{\r\n      position:relative;\r\n      z-index:2;\r\n      display:flex;\r\n      align-items:center;\r\n      padding:92px clamp(34px,6vw,110px);\r\n    }\r\n\r\n    .isb-system-hero__inner{\r\n      width:100%;\r\n      max-width:760px;\r\n    }\r\n\r\n    .isb-system-hero__eyebrow{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:14px;\r\n      margin:0 0 28px;\r\n      color:var(--isb-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-system-hero__eyebrow::before{\r\n      content:\"\";\r\n      display:block;\r\n      width:42px;\r\n      height:1px;\r\n      flex:0 0 42px;\r\n      background:currentColor;\r\n    }\r\n\r\n    .isb-system-hero h1{\r\n      max-width:760px;\r\n      margin:0;\r\n      color:var(--isb-white);\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-system-hero__lead{\r\n      max-width:680px;\r\n      margin:34px 0 0;\r\n      color:#d9dedd;\r\n      font-size:clamp(17px,1.45vw,21px);\r\n      line-height:1.65;\r\n      font-weight:400;\r\n    }\r\n\r\n    .isb-system-hero__process{\r\n      display:flex;\r\n      align-items:center;\r\n      flex-wrap:wrap;\r\n      gap:10px 13px;\r\n      margin:42px 0 0;\r\n      padding:24px 0;\r\n      border-top:1px solid var(--isb-line);\r\n      border-bottom:1px solid var(--isb-line);\r\n    }\r\n\r\n    .isb-system-hero__process-item{\r\n      color:#f3f5f4;\r\n      font-size:11px;\r\n      line-height:1.4;\r\n      font-weight:650;\r\n      letter-spacing:.1em;\r\n      text-transform:uppercase;\r\n      white-space:nowrap;\r\n    }\r\n\r\n    .isb-system-hero__process-arrow{\r\n      color:var(--isb-accent);\r\n      font-size:14px;\r\n      line-height:1;\r\n    }\r\n\r\n    .isb-system-hero__actions{\r\n      display:flex;\r\n      flex-wrap:wrap;\r\n      align-items:center;\r\n      gap:14px;\r\n      margin-top:36px;\r\n    }\r\n\r\n    .isb-system-hero__button{\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      border:1px solid transparent;\r\n      text-decoration:none;\r\n      font-size:13px;\r\n      line-height:1;\r\n      font-weight:700;\r\n      letter-spacing:.06em;\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-system-hero__button--primary{\r\n      background:var(--isb-accent);\r\n      color:var(--isb-white);\r\n      border-color:var(--isb-accent);\r\n    }\r\n\r\n    .isb-system-hero__button--primary:hover,\r\n    .isb-system-hero__button--primary:focus-visible{\r\n      background:#d38450;\r\n      border-color:#d38450;\r\n      color:var(--isb-white);\r\n      transform:translateY(-2px);\r\n    }\r\n\r\n    .isb-system-hero__button--secondary{\r\n      background:transparent;\r\n      color:var(--isb-white);\r\n      border-color:rgba(255,255,255,.35);\r\n    }\r\n\r\n    .isb-system-hero__button--secondary:hover,\r\n    .isb-system-hero__button--secondary:focus-visible{\r\n      border-color:var(--isb-white);\r\n      color:var(--isb-white);\r\n      transform:translateY(-2px);\r\n    }\r\n\r\n    .isb-system-hero__visual{\r\n      position:relative;\r\n      min-width:0;\r\n      background:#e8e7e2;\r\n    }\r\n\r\n    .isb-system-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,.23) 0%,\r\n          rgba(23,35,39,.05) 23%,\r\n          rgba(23,35,39,0) 50%\r\n        );\r\n      pointer-events:none;\r\n    }\r\n\r\n    .isb-system-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-system-hero__visual-label{\r\n      position:absolute;\r\n      z-index:2;\r\n      right:26px;\r\n      bottom:24px;\r\n      display:flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:10px 13px;\r\n      background:rgba(23,35,39,.88);\r\n      color:#fff;\r\n      font-size:10px;\r\n      line-height:1.3;\r\n      letter-spacing:.12em;\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-system-hero__visual-label::before{\r\n      content:\"\";\r\n      width:18px;\r\n      height:1px;\r\n      background:var(--isb-accent);\r\n    }\r\n\r\n    @media (max-width:1100px){\r\n      .isb-system-hero,\r\n      .isb-system-hero__grid{\r\n        min-height:auto;\r\n      }\r\n\r\n      .isb-system-hero__grid{\r\n        grid-template-columns:1fr 46%;\r\n      }\r\n\r\n      .isb-system-hero__content{\r\n        padding:80px 46px;\r\n      }\r\n\r\n      .isb-system-hero__image{\r\n        min-height:700px;\r\n      }\r\n\r\n      .isb-system-hero h1{\r\n        font-size:clamp(46px,6vw,68px);\r\n      }\r\n    }\r\n\r\n    @media (max-width:820px){\r\n      .isb-system-hero__grid{\r\n        grid-template-columns:1fr;\r\n      }\r\n\r\n      .isb-system-hero__content{\r\n        order:1;\r\n        padding:74px 28px 58px;\r\n      }\r\n\r\n      .isb-system-hero__visual{\r\n        order:2;\r\n      }\r\n\r\n      .isb-system-hero__image{\r\n        min-height:0;\r\n        height:auto;\r\n        aspect-ratio:16\/11;\r\n      }\r\n\r\n      .isb-system-hero__visual::before{\r\n        background:\r\n          linear-gradient(\r\n            180deg,\r\n            rgba(23,35,39,.18) 0%,\r\n            rgba(23,35,39,0) 38%\r\n          );\r\n      }\r\n\r\n      .isb-system-hero__process{\r\n        gap:9px 11px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:560px){\r\n      .isb-system-hero__content{\r\n        padding:62px 20px 46px;\r\n      }\r\n\r\n      .isb-system-hero__eyebrow{\r\n        margin-bottom:22px;\r\n        font-size:11px;\r\n      }\r\n\r\n      .isb-system-hero h1{\r\n        font-size:clamp(42px,13vw,58px);\r\n        line-height:1;\r\n      }\r\n\r\n      .isb-system-hero__lead{\r\n        margin-top:26px;\r\n        font-size:16px;\r\n        line-height:1.6;\r\n      }\r\n\r\n      .isb-system-hero__process{\r\n        display:grid;\r\n        grid-template-columns:auto 18px auto;\r\n        justify-content:start;\r\n        margin-top:34px;\r\n        padding:20px 0;\r\n      }\r\n\r\n      .isb-system-hero__process-item{\r\n        font-size:10px;\r\n      }\r\n\r\n      .isb-system-hero__process-arrow:nth-of-type(6),\r\n      .isb-system-hero__process-item:nth-of-type(7){\r\n        display:none;\r\n      }\r\n\r\n      .isb-system-hero__actions{\r\n        flex-direction:column;\r\n        align-items:stretch;\r\n        margin-top:30px;\r\n      }\r\n\r\n      .isb-system-hero__button{\r\n        width:100%;\r\n      }\r\n\r\n      .isb-system-hero__image{\r\n        aspect-ratio:4\/3;\r\n      }\r\n\r\n      .isb-system-hero__visual-label{\r\n        right:16px;\r\n        bottom:16px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"isb-system-hero__grid\">\r\n\r\n    <div class=\"isb-system-hero__content\">\r\n      <div class=\"isb-system-hero__inner\">\r\n\r\n        <div class=\"isb-system-hero__eyebrow\">\r\n          Building System\r\n        <\/div>\r\n\r\n        <h1 id=\"isb-system-hero-title\">\r\n          An Integrated Building System for Australia\r\n        <\/h1>\r\n\r\n        <p class=\"isb-system-hero__lead\">\r\n          ISB\u00ae brings wall and floor elements together through architecture,\r\n          engineering and project-specific system planning \u2014 creating one\r\n          coordinated approach from design to construction for Australian projects.\r\n        <\/p>\r\n\r\n        <div class=\"isb-system-hero__process\" aria-label=\"ISB project process\">\r\n          <span class=\"isb-system-hero__process-item\">Architecture<\/span>\r\n          <span class=\"isb-system-hero__process-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n\r\n          <span class=\"isb-system-hero__process-item\">Engineering<\/span>\r\n          <span class=\"isb-system-hero__process-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n\r\n          <span class=\"isb-system-hero__process-item\">ISB\u00ae System Planning<\/span>\r\n          <span class=\"isb-system-hero__process-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n\r\n          <span class=\"isb-system-hero__process-item\">Integrated Structure<\/span>\r\n          <span class=\"isb-system-hero__process-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n\r\n          <span class=\"isb-system-hero__process-item\">Construction<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"isb-system-hero__actions\">\r\n          <a class=\"isb-system-hero__button isb-system-hero__button--primary\"\r\n             href=\"#system-concept\">\r\n            Explore the System\r\n          <\/a>\r\n\r\n          <a class=\"isb-system-hero__button isb-system-hero__button--secondary\"\r\n             href=\"\/au\/contact\/\">\r\n            Discuss a Project\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"isb-system-hero__visual\">\r\n      <img\r\n        class=\"isb-system-hero__image\"\r\n        src=\"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/isb-building-system-integrated-building-structure.webp\"\r\n        alt=\"Integrated ISB\u00ae wall and floor building structure illustrating the coordinated structural system\"\r\n        title=\"ISB\u00ae Integrated Building Structure \u2013 Wall and Floor System\"\r\n        loading=\"eager\"\r\n        fetchpriority=\"high\"\r\n        decoding=\"async\"\r\n      >\r\n\r\n      <div class=\"isb-system-hero__visual-label\">\r\n        Integrated Wall + Floor System\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-41a856e e-con e-atomic-element e-flexbox-base e-41a856e-f44a371 \" data-id=\"41a856e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"41a856e\">\n    \t\t<div class=\"elementor-element elementor-element-c3d9458 elementor-widget elementor-widget-html\" data-id=\"c3d9458\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"isb-system-concept\" id=\"system-concept\" aria-labelledby=\"isb-system-concept-title\">\r\n  <style>\r\n    .isb-system-concept{\r\n      --isc-dark:#172327;\r\n      --isc-text:#273337;\r\n      --isc-muted:#6f797b;\r\n      --isc-cream:#f3f1ea;\r\n      --isc-white:#ffffff;\r\n      --isc-accent:#c87945;\r\n      --isc-line:#d9d7d0;\r\n\r\n      width:100%;\r\n      padding:112px 24px 120px;\r\n      background:var(--isc-cream);\r\n      color:var(--isc-text);\r\n      font-family:inherit;\r\n    }\r\n\r\n    .isb-system-concept,\r\n    .isb-system-concept *{\r\n      box-sizing:border-box;\r\n    }\r\n\r\n    .isb-system-concept__container{\r\n      width:100%;\r\n      max-width:1280px;\r\n      margin:0 auto;\r\n    }\r\n\r\n    .isb-system-concept__intro{\r\n      display:grid;\r\n      grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);\r\n      gap:clamp(50px,8vw,130px);\r\n      align-items:start;\r\n      padding-bottom:76px;\r\n      border-bottom:1px solid var(--isc-line);\r\n    }\r\n\r\n    .isb-system-concept__eyebrow{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:14px;\r\n      margin:7px 0 0;\r\n      color:var(--isc-accent);\r\n      font-size:12px;\r\n      line-height:1.2;\r\n      font-weight:700;\r\n      letter-spacing:.19em;\r\n      text-transform:uppercase;\r\n    }\r\n\r\n    .isb-system-concept__eyebrow::before{\r\n      content:\"\";\r\n      width:40px;\r\n      height:1px;\r\n      flex:0 0 40px;\r\n      background:currentColor;\r\n    }\r\n\r\n    .isb-system-concept__heading-wrap{\r\n      max-width:830px;\r\n    }\r\n\r\n    .isb-system-concept h2{\r\n      margin:0;\r\n      color:var(--isc-dark);\r\n      font-size:clamp(42px,4.8vw,70px);\r\n      line-height:1.02;\r\n      font-weight:400;\r\n      letter-spacing:-.04em;\r\n    }\r\n\r\n    .isb-system-concept__lead{\r\n      max-width:740px;\r\n      margin:30px 0 0;\r\n      color:var(--isc-muted);\r\n      font-size:clamp(17px,1.45vw,20px);\r\n      line-height:1.72;\r\n    }\r\n\r\n    .isb-system-concept__lead strong{\r\n      color:var(--isc-dark);\r\n      font-weight:600;\r\n    }\r\n\r\n    .isb-system-concept__components{\r\n      display:grid;\r\n      grid-template-columns:repeat(3,1fr);\r\n      margin-top:72px;\r\n      border-top:1px solid var(--isc-line);\r\n      border-left:1px solid var(--isc-line);\r\n    }\r\n\r\n    .isb-system-concept__component{\r\n      position:relative;\r\n      min-height:330px;\r\n      padding:38px 34px 42px;\r\n      border-right:1px solid var(--isc-line);\r\n      border-bottom:1px solid var(--isc-line);\r\n      background:rgba(255,255,255,.24);\r\n    }\r\n\r\n    .isb-system-concept__number{\r\n      display:block;\r\n      margin-bottom:74px;\r\n      color:var(--isc-accent);\r\n      font-size:11px;\r\n      line-height:1;\r\n      font-weight:700;\r\n      letter-spacing:.16em;\r\n    }\r\n\r\n    .isb-system-concept__component h3{\r\n      margin:0 0 18px;\r\n      color:var(--isc-dark);\r\n      font-size:clamp(25px,2.1vw,32px);\r\n      line-height:1.12;\r\n      font-weight:500;\r\n      letter-spacing:-.025em;\r\n    }\r\n\r\n    .isb-system-concept__component p{\r\n      max-width:340px;\r\n      margin:0;\r\n      color:var(--isc-muted);\r\n      font-size:15px;\r\n      line-height:1.7;\r\n    }\r\n\r\n    .isb-system-concept__mark{\r\n      position:absolute;\r\n      top:37px;\r\n      right:34px;\r\n      width:34px;\r\n      height:34px;\r\n      opacity:.42;\r\n    }\r\n\r\n    .isb-system-concept__mark--wall{\r\n      border-left:1px solid var(--isc-dark);\r\n      border-right:1px solid var(--isc-dark);\r\n    }\r\n\r\n    .isb-system-concept__mark--wall::before,\r\n    .isb-system-concept__mark--wall::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      left:7px;\r\n      right:7px;\r\n      height:1px;\r\n      background:var(--isc-dark);\r\n    }\r\n\r\n    .isb-system-concept__mark--wall::before{top:10px;}\r\n    .isb-system-concept__mark--wall::after{bottom:10px;}\r\n\r\n    .isb-system-concept__mark--floor{\r\n      border-top:1px solid var(--isc-dark);\r\n      border-bottom:1px solid var(--isc-dark);\r\n    }\r\n\r\n    .isb-system-concept__mark--floor::before,\r\n    .isb-system-concept__mark--floor::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      top:7px;\r\n      bottom:7px;\r\n      width:1px;\r\n      background:var(--isc-dark);\r\n    }\r\n\r\n    .isb-system-concept__mark--floor::before{left:10px;}\r\n    .isb-system-concept__mark--floor::after{right:10px;}\r\n\r\n    .isb-system-concept__mark--coordination::before,\r\n    .isb-system-concept__mark--coordination::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      background:var(--isc-dark);\r\n    }\r\n\r\n    .isb-system-concept__mark--coordination::before{\r\n      left:0;\r\n      top:16px;\r\n      width:34px;\r\n      height:1px;\r\n    }\r\n\r\n    .isb-system-concept__mark--coordination::after{\r\n      left:16px;\r\n      top:0;\r\n      width:1px;\r\n      height:34px;\r\n    }\r\n\r\n    .isb-system-concept__integration{\r\n      display:grid;\r\n      grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);\r\n      margin-top:56px;\r\n      background:var(--isc-dark);\r\n      color:var(--isc-white);\r\n    }\r\n\r\n    .isb-system-concept__integration-main{\r\n      padding:58px 60px 62px;\r\n    }\r\n\r\n    .isb-system-concept__integration-label{\r\n      display:block;\r\n      margin:0 0 22px;\r\n      color:var(--isc-accent);\r\n      font-size:11px;\r\n      line-height:1.2;\r\n      font-weight:700;\r\n      letter-spacing:.18em;\r\n      text-transform:uppercase;\r\n    }\r\n\r\n    .isb-system-concept__integration h3{\r\n      max-width:650px;\r\n      margin:0;\r\n      color:var(--isc-white);\r\n      font-size:clamp(34px,3.5vw,52px);\r\n      line-height:1.05;\r\n      font-weight:400;\r\n      letter-spacing:-.035em;\r\n    }\r\n\r\n    .isb-system-concept__integration-text{\r\n      max-width:670px;\r\n      margin:25px 0 0;\r\n      color:#cbd2d1;\r\n      font-size:16px;\r\n      line-height:1.72;\r\n    }\r\n\r\n    .isb-system-concept__diagram{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      padding:48px;\r\n      border-left:1px solid rgba(255,255,255,.14);\r\n    }\r\n\r\n    .isb-system-concept__diagram-inner{\r\n      width:100%;\r\n      max-width:330px;\r\n    }\r\n\r\n    .isb-system-concept__diagram-row{\r\n      display:grid;\r\n      grid-template-columns:1fr 34px 1fr;\r\n      align-items:center;\r\n    }\r\n\r\n    .isb-system-concept__diagram-box{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      min-height:72px;\r\n      padding:16px 12px;\r\n      border:1px solid rgba(255,255,255,.25);\r\n      color:#f4f5f4;\r\n      text-align:center;\r\n      font-size:11px;\r\n      line-height:1.35;\r\n      font-weight:700;\r\n      letter-spacing:.1em;\r\n      text-transform:uppercase;\r\n    }\r\n\r\n    .isb-system-concept__diagram-plus{\r\n      color:var(--isc-accent);\r\n      text-align:center;\r\n      font-size:20px;\r\n      font-weight:300;\r\n    }\r\n\r\n    .isb-system-concept__diagram-line{\r\n      position:relative;\r\n      width:1px;\r\n      height:42px;\r\n      margin:0 auto;\r\n      background:rgba(255,255,255,.3);\r\n    }\r\n\r\n    .isb-system-concept__diagram-line::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      left:50%;\r\n      bottom:-1px;\r\n      width:7px;\r\n      height:7px;\r\n      border-right:1px solid var(--isc-accent);\r\n      border-bottom:1px solid var(--isc-accent);\r\n      transform:translateX(-50%) rotate(45deg);\r\n    }\r\n\r\n    .isb-system-concept__diagram-result{\r\n      padding:20px 16px;\r\n      border:1px solid var(--isc-accent);\r\n      color:var(--isc-white);\r\n      text-align:center;\r\n      font-size:11px;\r\n      line-height:1.45;\r\n      font-weight:700;\r\n      letter-spacing:.11em;\r\n      text-transform:uppercase;\r\n    }\r\n\r\n    .isb-system-concept__foot{\r\n      display:flex;\r\n      justify-content:space-between;\r\n      gap:40px;\r\n      margin-top:30px;\r\n      padding-top:25px;\r\n      border-top:1px solid var(--isc-line);\r\n    }\r\n\r\n    .isb-system-concept__foot p{\r\n      max-width:720px;\r\n      margin:0;\r\n      color:var(--isc-muted);\r\n      font-size:13px;\r\n      line-height:1.65;\r\n    }\r\n\r\n    .isb-system-concept__foot-tag{\r\n      flex:0 0 auto;\r\n      color:var(--isc-dark);\r\n      font-size:10px;\r\n      line-height:1.5;\r\n      font-weight:700;\r\n      letter-spacing:.13em;\r\n      text-transform:uppercase;\r\n      text-align:right;\r\n    }\r\n\r\n    @media (max-width:1000px){\r\n      .isb-system-concept{padding:92px 28px 100px;}\r\n      .isb-system-concept__intro{grid-template-columns:1fr;gap:28px;}\r\n      .isb-system-concept__components{grid-template-columns:1fr;}\r\n      .isb-system-concept__component{min-height:auto;}\r\n      .isb-system-concept__number{margin-bottom:48px;}\r\n      .isb-system-concept__integration{grid-template-columns:1fr;}\r\n      .isb-system-concept__diagram{\r\n        border-left:0;\r\n        border-top:1px solid rgba(255,255,255,.14);\r\n      }\r\n    }\r\n\r\n    @media (max-width:640px){\r\n      .isb-system-concept{padding:76px 20px 82px;}\r\n      .isb-system-concept__intro{padding-bottom:54px;}\r\n      .isb-system-concept h2{font-size:clamp(39px,12vw,54px);}\r\n      .isb-system-concept__lead{margin-top:24px;font-size:16px;}\r\n      .isb-system-concept__components{margin-top:54px;}\r\n      .isb-system-concept__component{padding:30px 24px 34px;}\r\n      .isb-system-concept__number{margin-bottom:42px;}\r\n      .isb-system-concept__mark{top:29px;right:24px;}\r\n      .isb-system-concept__integration{margin-top:40px;}\r\n      .isb-system-concept__integration-main{padding:42px 24px 44px;}\r\n      .isb-system-concept__diagram{padding:38px 24px 42px;}\r\n      .isb-system-concept__diagram-row{grid-template-columns:1fr;gap:12px;}\r\n      .isb-system-concept__foot{flex-direction:column;gap:18px;}\r\n      .isb-system-concept__foot-tag{text-align:left;}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"isb-system-concept__container\">\r\n\r\n    <div class=\"isb-system-concept__intro\">\r\n\r\n      <div class=\"isb-system-concept__eyebrow\">\r\n        System Concept\r\n      <\/div>\r\n\r\n      <div class=\"isb-system-concept__heading-wrap\">\r\n        <h2 id=\"isb-system-concept-title\">\r\n          The building is the system.<br>\r\n          Not the individual element.\r\n        <\/h2>\r\n\r\n        <p class=\"isb-system-concept__lead\">\r\n          ISB\u00ae is conceived as a coordinated building system in which\r\n          <strong>wall elements, floor elements and structural reinforcement<\/strong>\r\n          are developed together within the engineering of each project.\r\n          The result is not a catalogue of isolated components, but a structural\r\n          approach connecting architecture, system planning and construction.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-system-concept__components\">\r\n\r\n      <article class=\"isb-system-concept__component\">\r\n        <span class=\"isb-system-concept__number\">01<\/span>\r\n        <span class=\"isb-system-concept__mark isb-system-concept__mark--wall\" aria-hidden=\"true\"><\/span>\r\n\r\n        <h3>Wall System<\/h3>\r\n\r\n        <p>\r\n          ISB-PHC-250 wall elements form part of the project-specific wall\r\n          structure and are coordinated with reinforcement, junctions and the\r\n          wider structural design.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"isb-system-concept__component\">\r\n        <span class=\"isb-system-concept__number\">02<\/span>\r\n        <span class=\"isb-system-concept__mark isb-system-concept__mark--floor\" aria-hidden=\"true\"><\/span>\r\n\r\n        <h3>Floor System<\/h3>\r\n\r\n        <p>\r\n          Dedicated ISB-PHC-250 floor elements extend the system beyond the\r\n          walls, allowing horizontal and vertical building components to be\r\n          considered as part of one structural concept.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"isb-system-concept__component\">\r\n        <span class=\"isb-system-concept__number\">03<\/span>\r\n        <span class=\"isb-system-concept__mark isb-system-concept__mark--coordination\" aria-hidden=\"true\"><\/span>\r\n\r\n        <h3>Structural Coordination<\/h3>\r\n\r\n        <p>\r\n          Reinforcement and junction logic connect the individual elements.\r\n          Their configuration is developed through engineering for the\r\n          requirements of the specific building project.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-system-concept__integration\">\r\n\r\n      <div class=\"isb-system-concept__integration-main\">\r\n\r\n        <span class=\"isb-system-concept__integration-label\">\r\n          Integrated Building Logic\r\n        <\/span>\r\n\r\n        <h3>\r\n          Individual components become valuable when they work together.\r\n        <\/h3>\r\n\r\n        <p class=\"isb-system-concept__integration-text\">\r\n          The ISB\u00ae approach coordinates walls, floors, reinforcement and\r\n          junctions within a single project workflow. Architecture defines the\r\n          building. Engineering develops the structural solution. ISB\u00ae system\r\n          planning translates that solution into coordinated building elements\r\n          and connections.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"isb-system-concept__diagram\" aria-label=\"ISB integrated system diagram\">\r\n        <div class=\"isb-system-concept__diagram-inner\">\r\n\r\n          <div class=\"isb-system-concept__diagram-row\">\r\n            <div class=\"isb-system-concept__diagram-box\">Wall System<\/div>\r\n            <div class=\"isb-system-concept__diagram-plus\" aria-hidden=\"true\">+<\/div>\r\n            <div class=\"isb-system-concept__diagram-box\">Floor System<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"isb-system-concept__diagram-line\" aria-hidden=\"true\"><\/div>\r\n\r\n          <div class=\"isb-system-concept__diagram-result\">\r\n            Coordinated Structure\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-system-concept__foot\">\r\n\r\n      <p>\r\n        System configuration, reinforcement and connection details are\r\n        determined through project-specific engineering and the applicable\r\n        technical requirements.\r\n      <\/p>\r\n\r\n      <div class=\"isb-system-concept__foot-tag\">\r\n        ISB\u00ae Building System<br>\r\n        Engineering-led design\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b9156af e-con e-atomic-element e-flexbox-base e-b9156af-ca91d69 \" data-id=\"b9156af\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b9156af\">\n    \t\t<div class=\"elementor-element elementor-element-03d8db8 elementor-widget elementor-widget-html\" data-id=\"03d8db8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"isb-wall-floor\" aria-labelledby=\"isb-wall-floor-title\">\r\n  <style>\r\n    .isb-wall-floor{\r\n      --iwf-dark:#172327;\r\n      --iwf-text:#2b373b;\r\n      --iwf-muted:#6f7a7d;\r\n      --iwf-cream:#f5f3ed;\r\n      --iwf-white:#ffffff;\r\n      --iwf-accent:#c87945;\r\n      --iwf-line:#d9d6cf;\r\n\r\n      width:100%;\r\n      padding:118px 24px 124px;\r\n      background:var(--iwf-white);\r\n      color:var(--iwf-text);\r\n      font-family:inherit;\r\n    }\r\n\r\n    .isb-wall-floor,\r\n    .isb-wall-floor *{box-sizing:border-box;}\r\n\r\n    .isb-wall-floor__container{\r\n      width:100%;\r\n      max-width:1280px;\r\n      margin:0 auto;\r\n    }\r\n\r\n    .isb-wall-floor__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      align-items:start;\r\n      margin-bottom:72px;\r\n    }\r\n\r\n    .isb-wall-floor__eyebrow{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:14px;\r\n      margin-top:8px;\r\n      color:var(--iwf-accent);\r\n      font-size:12px;\r\n      line-height:1.2;\r\n      font-weight:700;\r\n      letter-spacing:.18em;\r\n      text-transform:uppercase;\r\n    }\r\n\r\n    .isb-wall-floor__eyebrow::before{\r\n      content:\"\";\r\n      width:40px;\r\n      height:1px;\r\n      flex:0 0 40px;\r\n      background:currentColor;\r\n    }\r\n\r\n    .isb-wall-floor__heading{max-width:840px;}\r\n\r\n    .isb-wall-floor h2{\r\n      margin:0;\r\n      color:var(--iwf-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-wall-floor__lead{\r\n      max-width:760px;\r\n      margin:28px 0 0;\r\n      color:var(--iwf-muted);\r\n      font-size:clamp(17px,1.45vw,20px);\r\n      line-height:1.72;\r\n    }\r\n\r\n    .isb-wall-floor__grid{\r\n      display:grid;\r\n      grid-template-columns:1fr 1fr;\r\n      gap:28px;\r\n    }\r\n\r\n    .isb-wall-floor__card{\r\n      display:flex;\r\n      flex-direction:column;\r\n      min-width:0;\r\n      border:1px solid var(--iwf-line);\r\n      background:var(--iwf-cream);\r\n    }\r\n\r\n    .isb-wall-floor__visual{\r\n      position:relative;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      min-height:430px;\r\n      padding:38px;\r\n      overflow:hidden;\r\n      background:#f8f7f2;\r\n      border-bottom:1px solid var(--iwf-line);\r\n    }\r\n\r\n    .isb-wall-floor__visual::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:22px;\r\n      border:1px solid rgba(23,35,39,.08);\r\n      pointer-events:none;\r\n    }\r\n\r\n    .isb-wall-floor__image{\r\n      position:relative;\r\n      z-index:1;\r\n      display:block;\r\n      width:100%;\r\n      height:auto;\r\n      max-height:350px;\r\n      object-fit:contain;\r\n    }\r\n\r\n    .isb-wall-floor__label{\r\n      position:absolute;\r\n      z-index:2;\r\n      top:22px;\r\n      left:22px;\r\n      padding:9px 12px;\r\n      background:var(--iwf-dark);\r\n      color:#fff;\r\n      font-size:10px;\r\n      line-height:1.2;\r\n      font-weight:700;\r\n      letter-spacing:.12em;\r\n      text-transform:uppercase;\r\n    }\r\n\r\n    .isb-wall-floor__body{\r\n      display:flex;\r\n      flex-direction:column;\r\n      flex:1;\r\n      padding:38px 36px 40px;\r\n    }\r\n\r\n    .isb-wall-floor__number{\r\n      display:block;\r\n      margin-bottom:30px;\r\n      color:var(--iwf-accent);\r\n      font-size:11px;\r\n      line-height:1;\r\n      font-weight:700;\r\n      letter-spacing:.15em;\r\n    }\r\n\r\n    .isb-wall-floor__card h3{\r\n      margin:0;\r\n      color:var(--iwf-dark);\r\n      font-size:clamp(28px,2.2vw,36px);\r\n      line-height:1.08;\r\n      font-weight:500;\r\n      letter-spacing:-.03em;\r\n    }\r\n\r\n    .isb-wall-floor__subtitle{\r\n      margin:9px 0 0;\r\n      color:var(--iwf-dark);\r\n      font-size:13px;\r\n      line-height:1.45;\r\n      font-weight:700;\r\n      letter-spacing:.05em;\r\n      text-transform:uppercase;\r\n    }\r\n\r\n    .isb-wall-floor__text{\r\n      margin:24px 0 0;\r\n      color:var(--iwf-muted);\r\n      font-size:15px;\r\n      line-height:1.72;\r\n    }\r\n\r\n    .isb-wall-floor__features{\r\n      display:grid;\r\n      gap:0;\r\n      margin:30px 0 0;\r\n      padding:0;\r\n      list-style:none;\r\n      border-top:1px solid var(--iwf-line);\r\n    }\r\n\r\n    .isb-wall-floor__features li{\r\n      display:grid;\r\n      grid-template-columns:20px 1fr;\r\n      gap:12px;\r\n      align-items:start;\r\n      padding:14px 0;\r\n      border-bottom:1px solid var(--iwf-line);\r\n      color:var(--iwf-text);\r\n      font-size:13px;\r\n      line-height:1.5;\r\n    }\r\n\r\n    .isb-wall-floor__features li::before{\r\n      content:\"\u2014\";\r\n      color:var(--iwf-accent);\r\n      font-weight:700;\r\n    }\r\n\r\n    .isb-wall-floor__bridge{\r\n      display:grid;\r\n      grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);\r\n      margin-top:56px;\r\n      background:var(--iwf-dark);\r\n      color:#fff;\r\n    }\r\n\r\n    .isb-wall-floor__bridge-copy{padding:58px 60px 62px;}\r\n\r\n    .isb-wall-floor__bridge-label{\r\n      display:block;\r\n      margin-bottom:20px;\r\n      color:var(--iwf-accent);\r\n      font-size:11px;\r\n      line-height:1.2;\r\n      font-weight:700;\r\n      letter-spacing:.17em;\r\n      text-transform:uppercase;\r\n    }\r\n\r\n    .isb-wall-floor__bridge h3{\r\n      max-width:650px;\r\n      margin:0;\r\n      color:#fff;\r\n      font-size:clamp(34px,3.4vw,50px);\r\n      line-height:1.06;\r\n      font-weight:400;\r\n      letter-spacing:-.035em;\r\n    }\r\n\r\n    .isb-wall-floor__bridge p{\r\n      max-width:690px;\r\n      margin:24px 0 0;\r\n      color:#cbd2d1;\r\n      font-size:16px;\r\n      line-height:1.72;\r\n    }\r\n\r\n    .isb-wall-floor__logic{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      padding:48px;\r\n      border-left:1px solid rgba(255,255,255,.14);\r\n    }\r\n\r\n    .isb-wall-floor__logic-inner{\r\n      width:100%;\r\n      max-width:330px;\r\n    }\r\n\r\n    .isb-wall-floor__logic-item{\r\n      padding:18px 14px;\r\n      border:1px solid rgba(255,255,255,.25);\r\n      color:#fff;\r\n      text-align:center;\r\n      font-size:11px;\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-wall-floor__logic-connector{\r\n      position:relative;\r\n      width:1px;\r\n      height:38px;\r\n      margin:0 auto;\r\n      background:rgba(255,255,255,.28);\r\n    }\r\n\r\n    .isb-wall-floor__logic-connector::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      left:50%;\r\n      bottom:-1px;\r\n      width:7px;\r\n      height:7px;\r\n      border-right:1px solid var(--iwf-accent);\r\n      border-bottom:1px solid var(--iwf-accent);\r\n      transform:translateX(-50%) rotate(45deg);\r\n    }\r\n\r\n    .isb-wall-floor__logic-result{\r\n      padding:20px 14px;\r\n      border:1px solid var(--iwf-accent);\r\n      color:#fff;\r\n      text-align:center;\r\n      font-size:11px;\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-wall-floor__note{\r\n      display:grid;\r\n      grid-template-columns:1fr auto;\r\n      gap:40px;\r\n      align-items:start;\r\n      margin-top:30px;\r\n      padding-top:24px;\r\n      border-top:1px solid var(--iwf-line);\r\n    }\r\n\r\n    .isb-wall-floor__note p{\r\n      max-width:760px;\r\n      margin:0;\r\n      color:var(--iwf-muted);\r\n      font-size:13px;\r\n      line-height:1.65;\r\n    }\r\n\r\n    .isb-wall-floor__note-tag{\r\n      color:var(--iwf-dark);\r\n      font-size:10px;\r\n      line-height:1.5;\r\n      font-weight:700;\r\n      letter-spacing:.12em;\r\n      text-transform:uppercase;\r\n      text-align:right;\r\n    }\r\n\r\n    @media (max-width:1000px){\r\n      .isb-wall-floor{padding:94px 28px 102px;}\r\n      .isb-wall-floor__header{grid-template-columns:1fr;gap:26px;}\r\n      .isb-wall-floor__visual{min-height:360px;}\r\n      .isb-wall-floor__bridge{grid-template-columns:1fr;}\r\n      .isb-wall-floor__logic{\r\n        border-left:0;\r\n        border-top:1px solid rgba(255,255,255,.14);\r\n      }\r\n    }\r\n\r\n    @media (max-width:780px){\r\n      .isb-wall-floor__grid{grid-template-columns:1fr;}\r\n    }\r\n\r\n    @media (max-width:620px){\r\n      .isb-wall-floor{padding:76px 20px 82px;}\r\n      .isb-wall-floor__header{margin-bottom:52px;}\r\n      .isb-wall-floor h2{font-size:clamp(39px,12vw,54px);}\r\n      .isb-wall-floor__lead{font-size:16px;}\r\n      .isb-wall-floor__visual{min-height:290px;padding:28px 20px;}\r\n      .isb-wall-floor__visual::before{inset:14px;}\r\n      .isb-wall-floor__label{top:14px;left:14px;}\r\n      .isb-wall-floor__body{padding:30px 24px 34px;}\r\n      .isb-wall-floor__bridge{margin-top:40px;}\r\n      .isb-wall-floor__bridge-copy{padding:42px 24px 44px;}\r\n      .isb-wall-floor__logic{padding:38px 24px 42px;}\r\n      .isb-wall-floor__note{grid-template-columns:1fr;gap:16px;}\r\n      .isb-wall-floor__note-tag{text-align:left;}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"isb-wall-floor__container\">\r\n\r\n    <div class=\"isb-wall-floor__header\">\r\n\r\n      <div class=\"isb-wall-floor__eyebrow\">\r\n        Wall &amp; Floor System\r\n      <\/div>\r\n\r\n      <div class=\"isb-wall-floor__heading\">\r\n        <h2 id=\"isb-wall-floor-title\">\r\n          Two structural elements.<br>\r\n          One coordinated system.\r\n        <\/h2>\r\n\r\n        <p class=\"isb-wall-floor__lead\">\r\n          The ISB\u00ae system combines dedicated wall and floor elements within the\r\n          same project logic. Each component has its own structural role, while\r\n          engineering, reinforcement and connection design bring them together\r\n          as part of one coordinated building structure.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-wall-floor__grid\">\r\n\r\n      <article class=\"isb-wall-floor__card\">\r\n\r\n        <div class=\"isb-wall-floor__visual\">\r\n          <span class=\"isb-wall-floor__label\">Wall Element<\/span>\r\n\r\n          <img\r\n            class=\"isb-wall-floor__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 with dimensions and sectional views\"\r\n            title=\"ISB\u00ae PHC-250 Wall Element Technical Drawing\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"isb-wall-floor__body\">\r\n\r\n          <span class=\"isb-wall-floor__number\">01<\/span>\r\n\r\n          <h3>ISB-PHC-250 Wall Element<\/h3>\r\n\r\n          <div class=\"isb-wall-floor__subtitle\">\r\n            Vertical building structure\r\n          <\/div>\r\n\r\n          <p class=\"isb-wall-floor__text\">\r\n            The wall element forms the vertical part of the ISB\u00ae structural\r\n            concept. Its use is coordinated with reinforcement, wall junctions,\r\n            openings and other project-specific structural details rather than\r\n            being treated as an isolated building product.\r\n          <\/p>\r\n\r\n          <ul class=\"isb-wall-floor__features\">\r\n            <li>Part of the integrated wall and floor system<\/li>\r\n            <li>Coordinated with vertical and horizontal reinforcement<\/li>\r\n            <li>Adapted to the architecture and structural design<\/li>\r\n            <li>Junctions developed within project-specific engineering<\/li>\r\n          <\/ul>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-wall-floor__card\">\r\n\r\n        <div class=\"isb-wall-floor__visual\">\r\n          <span class=\"isb-wall-floor__label\">Floor Element<\/span>\r\n\r\n          <img\r\n            class=\"isb-wall-floor__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 with dimensional and sectional views\"\r\n            title=\"ISB\u00ae PHC-250 Floor Element Technical Drawing\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"isb-wall-floor__body\">\r\n\r\n          <span class=\"isb-wall-floor__number\">02<\/span>\r\n\r\n          <h3>ISB-PHC-250 Floor Element<\/h3>\r\n\r\n          <div class=\"isb-wall-floor__subtitle\">\r\n            Horizontal building structure\r\n          <\/div>\r\n\r\n          <p class=\"isb-wall-floor__text\">\r\n            The dedicated floor element extends the ISB\u00ae system into the\r\n            horizontal structure. It is integrated with the surrounding wall\r\n            system through reinforcement and connection details developed for\r\n            the individual project.\r\n          <\/p>\r\n\r\n          <ul class=\"isb-wall-floor__features\">\r\n            <li>Dedicated horizontal system component<\/li>\r\n            <li>Designed to work together with the wall structure<\/li>\r\n            <li>Coordinated with floor reinforcement and junction design<\/li>\r\n            <li>Integrated into the overall structural engineering concept<\/li>\r\n          <\/ul>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-wall-floor__bridge\">\r\n\r\n      <div class=\"isb-wall-floor__bridge-copy\">\r\n\r\n        <span class=\"isb-wall-floor__bridge-label\">\r\n          From Components to Structure\r\n        <\/span>\r\n\r\n        <h3>\r\n          The connection between wall and floor is where the system becomes structural.\r\n        <\/h3>\r\n\r\n        <p>\r\n          Walls and floors are not planned independently. Their interfaces,\r\n          reinforcement and junctions are coordinated through engineering so\r\n          that vertical and horizontal elements form part of one continuous\r\n          structural concept.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"isb-wall-floor__logic\" aria-label=\"Wall and floor integration diagram\">\r\n\r\n        <div class=\"isb-wall-floor__logic-inner\">\r\n\r\n          <div class=\"isb-wall-floor__logic-item\">Wall Element<\/div>\r\n          <div class=\"isb-wall-floor__logic-connector\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"isb-wall-floor__logic-item\">Reinforcement + Junctions<\/div>\r\n          <div class=\"isb-wall-floor__logic-connector\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"isb-wall-floor__logic-item\">Floor Element<\/div>\r\n          <div class=\"isb-wall-floor__logic-connector\" aria-hidden=\"true\"><\/div>\r\n\r\n          <div class=\"isb-wall-floor__logic-result\">\r\n            Integrated Structure\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-wall-floor__note\">\r\n\r\n      <p>\r\n        Element configuration, reinforcement and connection details depend on\r\n        the architecture, structural design and technical requirements of the\r\n        individual project.\r\n      <\/p>\r\n\r\n      <div class=\"isb-wall-floor__note-tag\">\r\n        ISB\u00ae Building System<br>\r\n        Wall + Floor Integration\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0ba743b e-con e-atomic-element e-flexbox-base e-0ba743b-477b91f \" data-id=\"0ba743b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0ba743b\">\n    \t\t<div class=\"elementor-element elementor-element-fc543f1 elementor-widget elementor-widget-html\" data-id=\"fc543f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .isb-structural-integration{\r\n    --isi-dark:#172327;\r\n    --isi-dark-soft:#223136;\r\n    --isi-text:#2d393d;\r\n    --isi-muted:#6f7a7d;\r\n    --isi-cream:#f4f1ea;\r\n    --isi-white:#ffffff;\r\n    --isi-accent:#c87945;\r\n    --isi-line:#d8d5ce;\r\n\r\n    width:100%;\r\n    padding:118px 24px 124px;\r\n    background:var(--isi-cream);\r\n    color:var(--isi-text);\r\n    font-family:inherit;\r\n  }\r\n\r\n  .isb-structural-integration,\r\n  .isb-structural-integration *{\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .isb-structural-integration__container{\r\n    width:100%;\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .isb-structural-integration__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    align-items:start;\r\n    margin-bottom:70px;\r\n  }\r\n\r\n  .isb-structural-integration__eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    margin-top:8px;\r\n    color:var(--isi-accent);\r\n    font-size:12px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.18em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-structural-integration__eyebrow::before{\r\n    content:\"\";\r\n    width:40px;\r\n    height:1px;\r\n    flex:0 0 40px;\r\n    background:currentColor;\r\n  }\r\n\r\n  .isb-structural-integration__heading{max-width:860px;}\r\n\r\n  .isb-structural-integration h2{\r\n    margin:0;\r\n    color:var(--isi-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-structural-integration__lead{\r\n    max-width:770px;\r\n    margin:28px 0 0;\r\n    color:var(--isi-muted);\r\n    font-size:clamp(17px,1.45vw,20px);\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-structural-integration__feature{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);\r\n    background:var(--isi-dark);\r\n    color:#fff;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .isb-structural-integration__content{\r\n    padding:64px 60px 66px;\r\n  }\r\n\r\n  .isb-structural-integration__label{\r\n    display:block;\r\n    margin-bottom:22px;\r\n    color:var(--isi-accent);\r\n    font-size:11px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.17em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-structural-integration__content h3{\r\n    max-width:690px;\r\n    margin:0;\r\n    color:#fff;\r\n    font-size:clamp(36px,3.7vw,54px);\r\n    line-height:1.05;\r\n    font-weight:400;\r\n    letter-spacing:-.035em;\r\n  }\r\n\r\n  .isb-structural-integration__content > p{\r\n    max-width:700px;\r\n    margin:26px 0 0;\r\n    color:#cbd2d1;\r\n    font-size:16px;\r\n    line-height:1.75;\r\n  }\r\n\r\n  .isb-structural-integration__points{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    margin-top:38px;\r\n    border-top:1px solid rgba(255,255,255,.16);\r\n    border-left:1px solid rgba(255,255,255,.16);\r\n  }\r\n\r\n  .isb-structural-integration__point{\r\n    min-height:160px;\r\n    padding:26px 24px 28px;\r\n    border-right:1px solid rgba(255,255,255,.16);\r\n    border-bottom:1px solid rgba(255,255,255,.16);\r\n  }\r\n\r\n  .isb-structural-integration__point-number{\r\n    display:block;\r\n    margin-bottom:26px;\r\n    color:var(--isi-accent);\r\n    font-size:10px;\r\n    line-height:1;\r\n    font-weight:700;\r\n    letter-spacing:.15em;\r\n  }\r\n\r\n  .isb-structural-integration__point h4{\r\n    margin:0 0 12px;\r\n    color:#fff;\r\n    font-size:20px;\r\n    line-height:1.15;\r\n    font-weight:500;\r\n    letter-spacing:-.02em;\r\n  }\r\n\r\n  .isb-structural-integration__point p{\r\n    margin:0;\r\n    color:#aeb8b7;\r\n    font-size:13px;\r\n    line-height:1.65;\r\n  }\r\n\r\n  .isb-structural-integration__visual{\r\n    position:relative;\r\n    min-width:0;\r\n    background:#e9e7e1;\r\n  }\r\n\r\n  .isb-structural-integration__image{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    min-height:720px;\r\n    object-fit:cover;\r\n    object-position:center;\r\n  }\r\n\r\n  .isb-structural-integration__visual::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:1;\r\n    background:linear-gradient(\r\n      90deg,\r\n      rgba(23,35,39,.22) 0%,\r\n      rgba(23,35,39,.05) 24%,\r\n      rgba(23,35,39,0) 52%\r\n    );\r\n    pointer-events:none;\r\n  }\r\n\r\n  .isb-structural-integration__visual-note{\r\n    position:absolute;\r\n    z-index:2;\r\n    right:24px;\r\n    bottom:22px;\r\n    max-width:260px;\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.45;\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-structural-integration__visual-note::before{\r\n    content:\"\";\r\n    display:block;\r\n    width:24px;\r\n    height:1px;\r\n    margin-bottom:10px;\r\n    background:var(--isi-accent);\r\n  }\r\n\r\n  .isb-structural-integration__logic{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    margin-top:56px;\r\n    border-top:1px solid var(--isi-line);\r\n    border-left:1px solid var(--isi-line);\r\n  }\r\n\r\n  .isb-structural-integration__logic-item{\r\n    position:relative;\r\n    min-height:220px;\r\n    padding:32px 28px 34px;\r\n    border-right:1px solid var(--isi-line);\r\n    border-bottom:1px solid var(--isi-line);\r\n    background:rgba(255,255,255,.22);\r\n  }\r\n\r\n  .isb-structural-integration__logic-number{\r\n    display:block;\r\n    margin-bottom:48px;\r\n    color:var(--isi-accent);\r\n    font-size:10px;\r\n    line-height:1;\r\n    font-weight:700;\r\n    letter-spacing:.15em;\r\n  }\r\n\r\n  .isb-structural-integration__logic-item h4{\r\n    margin:0 0 12px;\r\n    color:var(--isi-dark);\r\n    font-size:21px;\r\n    line-height:1.15;\r\n    font-weight:500;\r\n    letter-spacing:-.02em;\r\n  }\r\n\r\n  .isb-structural-integration__logic-item p{\r\n    margin:0;\r\n    color:var(--isi-muted);\r\n    font-size:13px;\r\n    line-height:1.65;\r\n  }\r\n\r\n  .isb-structural-integration__logic-item::after{\r\n    content:\"\u2192\";\r\n    position:absolute;\r\n    top:31px;\r\n    right:26px;\r\n    color:var(--isi-accent);\r\n    font-size:16px;\r\n    line-height:1;\r\n  }\r\n\r\n  .isb-structural-integration__logic-item:last-child::after{display:none;}\r\n\r\n  .isb-structural-integration__next{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);\r\n    gap:48px;\r\n    align-items:center;\r\n    margin-top:56px;\r\n    padding:46px 48px;\r\n    border:1px solid var(--isi-line);\r\n    background:#fff;\r\n  }\r\n\r\n  .isb-structural-integration__next-copy span{\r\n    display:block;\r\n    margin-bottom:13px;\r\n    color:var(--isi-accent);\r\n    font-size:10px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.16em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-structural-integration__next-copy h3{\r\n    margin:0;\r\n    color:var(--isi-dark);\r\n    font-size:clamp(28px,2.8vw,40px);\r\n    line-height:1.08;\r\n    font-weight:400;\r\n    letter-spacing:-.03em;\r\n  }\r\n\r\n  .isb-structural-integration__next-copy p{\r\n    max-width:720px;\r\n    margin:18px 0 0;\r\n    color:var(--isi-muted);\r\n    font-size:15px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .isb-structural-integration__next-route{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:flex-end;\r\n    gap:16px;\r\n    color:var(--isi-dark);\r\n    font-size:11px;\r\n    line-height:1.4;\r\n    font-weight:700;\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n    text-align:right;\r\n  }\r\n\r\n  .isb-structural-integration__next-route::after{\r\n    content:\"\u2192\";\r\n    color:var(--isi-accent);\r\n    font-size:18px;\r\n    line-height:1;\r\n  }\r\n\r\n  @media (max-width:1050px){\r\n    .isb-structural-integration{padding:94px 28px 102px;}\r\n    .isb-structural-integration__header{grid-template-columns:1fr;gap:26px;}\r\n    .isb-structural-integration__feature{grid-template-columns:1fr;}\r\n    .isb-structural-integration__visual{order:-1;}\r\n    .isb-structural-integration__image{\r\n      min-height:0;\r\n      height:auto;\r\n      aspect-ratio:16\/10;\r\n    }\r\n    .isb-structural-integration__logic{grid-template-columns:1fr 1fr;}\r\n  }\r\n\r\n  @media (max-width:760px){\r\n    .isb-structural-integration__points{grid-template-columns:1fr;}\r\n    .isb-structural-integration__logic{grid-template-columns:1fr;}\r\n    .isb-structural-integration__logic-item::after{content:\"\u2193\";}\r\n    .isb-structural-integration__next{grid-template-columns:1fr;gap:26px;}\r\n    .isb-structural-integration__next-route{\r\n      justify-content:flex-start;\r\n      text-align:left;\r\n    }\r\n  }\r\n\r\n  @media (max-width:620px){\r\n    .isb-structural-integration{padding:76px 20px 82px;}\r\n    .isb-structural-integration__header{margin-bottom:52px;}\r\n    .isb-structural-integration h2{font-size:clamp(39px,12vw,54px);}\r\n    .isb-structural-integration__lead{font-size:16px;}\r\n    .isb-structural-integration__content{padding:42px 24px 44px;}\r\n    .isb-structural-integration__image{aspect-ratio:4\/3;}\r\n    .isb-structural-integration__logic{margin-top:40px;}\r\n    .isb-structural-integration__logic-item{\r\n      min-height:auto;\r\n      padding:28px 24px 30px;\r\n    }\r\n    .isb-structural-integration__next{\r\n      margin-top:40px;\r\n      padding:34px 24px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section\r\n  class=\"isb-structural-integration\"\r\n  aria-labelledby=\"isb-structural-integration-title\"\r\n>\r\n\r\n  <div class=\"isb-structural-integration__container\">\r\n\r\n    <div class=\"isb-structural-integration__header\">\r\n\r\n      <div class=\"isb-structural-integration__eyebrow\">\r\n        Structural Integration\r\n      <\/div>\r\n\r\n      <div class=\"isb-structural-integration__heading\">\r\n\r\n        <h2 id=\"isb-structural-integration-title\">\r\n          From elements to a coordinated structure.\r\n        <\/h2>\r\n\r\n        <p class=\"isb-structural-integration__lead\">\r\n          The wall and floor elements become part of a building system through\r\n          structural engineering, reinforcement and carefully coordinated\r\n          interfaces. Integration is developed at project level \u2014 where\r\n          architecture, loads, geometry and construction details come together.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-structural-integration__feature\">\r\n\r\n      <div class=\"isb-structural-integration__content\">\r\n\r\n        <span class=\"isb-structural-integration__label\">\r\n          Integrated Structure\r\n        <\/span>\r\n\r\n        <h3>\r\n          Structural continuity is designed through the connections between components.\r\n        <\/h3>\r\n\r\n        <p>\r\n          A building is more than a collection of wall and floor elements.\r\n          Their relationship must be engineered as a whole. Within the ISB\u00ae\r\n          system, reinforcement, wall intersections, floor interfaces, openings\r\n          and base conditions form part of the same coordinated structural logic.\r\n        <\/p>\r\n\r\n        <div class=\"isb-structural-integration__points\">\r\n\r\n          <div class=\"isb-structural-integration__point\">\r\n            <span class=\"isb-structural-integration__point-number\">01<\/span>\r\n            <h4>Vertical Structure<\/h4>\r\n            <p>\r\n              Wall elements, reinforcement and wall junctions are coordinated\r\n              within the structural concept of the project.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"isb-structural-integration__point\">\r\n            <span class=\"isb-structural-integration__point-number\">02<\/span>\r\n            <h4>Horizontal Structure<\/h4>\r\n            <p>\r\n              Floor elements and their reinforcement are developed together\r\n              with the surrounding vertical structure.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"isb-structural-integration__point\">\r\n            <span class=\"isb-structural-integration__point-number\">03<\/span>\r\n            <h4>Junction Logic<\/h4>\r\n            <p>\r\n              Corners, intersections, wall-to-floor interfaces and openings\r\n              require coordinated connection details.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"isb-structural-integration__point\">\r\n            <span class=\"isb-structural-integration__point-number\">04<\/span>\r\n            <h4>Project Engineering<\/h4>\r\n            <p>\r\n              Structural configuration is determined for the geometry, loads,\r\n              site conditions and technical requirements of each building.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"isb-structural-integration__visual\">\r\n\r\n        <img\r\n          class=\"isb-structural-integration__image\"\r\n          src=\"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/isb-building-system-integrated-building-structure.webp\"\r\n          alt=\"Integrated ISB\u00ae wall and floor building structure illustrating coordinated structural integration\"\r\n          title=\"ISB\u00ae Integrated Wall and Floor Structure\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n\r\n        <div class=\"isb-structural-integration__visual-note\">\r\n          Wall + Floor + Reinforcement + Junctions\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-structural-integration__logic\">\r\n\r\n      <div class=\"isb-structural-integration__logic-item\">\r\n        <span class=\"isb-structural-integration__logic-number\">01<\/span>\r\n        <h4>Architecture<\/h4>\r\n        <p>\r\n          Building form, layout, openings and spatial requirements define the\r\n          architectural starting point.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"isb-structural-integration__logic-item\">\r\n        <span class=\"isb-structural-integration__logic-number\">02<\/span>\r\n        <h4>Engineering<\/h4>\r\n        <p>\r\n          Structural requirements, actions and project conditions are translated\r\n          into the engineering concept.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"isb-structural-integration__logic-item\">\r\n        <span class=\"isb-structural-integration__logic-number\">03<\/span>\r\n        <h4>System Planning<\/h4>\r\n        <p>\r\n          Elements, reinforcement and interfaces are coordinated within the\r\n          ISB\u00ae building system.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"isb-structural-integration__logic-item\">\r\n        <span class=\"isb-structural-integration__logic-number\">04<\/span>\r\n        <h4>Integrated Structure<\/h4>\r\n        <p>\r\n          The coordinated components form the structural basis for the building\r\n          and its construction process.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-structural-integration__next\">\r\n\r\n      <div class=\"isb-structural-integration__next-copy\">\r\n\r\n        <span>Next: Connection Logic<\/span>\r\n\r\n        <h3>\r\n          The system becomes visible in the details.\r\n        <\/h3>\r\n\r\n        <p>\r\n          Wall corners, intersections, floor connections, openings and base\r\n          conditions show how individual elements are coordinated at the points\r\n          where structural systems meet.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"isb-structural-integration__next-route\">\r\n        Connections &amp; Junctions\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-7d2c30f e-con e-atomic-element e-flexbox-base e-7d2c30f-0b29587 \" data-id=\"7d2c30f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7d2c30f\">\n    \t\t<div class=\"elementor-element elementor-element-0c72801 elementor-widget elementor-widget-html\" data-id=\"0c72801\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .isb-connections{\r\n    --ic-dark:#172327;\r\n    --ic-text:#2d393d;\r\n    --ic-muted:#707b7e;\r\n    --ic-cream:#f4f1ea;\r\n    --ic-white:#ffffff;\r\n    --ic-accent:#c87945;\r\n    --ic-line:#d9d6cf;\r\n\r\n    width:100%;\r\n    padding:118px 24px 124px;\r\n    background:var(--ic-white);\r\n    color:var(--ic-text);\r\n    font-family:inherit;\r\n  }\r\n\r\n  .isb-connections,\r\n  .isb-connections *{box-sizing:border-box;}\r\n\r\n  .isb-connections__container{\r\n    width:100%;\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .isb-connections__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    align-items:start;\r\n    margin-bottom:74px;\r\n  }\r\n\r\n  .isb-connections__eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    margin-top:8px;\r\n    color:var(--ic-accent);\r\n    font-size:12px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.18em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-connections__eyebrow::before{\r\n    content:\"\";\r\n    width:40px;\r\n    height:1px;\r\n    flex:0 0 40px;\r\n    background:currentColor;\r\n  }\r\n\r\n  .isb-connections__heading{max-width:860px;}\r\n\r\n  .isb-connections h2{\r\n    margin:0;\r\n    color:var(--ic-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-connections__lead{\r\n    max-width:770px;\r\n    margin:28px 0 0;\r\n    color:var(--ic-muted);\r\n    font-size:clamp(17px,1.45vw,20px);\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-connections__lead strong{\r\n    color:var(--ic-dark);\r\n    font-weight:600;\r\n  }\r\n\r\n  .isb-connections__principle{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);\r\n    margin-bottom:56px;\r\n    background:var(--ic-dark);\r\n    color:#fff;\r\n  }\r\n\r\n  .isb-connections__principle-main{\r\n    padding:50px 54px 54px;\r\n  }\r\n\r\n  .isb-connections__principle-label{\r\n    display:block;\r\n    margin-bottom:16px;\r\n    color:var(--ic-accent);\r\n    font-size:10px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.17em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-connections__principle h3{\r\n    max-width:680px;\r\n    margin:0;\r\n    color:#fff;\r\n    font-size:clamp(30px,3.1vw,44px);\r\n    line-height:1.08;\r\n    font-weight:400;\r\n    letter-spacing:-.03em;\r\n  }\r\n\r\n  .isb-connections__principle-text{\r\n    display:flex;\r\n    align-items:center;\r\n    padding:44px 50px;\r\n    border-left:1px solid rgba(255,255,255,.15);\r\n  }\r\n\r\n  .isb-connections__principle-text p{\r\n    margin:0;\r\n    color:#cbd2d1;\r\n    font-size:15px;\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-connections__list{\r\n    border-top:1px solid var(--ic-line);\r\n  }\r\n\r\n  .isb-connections__item{\r\n    display:grid;\r\n    grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);\r\n    min-height:390px;\r\n    border-right:1px solid var(--ic-line);\r\n    border-bottom:1px solid var(--ic-line);\r\n    border-left:1px solid var(--ic-line);\r\n  }\r\n\r\n  .isb-connections__item:nth-child(even) .isb-connections__visual{order:2;}\r\n\r\n  .isb-connections__item:nth-child(even) .isb-connections__content{\r\n    order:1;\r\n    border-left:0;\r\n    border-right:1px solid var(--ic-line);\r\n  }\r\n\r\n  .isb-connections__visual{\r\n    position:relative;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-width:0;\r\n    padding:42px;\r\n    overflow:hidden;\r\n    background:#f8f7f3;\r\n  }\r\n\r\n  .isb-connections__visual::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:22px;\r\n    border:1px solid rgba(23,35,39,.07);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .isb-connections__image{\r\n    position:relative;\r\n    z-index:1;\r\n    display:block;\r\n    width:100%;\r\n    height:290px;\r\n    object-fit:contain;\r\n  }\r\n\r\n  .isb-connections__content{\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n    padding:48px 52px;\r\n    border-left:1px solid var(--ic-line);\r\n  }\r\n\r\n  .isb-connections__number{\r\n    display:block;\r\n    margin-bottom:32px;\r\n    color:var(--ic-accent);\r\n    font-size:11px;\r\n    line-height:1;\r\n    font-weight:700;\r\n    letter-spacing:.15em;\r\n  }\r\n\r\n  .isb-connections__type{\r\n    display:block;\r\n    margin-bottom:12px;\r\n    color:var(--ic-muted);\r\n    font-size:10px;\r\n    line-height:1.3;\r\n    font-weight:700;\r\n    letter-spacing:.14em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-connections__content h3{\r\n    margin:0;\r\n    color:var(--ic-dark);\r\n    font-size:clamp(28px,2.4vw,38px);\r\n    line-height:1.08;\r\n    font-weight:500;\r\n    letter-spacing:-.03em;\r\n  }\r\n\r\n  .isb-connections__content p{\r\n    max-width:580px;\r\n    margin:22px 0 0;\r\n    color:var(--ic-muted);\r\n    font-size:15px;\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-connections__role{\r\n    display:grid;\r\n    grid-template-columns:auto 1fr;\r\n    gap:13px;\r\n    align-items:start;\r\n    max-width:570px;\r\n    margin-top:28px;\r\n    padding-top:19px;\r\n    border-top:1px solid var(--ic-line);\r\n    color:var(--ic-text);\r\n    font-size:12px;\r\n    line-height:1.55;\r\n  }\r\n\r\n  .isb-connections__role::before{\r\n    content:\"\u2192\";\r\n    color:var(--ic-accent);\r\n    font-size:15px;\r\n    line-height:1.2;\r\n  }\r\n\r\n  .isb-connections__technical{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);\r\n    gap:60px;\r\n    align-items:center;\r\n    margin-top:56px;\r\n    padding:48px 50px;\r\n    background:var(--ic-cream);\r\n    border:1px solid var(--ic-line);\r\n  }\r\n\r\n  .isb-connections__technical-label{\r\n    display:block;\r\n    margin-bottom:13px;\r\n    color:var(--ic-accent);\r\n    font-size:10px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.16em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-connections__technical h3{\r\n    margin:0;\r\n    color:var(--ic-dark);\r\n    font-size:clamp(27px,2.7vw,39px);\r\n    line-height:1.1;\r\n    font-weight:400;\r\n    letter-spacing:-.03em;\r\n  }\r\n\r\n  .isb-connections__technical p{\r\n    margin:0;\r\n    color:var(--ic-muted);\r\n    font-size:14px;\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-connections__next{\r\n    display:grid;\r\n    grid-template-columns:1fr auto;\r\n    gap:40px;\r\n    align-items:center;\r\n    margin-top:30px;\r\n    padding-top:26px;\r\n    border-top:1px solid var(--ic-line);\r\n  }\r\n\r\n  .isb-connections__next p{\r\n    max-width:760px;\r\n    margin:0;\r\n    color:var(--ic-muted);\r\n    font-size:13px;\r\n    line-height:1.65;\r\n  }\r\n\r\n  .isb-connections__next-label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    color:var(--ic-dark);\r\n    font-size:10px;\r\n    line-height:1.4;\r\n    font-weight:700;\r\n    letter-spacing:.13em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-connections__next-label::after{\r\n    content:\"\u2192\";\r\n    color:var(--ic-accent);\r\n    font-size:17px;\r\n  }\r\n\r\n  @media (max-width:1000px){\r\n    .isb-connections{padding:94px 28px 102px;}\r\n    .isb-connections__header{grid-template-columns:1fr;gap:26px;}\r\n    .isb-connections__principle{grid-template-columns:1fr;}\r\n    .isb-connections__principle-text{\r\n      border-left:0;\r\n      border-top:1px solid rgba(255,255,255,.15);\r\n    }\r\n    .isb-connections__item{grid-template-columns:1fr 1fr;}\r\n    .isb-connections__content{padding:42px 38px;}\r\n    .isb-connections__visual{padding:32px;}\r\n    .isb-connections__image{height:250px;}\r\n  }\r\n\r\n  @media (max-width:760px){\r\n    .isb-connections__item{\r\n      grid-template-columns:1fr;\r\n      min-height:0;\r\n    }\r\n\r\n    .isb-connections__item .isb-connections__visual,\r\n    .isb-connections__item:nth-child(even) .isb-connections__visual{order:1;}\r\n\r\n    .isb-connections__item .isb-connections__content,\r\n    .isb-connections__item:nth-child(even) .isb-connections__content{\r\n      order:2;\r\n      border-right:0;\r\n      border-left:0;\r\n      border-top:1px solid var(--ic-line);\r\n    }\r\n\r\n    .isb-connections__image{height:270px;}\r\n    .isb-connections__technical{grid-template-columns:1fr;gap:24px;}\r\n    .isb-connections__next{grid-template-columns:1fr;gap:18px;}\r\n  }\r\n\r\n  @media (max-width:620px){\r\n    .isb-connections{padding:76px 20px 82px;}\r\n    .isb-connections__header{margin-bottom:52px;}\r\n    .isb-connections h2{font-size:clamp(39px,12vw,54px);}\r\n    .isb-connections__lead{font-size:16px;}\r\n    .isb-connections__principle-main{padding:40px 24px 42px;}\r\n    .isb-connections__principle-text{padding:30px 24px 34px;}\r\n    .isb-connections__visual{min-height:300px;padding:28px 20px;}\r\n    .isb-connections__visual::before{inset:14px;}\r\n    .isb-connections__image{height:240px;}\r\n    .isb-connections__content{padding:34px 24px 38px;}\r\n    .isb-connections__number{margin-bottom:25px;}\r\n    .isb-connections__technical{margin-top:40px;padding:34px 24px;}\r\n  }\r\n<\/style>\r\n\r\n<section\r\n  class=\"isb-connections\"\r\n  id=\"connections\"\r\n  aria-labelledby=\"isb-connections-title\"\r\n>\r\n\r\n  <div class=\"isb-connections__container\">\r\n\r\n    <div class=\"isb-connections__header\">\r\n\r\n      <div class=\"isb-connections__eyebrow\">\r\n        Connections &amp; Junctions\r\n      <\/div>\r\n\r\n      <div class=\"isb-connections__heading\">\r\n\r\n        <h2 id=\"isb-connections-title\">\r\n          Connections define the system.\r\n        <\/h2>\r\n\r\n        <p class=\"isb-connections__lead\">\r\n          Wall and floor elements become part of one coordinated building\r\n          structure through the points where they meet.\r\n          <strong>Corners, intersections, floor interfaces, openings and base\r\n          conditions<\/strong> are therefore not secondary details \u2014 they form\r\n          part of the structural logic of the ISB\u00ae system.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-connections__principle\">\r\n\r\n      <div class=\"isb-connections__principle-main\">\r\n\r\n        <span class=\"isb-connections__principle-label\">\r\n          Connection Logic\r\n        <\/span>\r\n\r\n        <h3>\r\n          The system continues through every structural interface.\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"isb-connections__principle-text\">\r\n\r\n        <p>\r\n          Connection geometry, reinforcement and detailing are coordinated\r\n          through engineering for the individual building. The examples below\r\n          illustrate key junction principles within the documented ISB\u00ae system.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-connections__list\">\r\n\r\n      <article class=\"isb-connections__item\">\r\n\r\n        <div class=\"isb-connections__visual\">\r\n          <img\r\n            class=\"isb-connections__image\"\r\n            src=\"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/isb-building-system-external-wall-corner.webp\"\r\n            alt=\"ISB\u00ae external wall corner connection detail showing the wall system junction\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"isb-connections__content\">\r\n\r\n          <span class=\"isb-connections__number\">01<\/span>\r\n          <span class=\"isb-connections__type\">Corner Connection<\/span>\r\n\r\n          <h3>External Wall Corner<\/h3>\r\n\r\n          <p>\r\n            At an external corner, adjoining wall elements and their structural\r\n            reinforcement must remain part of the same coordinated wall system.\r\n            The corner detail demonstrates how the system geometry continues\r\n            through a change in wall direction.\r\n          <\/p>\r\n\r\n          <div class=\"isb-connections__role\">\r\n            Coordinated wall geometry at an external building corner.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-connections__item\">\r\n\r\n        <div class=\"isb-connections__visual\">\r\n          <img\r\n            class=\"isb-connections__image\"\r\n            src=\"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/isb-building-system-internal-wall-corner1.webp\"\r\n            alt=\"ISB\u00ae internal wall corner connection detail showing the coordinated wall junction\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"isb-connections__content\">\r\n\r\n          <span class=\"isb-connections__number\">02<\/span>\r\n          <span class=\"isb-connections__type\">Corner Connection<\/span>\r\n\r\n          <h3>Internal Wall Corner<\/h3>\r\n\r\n          <p>\r\n            Internal corners require the same structural coordination as the\r\n            external envelope. Element geometry and reinforcement are developed\r\n            so that intersecting walls remain connected within the overall\r\n            structural concept.\r\n          <\/p>\r\n\r\n          <div class=\"isb-connections__role\">\r\n            Continuity between wall elements at an internal corner.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-connections__item\">\r\n\r\n        <div class=\"isb-connections__visual\">\r\n          <img\r\n            class=\"isb-connections__image\"\r\n            src=\"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/isb-building-system-main-wall-junction.webp\"\r\n            alt=\"ISB\u00ae main wall junction detail showing the structural connection between intersecting wall elements\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"isb-connections__content\">\r\n\r\n          <span class=\"isb-connections__number\">03<\/span>\r\n          <span class=\"isb-connections__type\">Wall Intersection<\/span>\r\n\r\n          <h3>Main Wall Junction<\/h3>\r\n\r\n          <p>\r\n            Where one structural wall meets another, the intersection becomes\r\n            part of the system planning. The connection coordinates the geometry\r\n            of both wall directions together with the required reinforcement\r\n            arrangement.\r\n          <\/p>\r\n\r\n          <div class=\"isb-connections__role\">\r\n            Structural coordination at intersecting wall lines.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-connections__item\">\r\n\r\n        <div class=\"isb-connections__visual\">\r\n          <img\r\n            class=\"isb-connections__image\"\r\n            src=\"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/isb-building-system-intermediate-floor-connection.webp\"\r\n            alt=\"ISB\u00ae intermediate floor connection detail showing the structural junction between wall and floor elements\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"isb-connections__content\">\r\n\r\n          <span class=\"isb-connections__number\">04<\/span>\r\n          <span class=\"isb-connections__type\">\r\n            Vertical + Horizontal Structure\r\n          <\/span>\r\n\r\n          <h3>Wall-to-Floor Connection<\/h3>\r\n\r\n          <p>\r\n            The intermediate floor junction is one of the clearest examples of\r\n            the integrated system concept. Vertical wall elements and horizontal\r\n            floor elements are coordinated at the interface through structural\r\n            detailing and reinforcement.\r\n          <\/p>\r\n\r\n          <div class=\"isb-connections__role\">\r\n            Connection between vertical wall and horizontal floor systems.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-connections__item\">\r\n\r\n        <div class=\"isb-connections__visual\">\r\n          <img\r\n            class=\"isb-connections__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 detail showing the structural junction between the wall, floor and foundation\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"isb-connections__content\">\r\n\r\n          <span class=\"isb-connections__number\">05<\/span>\r\n          <span class=\"isb-connections__type\">Foundation Interface<\/span>\r\n\r\n          <h3>Base Connection<\/h3>\r\n\r\n          <p>\r\n            At the base of the building, the wall system must connect with the\r\n            foundation, floor build-up and surrounding construction. This\r\n            interface brings structural, envelope and moisture-related detailing\r\n            together within one project condition.\r\n          <\/p>\r\n\r\n          <div class=\"isb-connections__role\">\r\n            Transition from the ISB\u00ae wall system to the building foundation.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-connections__item\">\r\n\r\n        <div class=\"isb-connections__visual\">\r\n          <img\r\n            class=\"isb-connections__image\"\r\n            src=\"https:\/\/costablancawholesale.com\/wp-content\/uploads\/2026\/07\/isb-building-system-window-opening-side-connection.webp\"\r\n            alt=\"ISB\u00ae window opening side connection detail showing the junction between the wall element and window frame\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"isb-connections__content\">\r\n\r\n          <span class=\"isb-connections__number\">06<\/span>\r\n          <span class=\"isb-connections__type\">Opening Detail<\/span>\r\n\r\n          <h3>Window Opening<\/h3>\r\n\r\n          <p>\r\n            Openings interrupt the continuity of the wall and therefore require\r\n            coordinated detailing around the window perimeter. Head, sill and\r\n            side connections are developed as part of the wall and envelope\r\n            specification rather than as isolated construction details.\r\n          <\/p>\r\n\r\n          <div class=\"isb-connections__role\">\r\n            Coordinated wall-to-window interface around structural openings.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-connections__technical\">\r\n\r\n      <div>\r\n        <span class=\"isb-connections__technical-label\">\r\n          Project-Specific Engineering\r\n        <\/span>\r\n\r\n        <h3>\r\n          Standardised logic does not mean identical detailing.\r\n        <\/h3>\r\n      <\/div>\r\n\r\n      <p>\r\n        These drawings illustrate documented system principles. Final connection\r\n        geometry, reinforcement, dimensions and adjacent construction layers are\r\n        determined through the engineering and specification of the individual\r\n        project.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-connections__next\">\r\n\r\n      <p>\r\n        The connection details explain how components meet. The next step is to\r\n        examine how the complete building system addresses thermal, acoustic,\r\n        fire, structural and moisture-related performance requirements.\r\n      <\/p>\r\n\r\n      <div class=\"isb-connections__next-label\">\r\n        Next: Building Performance\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-6dc228a e-con e-atomic-element e-flexbox-base e-6dc228a-e3fdf54 \" data-id=\"6dc228a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6dc228a\">\n    \t\t<div class=\"elementor-element elementor-element-f6ad25e elementor-widget elementor-widget-html\" data-id=\"f6ad25e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .isb-performance{\r\n    --ip-dark:#172327;\r\n    --ip-dark-soft:#223136;\r\n    --ip-text:#2d393d;\r\n    --ip-muted:#707b7e;\r\n    --ip-cream:#f4f1ea;\r\n    --ip-white:#ffffff;\r\n    --ip-accent:#c87945;\r\n    --ip-line:#d9d6cf;\r\n\r\n    width:100%;\r\n    padding:118px 24px 124px;\r\n    background:var(--ip-cream);\r\n    color:var(--ip-text);\r\n    font-family:inherit;\r\n  }\r\n\r\n  .isb-performance,\r\n  .isb-performance *{box-sizing:border-box;}\r\n\r\n  .isb-performance__container{\r\n    width:100%;\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .isb-performance__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    align-items:start;\r\n    margin-bottom:72px;\r\n  }\r\n\r\n  .isb-performance__eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    margin-top:8px;\r\n    color:var(--ip-accent);\r\n    font-size:12px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.18em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-performance__eyebrow::before{\r\n    content:\"\";\r\n    width:40px;\r\n    height:1px;\r\n    flex:0 0 40px;\r\n    background:currentColor;\r\n  }\r\n\r\n  .isb-performance__heading{max-width:860px;}\r\n\r\n  .isb-performance h2{\r\n    margin:0;\r\n    color:var(--ip-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-performance__lead{\r\n    max-width:790px;\r\n    margin:28px 0 0;\r\n    color:var(--ip-muted);\r\n    font-size:clamp(17px,1.45vw,20px);\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-performance__lead strong{\r\n    color:var(--ip-dark);\r\n    font-weight:600;\r\n  }\r\n\r\n  .isb-performance__intro{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);\r\n    margin-bottom:56px;\r\n    background:var(--ip-dark);\r\n    color:#fff;\r\n  }\r\n\r\n  .isb-performance__intro-main{padding:52px 56px 56px;}\r\n\r\n  .isb-performance__intro-label{\r\n    display:block;\r\n    margin-bottom:18px;\r\n    color:var(--ip-accent);\r\n    font-size:10px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.17em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-performance__intro h3{\r\n    max-width:700px;\r\n    margin:0;\r\n    color:#fff;\r\n    font-size:clamp(31px,3.15vw,45px);\r\n    line-height:1.08;\r\n    font-weight:400;\r\n    letter-spacing:-.03em;\r\n  }\r\n\r\n  .isb-performance__intro-side{\r\n    display:flex;\r\n    align-items:center;\r\n    padding:44px 50px;\r\n    border-left:1px solid rgba(255,255,255,.15);\r\n  }\r\n\r\n  .isb-performance__intro-side p{\r\n    margin:0;\r\n    color:#cbd2d1;\r\n    font-size:15px;\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-performance__grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    border-top:1px solid var(--ip-line);\r\n    border-left:1px solid var(--ip-line);\r\n  }\r\n\r\n  .isb-performance__card{\r\n    position:relative;\r\n    min-height:320px;\r\n    padding:34px 30px 36px;\r\n    background:rgba(255,255,255,.34);\r\n    border-right:1px solid var(--ip-line);\r\n    border-bottom:1px solid var(--ip-line);\r\n  }\r\n\r\n  .isb-performance__card--wide{grid-column:span 2;}\r\n\r\n  .isb-performance__number{\r\n    display:block;\r\n    margin-bottom:58px;\r\n    color:var(--ip-accent);\r\n    font-size:10px;\r\n    line-height:1;\r\n    font-weight:700;\r\n    letter-spacing:.15em;\r\n  }\r\n\r\n  .isb-performance__icon{\r\n    position:absolute;\r\n    top:31px;\r\n    right:30px;\r\n    width:38px;\r\n    height:38px;\r\n    opacity:.45;\r\n  }\r\n\r\n  .isb-performance__icon::before,\r\n  .isb-performance__icon::after{\r\n    content:\"\";\r\n    position:absolute;\r\n  }\r\n\r\n  .isb-performance__icon--thermal{\r\n    border:1px solid var(--ip-dark);\r\n    border-radius:50%;\r\n  }\r\n\r\n  .isb-performance__icon--thermal::before{\r\n    width:1px;\r\n    height:50px;\r\n    left:18px;\r\n    top:-7px;\r\n    background:var(--ip-dark);\r\n  }\r\n\r\n  .isb-performance__icon--thermal::after{\r\n    width:6px;\r\n    height:6px;\r\n    left:15px;\r\n    top:15px;\r\n    border-radius:50%;\r\n    background:var(--ip-dark);\r\n  }\r\n\r\n  .isb-performance__icon--acoustic::before{\r\n    left:4px;\r\n    top:13px;\r\n    width:10px;\r\n    height:12px;\r\n    border-left:1px solid var(--ip-dark);\r\n    border-top:1px solid var(--ip-dark);\r\n    border-bottom:1px solid var(--ip-dark);\r\n  }\r\n\r\n  .isb-performance__icon--acoustic::after{\r\n    left:16px;\r\n    top:7px;\r\n    width:15px;\r\n    height:24px;\r\n    border-right:1px solid var(--ip-dark);\r\n    border-radius:0 50% 50% 0;\r\n  }\r\n\r\n  .isb-performance__icon--fire{\r\n    border:1px solid var(--ip-dark);\r\n    border-radius:50% 50% 60% 60%;\r\n    transform:rotate(45deg);\r\n  }\r\n\r\n  .isb-performance__icon--fire::after{\r\n    left:10px;\r\n    top:10px;\r\n    width:15px;\r\n    height:15px;\r\n    border:1px solid var(--ip-dark);\r\n    border-radius:50%;\r\n  }\r\n\r\n  .isb-performance__icon--structural::before{\r\n    left:6px;\r\n    top:6px;\r\n    width:26px;\r\n    height:26px;\r\n    border:1px solid var(--ip-dark);\r\n  }\r\n\r\n  .isb-performance__icon--structural::after{\r\n    left:18px;\r\n    top:0;\r\n    width:1px;\r\n    height:38px;\r\n    background:var(--ip-dark);\r\n  }\r\n\r\n  .isb-performance__icon--moisture{\r\n    width:24px;\r\n    height:34px;\r\n    top:29px;\r\n    right:36px;\r\n    border:1px solid var(--ip-dark);\r\n    border-radius:50% 50% 55% 55%;\r\n    transform:rotate(45deg);\r\n  }\r\n\r\n  .isb-performance__card h3{\r\n    margin:0;\r\n    color:var(--ip-dark);\r\n    font-size:clamp(26px,2.1vw,33px);\r\n    line-height:1.1;\r\n    font-weight:500;\r\n    letter-spacing:-.025em;\r\n  }\r\n\r\n  .isb-performance__card p{\r\n    max-width:520px;\r\n    margin:20px 0 0;\r\n    color:var(--ip-muted);\r\n    font-size:14px;\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-performance__meta{\r\n    display:block;\r\n    margin-top:24px;\r\n    padding-top:18px;\r\n    border-top:1px solid var(--ip-line);\r\n    color:var(--ip-dark);\r\n    font-size:11px;\r\n    line-height:1.5;\r\n    font-weight:700;\r\n    letter-spacing:.05em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-performance__engineering{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);\r\n    margin-top:56px;\r\n    background:#fff;\r\n    border:1px solid var(--ip-line);\r\n  }\r\n\r\n  .isb-performance__engineering-main{padding:50px 54px 54px;}\r\n\r\n  .isb-performance__engineering-label{\r\n    display:block;\r\n    margin-bottom:16px;\r\n    color:var(--ip-accent);\r\n    font-size:10px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.17em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-performance__engineering h3{\r\n    margin:0;\r\n    color:var(--ip-dark);\r\n    font-size:clamp(30px,3vw,43px);\r\n    line-height:1.08;\r\n    font-weight:400;\r\n    letter-spacing:-.03em;\r\n  }\r\n\r\n  .isb-performance__engineering-side{\r\n    display:flex;\r\n    align-items:center;\r\n    padding:42px 48px;\r\n    border-left:1px solid var(--ip-line);\r\n  }\r\n\r\n  .isb-performance__engineering-side p{\r\n    margin:0;\r\n    color:var(--ip-muted);\r\n    font-size:14px;\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-performance__next{\r\n    display:grid;\r\n    grid-template-columns:1fr auto;\r\n    gap:40px;\r\n    align-items:center;\r\n    margin-top:30px;\r\n    padding-top:26px;\r\n    border-top:1px solid var(--ip-line);\r\n  }\r\n\r\n  .isb-performance__next p{\r\n    max-width:760px;\r\n    margin:0;\r\n    color:var(--ip-muted);\r\n    font-size:13px;\r\n    line-height:1.65;\r\n  }\r\n\r\n  .isb-performance__next-label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    color:var(--ip-dark);\r\n    font-size:10px;\r\n    line-height:1.4;\r\n    font-weight:700;\r\n    letter-spacing:.13em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-performance__next-label::after{\r\n    content:\"\u2192\";\r\n    color:var(--ip-accent);\r\n    font-size:17px;\r\n  }\r\n\r\n  @media (max-width:1000px){\r\n    .isb-performance{padding:94px 28px 102px;}\r\n    .isb-performance__header{grid-template-columns:1fr;gap:26px;}\r\n    .isb-performance__intro{grid-template-columns:1fr;}\r\n    .isb-performance__intro-side{\r\n      border-left:0;\r\n      border-top:1px solid rgba(255,255,255,.15);\r\n    }\r\n    .isb-performance__grid{grid-template-columns:1fr 1fr;}\r\n    .isb-performance__card--wide{grid-column:span 1;}\r\n    .isb-performance__engineering{grid-template-columns:1fr;}\r\n    .isb-performance__engineering-side{\r\n      border-left:0;\r\n      border-top:1px solid var(--ip-line);\r\n    }\r\n  }\r\n\r\n  @media (max-width:700px){\r\n    .isb-performance__grid{grid-template-columns:1fr;}\r\n    .isb-performance__card{min-height:0;}\r\n    .isb-performance__next{grid-template-columns:1fr;gap:18px;}\r\n  }\r\n\r\n  @media (max-width:620px){\r\n    .isb-performance{padding:76px 20px 82px;}\r\n    .isb-performance__header{margin-bottom:52px;}\r\n    .isb-performance h2{font-size:clamp(39px,12vw,54px);}\r\n    .isb-performance__lead{font-size:16px;}\r\n    .isb-performance__intro-main{padding:40px 24px 42px;}\r\n    .isb-performance__intro-side{padding:30px 24px 34px;}\r\n    .isb-performance__card{padding:30px 24px 32px;}\r\n    .isb-performance__number{margin-bottom:46px;}\r\n    .isb-performance__engineering{margin-top:40px;}\r\n    .isb-performance__engineering-main,\r\n    .isb-performance__engineering-side{padding:34px 24px;}\r\n  }\r\n<\/style>\r\n\r\n<section\r\n  class=\"isb-performance\"\r\n  id=\"building-performance\"\r\n  aria-labelledby=\"isb-performance-title\"\r\n>\r\n\r\n  <div class=\"isb-performance__container\">\r\n\r\n    <div class=\"isb-performance__header\">\r\n\r\n      <div class=\"isb-performance__eyebrow\">\r\n        Building Performance\r\n      <\/div>\r\n\r\n      <div class=\"isb-performance__heading\">\r\n\r\n        <h2 id=\"isb-performance-title\">\r\n          Performance begins with design.\r\n        <\/h2>\r\n\r\n        <p class=\"isb-performance__lead\">\r\n          A building system must do more than create structure.\r\n          <strong>Thermal behaviour, acoustic comfort, fire performance,\r\n          structural actions and moisture management<\/strong> all influence how\r\n          the complete building performs within its climate, location and use.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-performance__intro\">\r\n\r\n      <div class=\"isb-performance__intro-main\">\r\n\r\n        <span class=\"isb-performance__intro-label\">\r\n          Integrated Performance\r\n        <\/span>\r\n\r\n        <h3>\r\n          Structure, envelope and building physics must be considered together.\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"isb-performance__intro-side\">\r\n\r\n        <p>\r\n          ISB\u00ae provides a coordinated wall and floor system around which\r\n          project-specific technical performance can be developed through\r\n          engineering, specification and the complete building design.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-performance__grid\">\r\n\r\n      <article class=\"isb-performance__card\">\r\n\r\n        <span class=\"isb-performance__number\">01<\/span>\r\n        <span class=\"isb-performance__icon isb-performance__icon--thermal\" aria-hidden=\"true\"><\/span>\r\n\r\n        <h3>Thermal Performance<\/h3>\r\n\r\n        <p>\r\n          Thermal performance is determined by the complete building envelope,\r\n          not by one structural component alone. Wall and floor assemblies,\r\n          insulation layers, junctions and project-specific detailing are\r\n          coordinated to meet the thermal requirements of the individual\r\n          building.\r\n        <\/p>\r\n\r\n        <span class=\"isb-performance__meta\">\r\n          Envelope \u00b7 Insulation \u00b7 Junctions\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-performance__card\">\r\n\r\n        <span class=\"isb-performance__number\">02<\/span>\r\n        <span class=\"isb-performance__icon isb-performance__icon--acoustic\" aria-hidden=\"true\"><\/span>\r\n\r\n        <h3>Acoustic Comfort<\/h3>\r\n\r\n        <p>\r\n          Acoustic behaviour depends on the complete assembly and the way\r\n          building elements connect. Wall and floor specifications can therefore\r\n          address airborne sound, impact noise and junction conditions as part\r\n          of the overall acoustic design of the project.\r\n        <\/p>\r\n\r\n        <span class=\"isb-performance__meta\">\r\n          Airborne Sound \u00b7 Impact Noise \u00b7 Interfaces\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-performance__card\">\r\n\r\n        <span class=\"isb-performance__number\">03<\/span>\r\n        <span class=\"isb-performance__icon isb-performance__icon--fire\" aria-hidden=\"true\"><\/span>\r\n\r\n        <h3>Fire-Performance Design<\/h3>\r\n\r\n        <p>\r\n          Fire performance is addressed through the structural concept,\r\n          material specification, wall and floor assemblies and the requirements\r\n          of the individual project. The system provides a basis for coordinated\r\n          fire-performance engineering rather than a generic performance claim.\r\n        <\/p>\r\n\r\n        <span class=\"isb-performance__meta\">\r\n          Materials \u00b7 Assemblies \u00b7 Project Requirements\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-performance__card isb-performance__card--wide\">\r\n\r\n        <span class=\"isb-performance__number\">04<\/span>\r\n        <span class=\"isb-performance__icon isb-performance__icon--structural\" aria-hidden=\"true\"><\/span>\r\n\r\n        <h3>Structural Performance<\/h3>\r\n\r\n        <p>\r\n          The reinforced structural concept allows loads and project-specific\r\n          actions to be considered through engineering. Building geometry,\r\n          spans, wall positions, openings, connections and site conditions all\r\n          contribute to the final structural design, including relevant seismic\r\n          and wind actions where required.\r\n        <\/p>\r\n\r\n        <span class=\"isb-performance__meta\">\r\n          Loads \u00b7 Geometry \u00b7 Seismic + Wind Actions\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-performance__card\">\r\n\r\n        <span class=\"isb-performance__number\">05<\/span>\r\n        <span class=\"isb-performance__icon isb-performance__icon--moisture\" aria-hidden=\"true\"><\/span>\r\n\r\n        <h3>Moisture Management<\/h3>\r\n\r\n        <p>\r\n          Building-envelope design must manage heat and moisture together.\r\n          Layer build-ups, junctions, waterproofing, vapour behaviour and local\r\n          exposure conditions are considered as part of the complete project\r\n          specification.\r\n        <\/p>\r\n\r\n        <span class=\"isb-performance__meta\">\r\n          Waterproofing \u00b7 Vapour Behaviour \u00b7 Layer Build-Up\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-performance__engineering\">\r\n\r\n      <div class=\"isb-performance__engineering-main\">\r\n\r\n        <span class=\"isb-performance__engineering-label\">\r\n          Project-Specific Performance\r\n        <\/span>\r\n\r\n        <h3>\r\n          Technical performance is engineered, not assumed.\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"isb-performance__engineering-side\">\r\n\r\n        <p>\r\n          Performance requirements depend on the building, location, intended\r\n          use, architecture and applicable technical standards. Final values,\r\n          assemblies and specifications are therefore defined during\r\n          project-specific engineering and documentation.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-performance__next\">\r\n\r\n      <p>\r\n        Performance defines how the system responds to technical requirements.\r\n        The next step is to look at the types of projects in which this\r\n        coordinated wall and floor system can be applied.\r\n      <\/p>\r\n\r\n      <div class=\"isb-performance__next-label\">\r\n        Next: Applications\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-a7d89c8 e-con e-atomic-element e-flexbox-base e-a7d89c8-ef0a0e1 \" data-id=\"a7d89c8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a7d89c8\">\n    \t\t<div class=\"elementor-element elementor-element-e162b68 elementor-widget elementor-widget-html\" data-id=\"e162b68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .isb-applications{\r\n    --ia-dark:#172327;\r\n    --ia-dark-soft:#223136;\r\n    --ia-text:#2d393d;\r\n    --ia-muted:#707b7e;\r\n    --ia-cream:#f4f1ea;\r\n    --ia-white:#ffffff;\r\n    --ia-accent:#c87945;\r\n    --ia-line:#d9d6cf;\r\n\r\n    width:100%;\r\n    padding:118px 24px 124px;\r\n    background:var(--ia-white);\r\n    color:var(--ia-text);\r\n    font-family:inherit;\r\n  }\r\n\r\n  .isb-applications,\r\n  .isb-applications *{box-sizing:border-box;}\r\n\r\n  .isb-applications__container{\r\n    width:100%;\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .isb-applications__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    align-items:start;\r\n    margin-bottom:72px;\r\n  }\r\n\r\n  .isb-applications__eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    margin-top:8px;\r\n    color:var(--ia-accent);\r\n    font-size:12px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.18em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-applications__eyebrow::before{\r\n    content:\"\";\r\n    width:40px;\r\n    height:1px;\r\n    flex:0 0 40px;\r\n    background:currentColor;\r\n  }\r\n\r\n  .isb-applications__heading{max-width:860px;}\r\n\r\n  .isb-applications h2{\r\n    margin:0;\r\n    color:var(--ia-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-applications__lead{\r\n    max-width:800px;\r\n    margin:28px 0 0;\r\n    color:var(--ia-muted);\r\n    font-size:clamp(17px,1.45vw,20px);\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-applications__lead strong{\r\n    color:var(--ia-dark);\r\n    font-weight:600;\r\n  }\r\n\r\n  .isb-applications__intro{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.14fr) minmax(300px,.86fr);\r\n    margin-bottom:56px;\r\n    background:var(--ia-dark);\r\n    color:#fff;\r\n  }\r\n\r\n  .isb-applications__intro-main{padding:52px 56px 56px;}\r\n\r\n  .isb-applications__intro-label{\r\n    display:block;\r\n    margin-bottom:18px;\r\n    color:var(--ia-accent);\r\n    font-size:10px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.17em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-applications__intro h3{\r\n    max-width:700px;\r\n    margin:0;\r\n    color:#fff;\r\n    font-size:clamp(31px,3.15vw,45px);\r\n    line-height:1.08;\r\n    font-weight:400;\r\n    letter-spacing:-.03em;\r\n  }\r\n\r\n  .isb-applications__intro-side{\r\n    display:flex;\r\n    align-items:center;\r\n    padding:44px 50px;\r\n    border-left:1px solid rgba(255,255,255,.15);\r\n  }\r\n\r\n  .isb-applications__intro-side p{\r\n    margin:0;\r\n    color:#cbd2d1;\r\n    font-size:15px;\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-applications__grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    border-top:1px solid var(--ia-line);\r\n    border-left:1px solid var(--ia-line);\r\n  }\r\n\r\n  .isb-applications__card{\r\n    position:relative;\r\n    min-height:310px;\r\n    padding:34px 32px 36px;\r\n    background:#fff;\r\n    border-right:1px solid var(--ia-line);\r\n    border-bottom:1px solid var(--ia-line);\r\n  }\r\n\r\n  .isb-applications__number{\r\n    display:block;\r\n    margin-bottom:58px;\r\n    color:var(--ia-accent);\r\n    font-size:10px;\r\n    line-height:1;\r\n    font-weight:700;\r\n    letter-spacing:.15em;\r\n  }\r\n\r\n  .isb-applications__tag{\r\n    display:block;\r\n    margin-bottom:12px;\r\n    color:var(--ia-muted);\r\n    font-size:10px;\r\n    line-height:1.3;\r\n    font-weight:700;\r\n    letter-spacing:.13em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-applications__card h3{\r\n    max-width:500px;\r\n    margin:0;\r\n    color:var(--ia-dark);\r\n    font-size:clamp(27px,2.25vw,35px);\r\n    line-height:1.1;\r\n    font-weight:500;\r\n    letter-spacing:-.028em;\r\n  }\r\n\r\n  .isb-applications__card p{\r\n    max-width:560px;\r\n    margin:20px 0 0;\r\n    color:var(--ia-muted);\r\n    font-size:14px;\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-applications__meta{\r\n    display:block;\r\n    margin-top:24px;\r\n    padding-top:18px;\r\n    border-top:1px solid var(--ia-line);\r\n    color:var(--ia-dark);\r\n    font-size:11px;\r\n    line-height:1.5;\r\n    font-weight:700;\r\n    letter-spacing:.05em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-applications__logic{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);\r\n    margin-top:56px;\r\n    background:var(--ia-cream);\r\n    border:1px solid var(--ia-line);\r\n  }\r\n\r\n  .isb-applications__logic-main{padding:50px 54px 54px;}\r\n\r\n  .isb-applications__logic-label{\r\n    display:block;\r\n    margin-bottom:16px;\r\n    color:var(--ia-accent);\r\n    font-size:10px;\r\n    line-height:1.2;\r\n    font-weight:700;\r\n    letter-spacing:.17em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-applications__logic h3{\r\n    margin:0;\r\n    color:var(--ia-dark);\r\n    font-size:clamp(30px,3vw,43px);\r\n    line-height:1.08;\r\n    font-weight:400;\r\n    letter-spacing:-.03em;\r\n  }\r\n\r\n  .isb-applications__logic-side{\r\n    display:flex;\r\n    align-items:center;\r\n    padding:42px 48px;\r\n    border-left:1px solid var(--ia-line);\r\n  }\r\n\r\n  .isb-applications__logic-side p{\r\n    margin:0;\r\n    color:var(--ia-muted);\r\n    font-size:14px;\r\n    line-height:1.72;\r\n  }\r\n\r\n  .isb-applications__route{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    margin-top:30px;\r\n    border-top:1px solid var(--ia-line);\r\n    border-left:1px solid var(--ia-line);\r\n  }\r\n\r\n  .isb-applications__route-item{\r\n    position:relative;\r\n    min-height:150px;\r\n    padding:24px 22px 26px;\r\n    border-right:1px solid var(--ia-line);\r\n    border-bottom:1px solid var(--ia-line);\r\n    background:#fff;\r\n  }\r\n\r\n  .isb-applications__route-number{\r\n    display:block;\r\n    margin-bottom:28px;\r\n    color:var(--ia-accent);\r\n    font-size:9px;\r\n    line-height:1;\r\n    font-weight:700;\r\n    letter-spacing:.14em;\r\n  }\r\n\r\n  .isb-applications__route-item strong{\r\n    display:block;\r\n    color:var(--ia-dark);\r\n    font-size:13px;\r\n    line-height:1.4;\r\n    font-weight:700;\r\n  }\r\n\r\n  .isb-applications__route-item::after{\r\n    content:\"\u2192\";\r\n    position:absolute;\r\n    top:22px;\r\n    right:20px;\r\n    color:var(--ia-accent);\r\n    font-size:15px;\r\n  }\r\n\r\n  .isb-applications__route-item:last-child::after{display:none;}\r\n\r\n  .isb-applications__next{\r\n    display:grid;\r\n    grid-template-columns:1fr auto;\r\n    gap:40px;\r\n    align-items:center;\r\n    margin-top:30px;\r\n    padding-top:26px;\r\n    border-top:1px solid var(--ia-line);\r\n  }\r\n\r\n  .isb-applications__next p{\r\n    max-width:760px;\r\n    margin:0;\r\n    color:var(--ia-muted);\r\n    font-size:13px;\r\n    line-height:1.65;\r\n  }\r\n\r\n  .isb-applications__next-label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    color:var(--ia-dark);\r\n    font-size:10px;\r\n    line-height:1.4;\r\n    font-weight:700;\r\n    letter-spacing:.13em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .isb-applications__next-label::after{\r\n    content:\"\u2192\";\r\n    color:var(--ia-accent);\r\n    font-size:17px;\r\n  }\r\n\r\n  @media (max-width:1000px){\r\n    .isb-applications{padding:94px 28px 102px;}\r\n    .isb-applications__header{grid-template-columns:1fr;gap:26px;}\r\n    .isb-applications__intro{grid-template-columns:1fr;}\r\n    .isb-applications__intro-side{\r\n      border-left:0;\r\n      border-top:1px solid rgba(255,255,255,.15);\r\n    }\r\n    .isb-applications__logic{grid-template-columns:1fr;}\r\n    .isb-applications__logic-side{\r\n      border-left:0;\r\n      border-top:1px solid var(--ia-line);\r\n    }\r\n    .isb-applications__route{grid-template-columns:repeat(2,1fr);}\r\n  }\r\n\r\n  @media (max-width:760px){\r\n    .isb-applications__grid{grid-template-columns:1fr;}\r\n    .isb-applications__route{grid-template-columns:1fr;}\r\n    .isb-applications__route-item::after{content:\"\u2193\";}\r\n    .isb-applications__route-item:last-child::after{display:none;}\r\n    .isb-applications__next{grid-template-columns:1fr;gap:18px;}\r\n  }\r\n\r\n  @media (max-width:620px){\r\n    .isb-applications{padding:76px 20px 82px;}\r\n    .isb-applications__header{margin-bottom:52px;}\r\n    .isb-applications h2{font-size:clamp(39px,12vw,54px);}\r\n    .isb-applications__lead{font-size:16px;}\r\n    .isb-applications__intro-main{padding:40px 24px 42px;}\r\n    .isb-applications__intro-side{padding:30px 24px 34px;}\r\n    .isb-applications__card{\r\n      min-height:0;\r\n      padding:30px 24px 32px;\r\n    }\r\n    .isb-applications__number{margin-bottom:46px;}\r\n    .isb-applications__logic{margin-top:40px;}\r\n    .isb-applications__logic-main,\r\n    .isb-applications__logic-side{padding:34px 24px;}\r\n    .isb-applications__route-item{\r\n      min-height:0;\r\n      padding:24px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section\r\n  class=\"isb-applications\"\r\n  id=\"applications\"\r\n  aria-labelledby=\"isb-applications-title\"\r\n>\r\n\r\n  <div class=\"isb-applications__container\">\r\n\r\n    <div class=\"isb-applications__header\">\r\n\r\n      <div class=\"isb-applications__eyebrow\">\r\n        Applications\r\n      <\/div>\r\n\r\n      <div class=\"isb-applications__heading\">\r\n\r\n        <h2 id=\"isb-applications-title\">\r\n          One system. Different project types.\r\n        <\/h2>\r\n\r\n        <p class=\"isb-applications__lead\">\r\n          ISB\u00ae is not linked to one predefined house type or one architectural\r\n          expression. The coordinated wall and floor system can be considered\r\n          for <strong>different building and development scenarios<\/strong>,\r\n          provided the structure is engineered for the requirements of the\r\n          individual project.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-applications__intro\">\r\n\r\n      <div class=\"isb-applications__intro-main\">\r\n\r\n        <span class=\"isb-applications__intro-label\">\r\n          Project Applications\r\n        <\/span>\r\n\r\n        <h3>\r\n          Start with the project \u2014 then develop the system around it.\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"isb-applications__intro-side\">\r\n\r\n        <p>\r\n          Site, architecture, intended use, scale and structural requirements\r\n          define the starting point. ISB\u00ae planning then coordinates the wall,\r\n          floor, reinforcement and connection logic around the actual building.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-applications__grid\">\r\n\r\n      <article class=\"isb-applications__card\">\r\n\r\n        <span class=\"isb-applications__number\">01<\/span>\r\n        <span class=\"isb-applications__tag\">Residential<\/span>\r\n\r\n        <h3>New Homes<\/h3>\r\n\r\n        <p>\r\n          Detached houses, villas and other residential projects can be\r\n          developed around the ISB\u00ae system while maintaining project-specific\r\n          architecture, spatial organisation and structural design.\r\n        <\/p>\r\n\r\n        <span class=\"isb-applications__meta\">\r\n          Villas \u00b7 Houses \u00b7 Residential Projects\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-applications__card\">\r\n\r\n        <span class=\"isb-applications__number\">02<\/span>\r\n        <span class=\"isb-applications__tag\">Existing Buildings<\/span>\r\n\r\n        <h3>Extensions<\/h3>\r\n\r\n        <p>\r\n          Where the existing structure and project conditions allow, the system\r\n          can be considered for extensions that add new internal space while\r\n          connecting new structural elements to an existing building.\r\n        <\/p>\r\n\r\n        <span class=\"isb-applications__meta\">\r\n          Side Extensions \u00b7 New Volumes \u00b7 Building Additions\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-applications__card\">\r\n\r\n        <span class=\"isb-applications__number\">03<\/span>\r\n        <span class=\"isb-applications__tag\">Vertical Development<\/span>\r\n\r\n        <h3>Additional Floors<\/h3>\r\n\r\n        <p>\r\n          Selected projects may allow additional levels to be considered above\r\n          an existing structure. Suitability depends on the existing building,\r\n          structural verification, project loads and the engineering solution\r\n          developed for the new construction.\r\n        <\/p>\r\n\r\n        <span class=\"isb-applications__meta\">\r\n          Additional Levels \u00b7 Structural Assessment \u00b7 Project Engineering\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-applications__card\">\r\n\r\n        <span class=\"isb-applications__number\">04<\/span>\r\n        <span class=\"isb-applications__tag\">Developers + Investors<\/span>\r\n\r\n        <h3>Residential Developments<\/h3>\r\n\r\n        <p>\r\n          For projects involving multiple buildings or repeated building types,\r\n          a coordinated system approach can help connect architecture,\r\n          engineering, element planning, production and construction within a\r\n          repeatable project workflow.\r\n        <\/p>\r\n\r\n        <span class=\"isb-applications__meta\">\r\n          Repeated Typologies \u00b7 Coordinated Planning \u00b7 Development Projects\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-applications__card\">\r\n\r\n        <span class=\"isb-applications__number\">05<\/span>\r\n        <span class=\"isb-applications__tag\">Selected Scenarios<\/span>\r\n\r\n        <h3>Redevelopment Projects<\/h3>\r\n\r\n        <p>\r\n          Certain redevelopment scenarios may benefit from a system-based\r\n          structural solution where new construction must be coordinated with an\r\n          existing site, building condition or revised architectural programme.\r\n        <\/p>\r\n\r\n        <span class=\"isb-applications__meta\">\r\n          Site Adaptation \u00b7 New Structure \u00b7 Existing Context\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"isb-applications__card\">\r\n\r\n        <span class=\"isb-applications__number\">06<\/span>\r\n        <span class=\"isb-applications__tag\">Professional Collaboration<\/span>\r\n\r\n        <h3>Architect-Led Projects<\/h3>\r\n\r\n        <p>\r\n          ISB\u00ae can be introduced into projects already being developed by\r\n          architects, engineers, developers or builders. The system planning\r\n          process integrates with the professional project rather than replacing\r\n          it with a predefined building model.\r\n        <\/p>\r\n\r\n        <span class=\"isb-applications__meta\">\r\n          Architects \u00b7 Engineers \u00b7 Developers \u00b7 Builders\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-applications__logic\">\r\n\r\n      <div class=\"isb-applications__logic-main\">\r\n\r\n        <span class=\"isb-applications__logic-label\">\r\n          Application Principle\r\n        <\/span>\r\n\r\n        <h3>\r\n          Different buildings. The same coordinated project logic.\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"isb-applications__logic-side\">\r\n\r\n        <p>\r\n          The application changes, but the principle remains consistent:\r\n          architecture defines the project, engineering defines the structural\r\n          requirements, and ISB\u00ae system planning coordinates the elements,\r\n          reinforcement and connections around that solution.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-applications__route\">\r\n\r\n      <div class=\"isb-applications__route-item\">\r\n        <span class=\"isb-applications__route-number\">01<\/span>\r\n        <strong>Project Brief<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"isb-applications__route-item\">\r\n        <span class=\"isb-applications__route-number\">02<\/span>\r\n        <strong>Architecture<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"isb-applications__route-item\">\r\n        <span class=\"isb-applications__route-number\">03<\/span>\r\n        <strong>Engineering<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"isb-applications__route-item\">\r\n        <span class=\"isb-applications__route-number\">04<\/span>\r\n        <strong>ISB\u00ae System Planning<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"isb-applications__route-item\">\r\n        <span class=\"isb-applications__route-number\">05<\/span>\r\n        <strong>Construction<\/strong>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"isb-applications__next\">\r\n\r\n      <p>\r\n        Different project types can use the same coordinated system logic.\r\n        From here, the next step is to connect the building system with a real\r\n        site, architectural concept and project brief.\r\n      <\/p>\r\n\r\n      <div class=\"isb-applications__next-label\">\r\n        Next: From System to Project\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Building System An Integrated Building System for Australia ISB\u00ae brings wall and floor elements together through architecture, engineering and project-specific system planning \u2014 creating one coordinated approach from design to construction for Australian projects. Architecture \u2192 Engineering \u2192 ISB\u00ae System Planning \u2192 Integrated Structure \u2192 Construction Explore the System Discuss a Project Integrated Wall + [&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-1114","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>ISB\u00ae Building System Australia | Integrated Building Technology<\/title>\n<meta name=\"description\" content=\"Explore the ISB\u00ae Building System Australia: integrated wall and floor technology, project-specific engineering and coordinated structural design.\" \/>\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\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ISB\u00ae Building System Australia\" \/>\n<meta property=\"og:description\" content=\"Explore an advanced building system for Spain designed around structural performance, energy efficiency and efficient construction.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/costablancawholesale.com\/au\/building-system\/\" \/>\n<meta property=\"og:site_name\" content=\"ISB\u00ae Building System\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-31T11:57:12+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=\"11 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\\\/\",\"url\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/building-system\\\/\",\"name\":\"ISB\u00ae Building System Australia | Integrated Building Technology\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/#website\"},\"datePublished\":\"2026-07-28T11:27:17+00:00\",\"dateModified\":\"2026-08-31T11:57:12+00:00\",\"description\":\"Explore the ISB\u00ae Building System Australia: integrated wall and floor technology, project-specific engineering and coordinated structural design.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/building-system\\\/#breadcrumb\"},\"inLanguage\":\"en-AU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/building-system\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/building-system\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/costablancawholesale.com\\\/au\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building System\"}]},{\"@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":"ISB\u00ae Building System Australia | Integrated Building Technology","description":"Explore the ISB\u00ae Building System Australia: integrated wall and floor technology, project-specific engineering and coordinated structural design.","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\/","og_locale":"en_US","og_type":"article","og_title":"ISB\u00ae Building System Australia","og_description":"Explore an advanced building system for Spain designed around structural performance, energy efficiency and efficient construction.","og_url":"https:\/\/costablancawholesale.com\/au\/building-system\/","og_site_name":"ISB\u00ae Building System","article_modified_time":"2026-08-31T11:57:12+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/costablancawholesale.com\/au\/building-system\/","url":"https:\/\/costablancawholesale.com\/au\/building-system\/","name":"ISB\u00ae Building System Australia | Integrated Building Technology","isPartOf":{"@id":"https:\/\/costablancawholesale.com\/au\/#website"},"datePublished":"2026-07-28T11:27:17+00:00","dateModified":"2026-08-31T11:57:12+00:00","description":"Explore the ISB\u00ae Building System Australia: integrated wall and floor technology, project-specific engineering and coordinated structural design.","breadcrumb":{"@id":"https:\/\/costablancawholesale.com\/au\/building-system\/#breadcrumb"},"inLanguage":"en-AU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/costablancawholesale.com\/au\/building-system\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/costablancawholesale.com\/au\/building-system\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/costablancawholesale.com\/au\/"},{"@type":"ListItem","position":2,"name":"Building System"}]},{"@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\/1114","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=1114"}],"version-history":[{"count":4,"href":"https:\/\/costablancawholesale.com\/au\/wp-json\/wp\/v2\/pages\/1114\/revisions"}],"predecessor-version":[{"id":1118,"href":"https:\/\/costablancawholesale.com\/au\/wp-json\/wp\/v2\/pages\/1114\/revisions\/1118"}],"wp:attachment":[{"href":"https:\/\/costablancawholesale.com\/au\/wp-json\/wp\/v2\/media?parent=1114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}