<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>Development Archives | CLAD</title>
	<atom:link href="https://www.cladinc.us/category/development/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.cladinc.us/category/development/</link>
	<description></description>
	<lastBuildDate>Tue, 30 Jun 2026 16:15:53 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.cladinc.us/wp-content/uploads/2019/10/cropped-CLAD_Site_Icon_v15.png</url>
	<title>Development Archives | CLAD</title>
	<link>https://www.cladinc.us/category/development/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">170348416</site>	<item>
		<title>North Santa Fe</title>
		<link>https://www.cladinc.us/projects/north-santa-fe-vista-multifamily-housing/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=north-santa-fe-vista-multifamily-housing</link>
		
		<dc:creator><![CDATA[Carson Powell]]></dc:creator>
		<pubDate>Sun, 07 Jun 2026 08:14:41 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Multi-family]]></category>
		<guid isPermaLink="false">https://www.cladinc.us/?post_type=projects&#038;p=253</guid>

					<description><![CDATA[<p>‎ </p>
<p>The post <a href="https://www.cladinc.us/projects/north-santa-fe-vista-multifamily-housing/">North Santa Fe</a> appeared first on <a href="https://www.cladinc.us">CLAD</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-medium-font-size"><strong>Vista, CA</strong></p>



<p class="has-medium-font-size">This four-story, 33-unit multifamily community leverages California’s State Density Bonus Law to deliver much-needed housing on a compact infill site in Vista. The project combines contemporary urban living with resident-focused amenities including a coworking lounge, dog run, and rooftop deck designed to foster community and connection. Thoughtful massing and architectural detailing carefully balance increased density with neighborhood compatibility, creating a project that contributes positively to the evolving urban fabric.&nbsp;</p>



<p class="has-medium-font-size">N Santa Fe Ave Planning Commission Approval: <a href="https://thecoastnews.com/vista-planners-advance-33-unit-project-on-north-santa-fe/">Learn More</a></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="clad-big-image-wrap">
  <ul class="project-contact-menu">
    <li><a href="/"><i class="fa fa-home"></i></a></li>
    <li><a href="mailto:info@cladinc.us"><i class="fa fa-envelope"></i></a></li>
    <li><a href="tel:"><i class="fa fa-phone"></i></a></li>
    <li><a href="/projects/"><i class="fa fa-arrow-circle-right"></i></a></li>
  </ul>

  <img decoding="async"
    src="https://www.cladinc.us/wp-content/uploads/2026/06/5.jpg"
    alt="North Santa Fe Project"
    class="clad-big-project-image"
  />
</div>
</div>
</div>



<div style="height:90px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
  #gallery-204566 {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(6, 8vw);
    gap: 12px;
    padding: 12px;
    box-sizing: border-box;
    position: relative;
    z-index: 99999;
    isolation: isolate;
    background: #ffffff;
  }

  #gallery-204566 .gallery-tile {
    position: relative;
    z-index: 100000;
    overflow: hidden;
    cursor: pointer;
    display: block;
    background: #111;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
  }

  #gallery-204566 .gallery-tile img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.25s ease;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
  }

  #gallery-204566 .gallery-tile:hover img {
    transform: scale(1.03);
  }


  #gallery-204566 .tile-0 {
    grid-column: 1 / 5;
    grid-row: 1 / 4;
  }

  #gallery-204566 .tile-1 {
    grid-column: 5 / 9;
    grid-row: 1 / 4;
  }

  #gallery-204566 .tile-2 {
    grid-column: 9 / 13;
    grid-row: 1 / 4;
  }

  #gallery-204566 .tile-3 {
    grid-column: 1 / 5;
    grid-row: 4 / 7;
  }

  #gallery-204566 .tile-4 {
    grid-column: 5 / 9;
    grid-row: 4 / 7;
  }

  #gallery-204566 .tile-5 {
    grid-column: 9 / 13;
    grid-row: 4 / 7;
  }


  .generated-lightbox {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    width: 100dvw;
    height: 100dvh;
    z-index: 2147483647;
    background: rgba(0, 0, 0, 0.94);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
    user-select: none;
    touch-action: none;
  }

  .generated-lightbox.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .generated-lightbox-stage {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    box-sizing: border-box;
  }

  .generated-lightbox-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    opacity: 1;
    transition: opacity 0.25s ease;
    user-select: none;
    -webkit-user-drag: none;
  }

  .generated-lightbox-img.is-hidden {
    opacity: 0;
  }

  .generated-lightbox-close,
  .generated-lightbox-prev,
  .generated-lightbox-next {
    position: fixed;
    z-index: 2147483647;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-family: Arial, sans-serif;
    text-shadow: 0 2px 12px rgba(0,0,0,0.9);
    padding: 0;
  }

  .generated-lightbox-close {
    top: 18px;
    right: 20px;
    font-size: 42px;
  }

  .generated-lightbox-prev,
  .generated-lightbox-next {
    top: 50%;
    transform: translateY(-50%);
    font-size: 64px;
  }

  .generated-lightbox-prev {
    left: 18px;
  }

  .generated-lightbox-next {
    right: 18px;
  }

  html.generated-lightbox-open,
  body.generated-lightbox-open {
    overflow: hidden !important;
  }

  @media (max-width: 700px) {
    #gallery-204566 {
      grid-template-columns: 1fr;
      grid-template-rows: none;
      gap: 10px;
      padding: 10px;
    }

    #gallery-204566 .gallery-tile {
      grid-column: auto !important;
      grid-row: auto !important;
    }

    #gallery-204566 .gallery-tile img {
      height: auto;
      aspect-ratio: 4 / 3;
    }

    .generated-lightbox-stage {
      padding: 14px;
    }

    .generated-lightbox-close {
      top: 12px;
      right: 12px;
      font-size: 36px;
    }

    .generated-lightbox-prev,
    .generated-lightbox-next {
      font-size: 48px;
    }

    .generated-lightbox-prev {
      left: 6px;
    }

    .generated-lightbox-next {
      right: 6px;
    }
  }
</style>

<section id="gallery-204566">

  <button class="gallery-tile tile-0" type="button" data-index="0" data-full="https://www.cladinc.us/wp-content/uploads/2026/06/3.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/3.jpg" alt="">
  </button>
  <button class="gallery-tile tile-1" type="button" data-index="1" data-full="https://www.cladinc.us/wp-content/uploads/2026/06/1-1.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/1-1.jpg" alt="">
  </button>
  <button class="gallery-tile tile-2" type="button" data-index="2" data-full="https://www.cladinc.us/wp-content/uploads/2026/06/4.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/4.jpg" alt="">
  </button>
  <button class="gallery-tile tile-3" type="button" data-index="3" data-full="https://www.cladinc.us/wp-content/uploads/2026/06/2.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/2.jpg" alt="">
  </button>
  <button class="gallery-tile tile-4" type="button" data-index="4" data-full="https://www.cladinc.us/wp-content/uploads/2026/06/5.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/5.jpg" alt="">
  </button>
  <button class="gallery-tile tile-5" type="button" data-index="5" data-full="https://www.cladinc.us/wp-content/uploads/2026/06/6.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/6.jpg" alt="">
  </button>
</section>

<script>
  (function () {
    var gallery = document.getElementById('gallery-204566');
    if (!gallery || gallery.dataset.ready === 'true') return;
    gallery.dataset.ready = 'true';

    var items = Array.prototype.slice.call(gallery.querySelectorAll('.gallery-tile'));
    var images = items.map(function(item) {
      var img = item.querySelector('img');
      return {
        src: item.getAttribute('data-full'),
        alt: img ? img.alt : ''
      };
    });

    var oldLightbox = document.querySelector('.generated-lightbox');
    if (oldLightbox) oldLightbox.remove();

    var lightbox = document.createElement('div');
    lightbox.className = 'generated-lightbox';

    lightbox.innerHTML =
      '<button class="generated-lightbox-close" type="button">&times;</button>' +
      '<button class="generated-lightbox-prev" type="button">‹</button>' +
      '<div class="generated-lightbox-stage"><img decoding="async" class="generated-lightbox-img is-hidden" src="" alt=""></div>' +
      '<button class="generated-lightbox-next" type="button">›</button>';

    document.body.appendChild(lightbox);

    var lightboxImg = lightbox.querySelector('.generated-lightbox-img');
    var stage = lightbox.querySelector('.generated-lightbox-stage');
    var closeBtn = lightbox.querySelector('.generated-lightbox-close');
    var prevBtn = lightbox.querySelector('.generated-lightbox-prev');
    var nextBtn = lightbox.querySelector('.generated-lightbox-next');

    var current = 0;
    var isOpen = false;
    var startX = 0;
    var endX = 0;

    function normalize(index) {
      return (index + images.length) % images.length;
    }

    function show(index) {
      current = normalize(index);
      lightboxImg.classList.add('is-hidden');

      setTimeout(function() {
        lightboxImg.src = images[current].src;
        lightboxImg.alt = images[current].alt;

        requestAnimationFrame(function() {
          lightboxImg.classList.remove('is-hidden');
        });
      }, 100);
    }

    function open(index) {
      isOpen = true;
      document.documentElement.classList.add('generated-lightbox-open');
      document.body.classList.add('generated-lightbox-open');
      lightbox.classList.add('is-open');
      show(index);
    }

    function close() {
      isOpen = false;
      document.documentElement.classList.remove('generated-lightbox-open');
      document.body.classList.remove('generated-lightbox-open');
      lightbox.classList.remove('is-open');
      lightboxImg.classList.add('is-hidden');
    }

    document.addEventListener('click', function(event) {
      var clicked = event.target.closest('#gallery-204566 .gallery-tile');
      if (!clicked) return;

      event.preventDefault();
      event.stopPropagation();

      var index = parseInt(clicked.getAttribute('data-index'), 10);
      if (!isNaN(index)) open(index);
    }, true);

    closeBtn.onclick = function(event) {
      event.stopPropagation();
      close();
    };

    nextBtn.onclick = function(event) {
      event.stopPropagation();
      show(current + 1);
    };

    prevBtn.onclick = function(event) {
      event.stopPropagation();
      show(current - 1);
    };

    lightbox.onclick = function(event) {
      if (event.target === lightbox || event.target === stage) close();
    };

    document.addEventListener('keydown', function(event) {
      if (!isOpen) return;

      if (event.key === 'Escape') close();
      if (event.key === 'ArrowRight') show(current + 1);
      if (event.key === 'ArrowLeft') show(current - 1);
    });

    lightboxImg.addEventListener('touchstart', function(event) {
      if (!event.touches.length) return;
      startX = event.touches[0].clientX;
    }, { passive: true });

    lightboxImg.addEventListener('touchend', function(event) {
      if (!event.changedTouches.length) return;
      endX = event.changedTouches[0].clientX;

      if (Math.abs(endX - startX) > 45) {
        if (endX < startX) show(current + 1);
        else show(current - 1);
      }
    }, { passive: true });
  })();
</script>
<p>The post <a href="https://www.cladinc.us/projects/north-santa-fe-vista-multifamily-housing/">North Santa Fe</a> appeared first on <a href="https://www.cladinc.us">CLAD</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">253</post-id>	</item>
		<item>
		<title>129 NCB</title>
		<link>https://www.cladinc.us/projects/national-city-development/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=national-city-development</link>
		
		<dc:creator><![CDATA[Carson Powell]]></dc:creator>
		<pubDate>Mon, 16 Sep 2019 13:07:57 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Multi-family]]></category>
		<guid isPermaLink="false">http://localhost/wordpress5/?post_type=projects&#038;p=25</guid>

					<description><![CDATA[<p>‎ </p>
<p>The post <a href="https://www.cladinc.us/projects/national-city-development/">129 NCB</a> appeared first on <a href="https://www.cladinc.us">CLAD</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-medium-font-size"><strong>National City, CA</strong></p>



<p class="has-medium-font-size">129 NCB is a multifamily housing development in National City, California. CLAD steps into the role of owner on a small vacant lot along a worn commercial corridor ready for renewal. Located in the heart of National City’s revitalizing Downtown, the project supports the City’s vision for vibrant, transit-oriented living with 14 modern studio and one-bedroom residences. Each home opens toward an internal parking courtyard, creating a shared retreat buffered from the surrounding streets and nearby I-5.<br><br>The courtyard is finished with a drivable landscape surface that improves site drainage by allowing rainwater to gradually infiltrate onsite, while encouraging interaction among tenants as they move throughout the property. Clad in dark fiber cement panels, the building creates a bold, monumental street presence inspired by the naval ships that define the nearby waterfront.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="clad-big-image-wrap">
  <ul class="project-contact-menu">
    <li><a href="/"><i class="fa fa-home"></i></a></li>
    <li><a href="mailto:info@cladinc.us"><i class="fa fa-envelope"></i></a></li>
    <li><a href="tel:"><i class="fa fa-phone"></i></a></li>
    <li><a href="/projects/"><i class="fa fa-arrow-circle-right"></i></a></li>
  </ul>

  <img decoding="async"
    src="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Ext-2.jpg"
    alt="129 NCB Project"
    class="clad-big-project-image"
  />
</div>
</div>
</div>



<div style="height:90px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
  #gallery-861945 {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(9, 8vw);
    gap: 12px;
    padding: 12px;
    box-sizing: border-box;
    position: relative;
    z-index: 99999;
    isolation: isolate;
    background: #ffffff;
  }

  #gallery-861945 .gallery-tile {
    position: relative;
    z-index: 100000;
    overflow: hidden;
    cursor: pointer;
    display: block;
    background: #111;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
  }

  #gallery-861945 .gallery-tile img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.25s ease;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
  }

  #gallery-861945 .gallery-tile:hover img {
    transform: scale(1.03);
  }


  #gallery-861945 .tile-0 {
    grid-column: 1 / 5;
    grid-row: 1 / 4;
  }

  #gallery-861945 .tile-1 {
    grid-column: 5 / 9;
    grid-row: 1 / 4;
  }

  #gallery-861945 .tile-2 {
    grid-column: 9 / 13;
    grid-row: 1 / 4;
  }

  #gallery-861945 .tile-3 {
    grid-column: 1 / 5;
    grid-row: 4 / 7;
  }

  #gallery-861945 .tile-4 {
    grid-column: 5 / 9;
    grid-row: 4 / 7;
  }

  #gallery-861945 .tile-5 {
    grid-column: 9 / 13;
    grid-row: 4 / 7;
  }

  #gallery-861945 .tile-6 {
    grid-column: 1 / 5;
    grid-row: 7 / 10;
  }

  #gallery-861945 .tile-7 {
    grid-column: 5 / 9;
    grid-row: 7 / 10;
  }

  #gallery-861945 .tile-8 {
    grid-column: 9 / 13;
    grid-row: 7 / 10;
  }


  .generated-lightbox {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    width: 100dvw;
    height: 100dvh;
    z-index: 2147483647;
    background: rgba(0, 0, 0, 0.94);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
    user-select: none;
    touch-action: none;
  }

  .generated-lightbox.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .generated-lightbox-stage {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    box-sizing: border-box;
  }

  .generated-lightbox-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    opacity: 1;
    transition: opacity 0.25s ease;
    user-select: none;
    -webkit-user-drag: none;
  }

  .generated-lightbox-img.is-hidden {
    opacity: 0;
  }

  .generated-lightbox-close,
  .generated-lightbox-prev,
  .generated-lightbox-next {
    position: fixed;
    z-index: 2147483647;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-family: Arial, sans-serif;
    text-shadow: 0 2px 12px rgba(0,0,0,0.9);
    padding: 0;
  }

  .generated-lightbox-close {
    top: 18px;
    right: 20px;
    font-size: 42px;
  }

  .generated-lightbox-prev,
  .generated-lightbox-next {
    top: 50%;
    transform: translateY(-50%);
    font-size: 64px;
  }

  .generated-lightbox-prev {
    left: 18px;
  }

  .generated-lightbox-next {
    right: 18px;
  }

  html.generated-lightbox-open,
  body.generated-lightbox-open {
    overflow: hidden !important;
  }

  @media (max-width: 700px) {
    #gallery-861945 {
      grid-template-columns: 1fr;
      grid-template-rows: none;
      gap: 10px;
      padding: 10px;
    }

    #gallery-861945 .gallery-tile {
      grid-column: auto !important;
      grid-row: auto !important;
    }

    #gallery-861945 .gallery-tile img {
      height: auto;
      aspect-ratio: 4 / 3;
    }

    .generated-lightbox-stage {
      padding: 14px;
    }

    .generated-lightbox-close {
      top: 12px;
      right: 12px;
      font-size: 36px;
    }

    .generated-lightbox-prev,
    .generated-lightbox-next {
      font-size: 48px;
    }

    .generated-lightbox-prev {
      left: 6px;
    }

    .generated-lightbox-next {
      right: 6px;
    }
  }
</style>

<section id="gallery-861945">

  <button class="gallery-tile tile-0" type="button" data-index="0" data-full="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Ext-5.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Ext-5.jpg" alt="">
  </button>
  <button class="gallery-tile tile-1" type="button" data-index="1" data-full="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Ext-2.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Ext-2.jpg" alt="">
  </button>
  <button class="gallery-tile tile-2" type="button" data-index="2" data-full="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Ext-1.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Ext-1.jpg" alt="">
  </button>
  <button class="gallery-tile tile-3" type="button" data-index="3" data-full="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Int-3.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Int-3.jpg" alt="">
  </button>
  <button class="gallery-tile tile-4" type="button" data-index="4" data-full="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Int-4.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Int-4.jpg" alt="">
  </button>
  <button class="gallery-tile tile-5" type="button" data-index="5" data-full="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Int-1.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Int-1.jpg" alt="">
  </button>
  <button class="gallery-tile tile-6" type="button" data-index="6" data-full="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Ext-6.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Ext-6.jpg" alt="">
  </button>
  <button class="gallery-tile tile-7" type="button" data-index="7" data-full="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Ext-4.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Ext-4.jpg" alt="">
  </button>
  <button class="gallery-tile tile-8" type="button" data-index="8" data-full="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Ext-3.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2019/09/129-NCB-Ext-3.jpg" alt="">
  </button>
</section>

<script>
  (function () {
    var gallery = document.getElementById('gallery-861945');
    if (!gallery || gallery.dataset.ready === 'true') return;
    gallery.dataset.ready = 'true';

    var items = Array.prototype.slice.call(gallery.querySelectorAll('.gallery-tile'));
    var images = items.map(function(item) {
      var img = item.querySelector('img');
      return {
        src: item.getAttribute('data-full'),
        alt: img ? img.alt : ''
      };
    });

    var oldLightbox = document.querySelector('.generated-lightbox');
    if (oldLightbox) oldLightbox.remove();

    var lightbox = document.createElement('div');
    lightbox.className = 'generated-lightbox';

    lightbox.innerHTML =
      '<button class="generated-lightbox-close" type="button">&times;</button>' +
      '<button class="generated-lightbox-prev" type="button">‹</button>' +
      '<div class="generated-lightbox-stage"><img decoding="async" class="generated-lightbox-img is-hidden" src="" alt=""></div>' +
      '<button class="generated-lightbox-next" type="button">›</button>';

    document.body.appendChild(lightbox);

    var lightboxImg = lightbox.querySelector('.generated-lightbox-img');
    var stage = lightbox.querySelector('.generated-lightbox-stage');
    var closeBtn = lightbox.querySelector('.generated-lightbox-close');
    var prevBtn = lightbox.querySelector('.generated-lightbox-prev');
    var nextBtn = lightbox.querySelector('.generated-lightbox-next');

    var current = 0;
    var isOpen = false;
    var startX = 0;
    var endX = 0;

    function normalize(index) {
      return (index + images.length) % images.length;
    }

    function show(index) {
      current = normalize(index);
      lightboxImg.classList.add('is-hidden');

      setTimeout(function() {
        lightboxImg.src = images[current].src;
        lightboxImg.alt = images[current].alt;

        requestAnimationFrame(function() {
          lightboxImg.classList.remove('is-hidden');
        });
      }, 100);
    }

    function open(index) {
      isOpen = true;
      document.documentElement.classList.add('generated-lightbox-open');
      document.body.classList.add('generated-lightbox-open');
      lightbox.classList.add('is-open');
      show(index);
    }

    function close() {
      isOpen = false;
      document.documentElement.classList.remove('generated-lightbox-open');
      document.body.classList.remove('generated-lightbox-open');
      lightbox.classList.remove('is-open');
      lightboxImg.classList.add('is-hidden');
    }

    document.addEventListener('click', function(event) {
      var clicked = event.target.closest('#gallery-861945 .gallery-tile');
      if (!clicked) return;

      event.preventDefault();
      event.stopPropagation();

      var index = parseInt(clicked.getAttribute('data-index'), 10);
      if (!isNaN(index)) open(index);
    }, true);

    closeBtn.onclick = function(event) {
      event.stopPropagation();
      close();
    };

    nextBtn.onclick = function(event) {
      event.stopPropagation();
      show(current + 1);
    };

    prevBtn.onclick = function(event) {
      event.stopPropagation();
      show(current - 1);
    };

    lightbox.onclick = function(event) {
      if (event.target === lightbox || event.target === stage) close();
    };

    document.addEventListener('keydown', function(event) {
      if (!isOpen) return;

      if (event.key === 'Escape') close();
      if (event.key === 'ArrowRight') show(current + 1);
      if (event.key === 'ArrowLeft') show(current - 1);
    });

    lightboxImg.addEventListener('touchstart', function(event) {
      if (!event.touches.length) return;
      startX = event.touches[0].clientX;
    }, { passive: true });

    lightboxImg.addEventListener('touchend', function(event) {
      if (!event.changedTouches.length) return;
      endX = event.changedTouches[0].clientX;

      if (Math.abs(endX - startX) > 45) {
        if (endX < startX) show(current + 1);
        else show(current - 1);
      }
    }, { passive: true });
  })();
</script>
<p>The post <a href="https://www.cladinc.us/projects/national-city-development/">129 NCB</a> appeared first on <a href="https://www.cladinc.us">CLAD</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">25</post-id>	</item>
	</channel>
</rss>
