<?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>ADU DESIGN Archives | CLAD</title>
	<atom:link href="https://www.cladinc.us/category/adu-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.cladinc.us/category/adu-design/</link>
	<description></description>
	<lastBuildDate>Tue, 30 Jun 2026 16:17:27 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://www.cladinc.us/wp-content/uploads/2019/10/cropped-CLAD_Site_Icon_v15.png</url>
	<title>ADU DESIGN Archives | CLAD</title>
	<link>https://www.cladinc.us/category/adu-design/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">170348416</site>	<item>
		<title>40th and C Ave</title>
		<link>https://www.cladinc.us/projects/40th-and-c-ave/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=40th-and-c-ave</link>
		
		<dc:creator><![CDATA[Carson Powell]]></dc:creator>
		<pubDate>Sun, 07 Jun 2026 08:14:41 +0000</pubDate>
				<category><![CDATA[ADU DESIGN]]></category>
		<category><![CDATA[Subdivision]]></category>
		<guid isPermaLink="false">https://www.cladinc.us/?post_type=projects&#038;p=256</guid>

					<description><![CDATA[<p>‎ </p>
<p>The post <a href="https://www.cladinc.us/projects/40th-and-c-ave/">40th and C Ave</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-8f761849 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 wp-block-paragraph"><strong>San Diego, CA</strong></p>



<p class="has-medium-font-size wp-block-paragraph">This ambitious hillside subdivision transforms an underutilized property into a 10-lot residential community utilizing both San Diego’s ADU Bonus Program and California SB9 legislation. The development includes nine lots with a primary residence and two ADUs each, along with a tenth lot containing two single-family homes, significantly increasing housing production within an established neighborhood. Extensive coordination with the City, Caltrans, utility providers, and environmental consultants was required to secure discretionary approvals, including City Council approval. Carefully integrated into the hillside, the homes maintain a low-profile streetscape appearance while concealing additional living space within walk-out lower levels.&nbsp;</p>



<p class="has-medium-font-size wp-block-paragraph">40th and C City Council Approval: <a href="https://fox5sandiego.com/news/local-news/san-diego/san-diego-city-council-approves-new-housing-development-in-mt-hope/" type="link" id="https://fox5sandiego.com/news/local-news/san-diego/san-diego-city-council-approves-new-housing-development-in-mt-hope/">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/3A-scaled.jpg
"
    alt="40th and C Ave Subdivision Project"
    class="clad-big-project-image"
  />
</div>
</div>
</div>



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



<style>
  #gallery-139635 {
    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(4, 8vw);
    gap: 12px;
    padding: 12px;
    box-sizing: border-box;
    position: relative;
    z-index: 99999;
    isolation: isolate;
    background: #ffffff;
  }

  #gallery-139635 .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-139635 .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-139635 .gallery-tile:hover img {
    transform: scale(1.03);
  }


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

  #gallery-139635 .tile-1 {
    grid-column: 7 / 13;
    grid-row: 1 / 3;
  }

  #gallery-139635 .tile-2 {
    grid-column: 7 / 10;
    grid-row: 3 / 5;
  }

  #gallery-139635 .tile-3 {
    grid-column: 10 / 13;
    grid-row: 3 / 5;
  }


  .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-139635 {
      grid-template-columns: 1fr;
      grid-template-rows: none;
      gap: 10px;
      padding: 10px;
    }

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

    #gallery-139635 .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-139635">

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

<script>
  (function () {
    var gallery = document.getElementById('gallery-139635');
    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-139635 .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/40th-and-c-ave/">40th and C Ave</a> appeared first on <a href="https://www.cladinc.us">CLAD</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">256</post-id>	</item>
		<item>
		<title>Kendall</title>
		<link>https://www.cladinc.us/projects/slug-kendall-custom-home-design/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=slug-kendall-custom-home-design</link>
		
		<dc:creator><![CDATA[Carson Powell]]></dc:creator>
		<pubDate>Sun, 07 Jun 2026 08:14:40 +0000</pubDate>
				<category><![CDATA[ADU DESIGN]]></category>
		<category><![CDATA[Custom homes]]></category>
		<guid isPermaLink="false">https://www.cladinc.us/?post_type=projects&#038;p=250</guid>

					<description><![CDATA[<p>‎ </p>
<p>The post <a href="https://www.cladinc.us/projects/slug-kendall-custom-home-design/">Kendall</a> appeared first on <a href="https://www.cladinc.us">CLAD</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group clad-project-block"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 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 wp-block-paragraph"><strong><strong>San Diego, CA</strong></strong></p>



<p class="has-text-align-left has-medium-font-size wp-block-paragraph">This contemporary single-family residence pairs a clean modern aesthetic with seamless indoor-outdoor living through the careful placement of a detached ADU and central pool courtyard. The two structures create privacy and spatial separation while maintaining a strong visual connection across the site. Simple forms, expansive glazing, and restrained material selections give the home a timeless architectural character suited to Southern California living.</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/KENDALL_R02_Camera-Corona-Camera001@2.09_Street-View-scaled.jpg
"
    alt="Kendall Project"
    class="clad-big-project-image"
  />
</div>
</div>
</div>
</div></div>



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



<style>
  #gallery-367004 {
    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(4, 8vw);
    gap: 12px;
    padding: 12px;
    box-sizing: border-box;
    position: relative;
    z-index: 99999;
    isolation: isolate;
    background: #ffffff;
  }

  #gallery-367004 .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-367004 .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-367004 .gallery-tile:hover img {
    transform: scale(1.03);
  }


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

  #gallery-367004 .tile-1 {
    grid-column: 7 / 13;
    grid-row: 1 / 5;
  }


  .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-367004 {
      grid-template-columns: 1fr;
      grid-template-rows: none;
      gap: 10px;
      padding: 10px;
    }

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

    #gallery-367004 .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-367004">

  <button class="gallery-tile tile-0" type="button" data-index="0" data-full="https://www.cladinc.us/wp-content/uploads/2026/06/KENDALL_R03_Camera-Corona-Camera001@2.09_Street-View-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/KENDALL_R03_Camera-Corona-Camera001@2.09_Street-View-scaled.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/KENDALL_R02_Camera-Corona-Camera001@2.09_Street-View-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/KENDALL_R02_Camera-Corona-Camera001@2.09_Street-View-scaled.jpg" alt="">
  </button>
</section>

<script>
  (function () {
    var gallery = document.getElementById('gallery-367004');
    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-367004 .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/slug-kendall-custom-home-design/">Kendall</a> appeared first on <a href="https://www.cladinc.us">CLAD</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">250</post-id>	</item>
		<item>
		<title>Brindisi Guest House</title>
		<link>https://www.cladinc.us/projects/sunset-cliffs-guest-house-remodel/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=sunset-cliffs-guest-house-remodel</link>
		
		<dc:creator><![CDATA[Carson Powell]]></dc:creator>
		<pubDate>Sun, 07 Jun 2026 08:00:05 +0000</pubDate>
				<category><![CDATA[ADU DESIGN]]></category>
		<category><![CDATA[Custom homes]]></category>
		<guid isPermaLink="false">https://www.cladinc.us/?post_type=projects&#038;p=246</guid>

					<description><![CDATA[<p>‎ </p>
<p>The post <a href="https://www.cladinc.us/projects/sunset-cliffs-guest-house-remodel/">Brindisi Guest House</a> appeared first on <a href="https://www.cladinc.us">CLAD</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group clad-project-block"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 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 wp-block-paragraph"><strong><strong>Sunset Cliffs, CA</strong></strong></p>



<p class="has-text-align-left has-medium-font-size wp-block-paragraph">A former artist studio is thoughtfully transformed into a contemporary guest house. The studio was an addition to a Sunset Cliffs residence originally designed by mid-century architect Paul McKim in 1967. The remodel balances modern living with respect for the home’s architectural heritage, preserving the character and proportions of the original structure while introducing clean contemporary finishes and updated functionality. Carefully integrated into the existing residence, the project creates a quiet, light-filled retreat that reflects the timeless simplicity of Southern California modernism.</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/4452-Brindisi_C_035-scaled.jpg"
    alt="Brindisi Guest House Project"
    class="clad-big-project-image"
  />
</div>
</div>
</div>
</div></div>



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



<style>
  #gallery-894173 {
    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(10, 8vw);
    gap: 12px;
    padding: 12px;
    box-sizing: border-box;
    position: relative;
    z-index: 99999;
    isolation: isolate;
    background: #ffffff;
  }

  #gallery-894173 .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-894173 .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-894173 .gallery-tile:hover img {
    transform: scale(1.03);
  }


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

  #gallery-894173 .tile-1 {
    grid-column: 7 / 13;
    grid-row: 1 / 3;
  }

  #gallery-894173 .tile-2 {
    grid-column: 7 / 10;
    grid-row: 3 / 5;
  }

  #gallery-894173 .tile-3 {
    grid-column: 10 / 13;
    grid-row: 3 / 5;
  }

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

  #gallery-894173 .tile-5 {
    grid-column: 5 / 9;
    grid-row: 5 / 8;
  }

  #gallery-894173 .tile-6 {
    grid-column: 9 / 13;
    grid-row: 5 / 8;
  }

  #gallery-894173 .tile-7 {
    grid-column: 1 / 5;
    grid-row: 8 / 11;
  }

  #gallery-894173 .tile-8 {
    grid-column: 5 / 9;
    grid-row: 8 / 11;
  }

  #gallery-894173 .tile-9 {
    grid-column: 9 / 13;
    grid-row: 8 / 11;
  }


  .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-894173 {
      grid-template-columns: 1fr;
      grid-template-rows: none;
      gap: 10px;
      padding: 10px;
    }

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

    #gallery-894173 .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-894173">

  <button class="gallery-tile tile-0" type="button" data-index="0" data-full="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_D_075-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_D_075-scaled.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/4452-Brindisi_D_087-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_D_087-scaled.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/4452-Brindisi_B_014-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_B_014-scaled.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/4452-Brindisi_C_057-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_C_057-scaled.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/4452-Brindisi_C_022-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_C_022-scaled.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/4452-Brindisi_B_009-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_B_009-scaled.jpg" alt="">
  </button>
  <button class="gallery-tile tile-6" type="button" data-index="6" data-full="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_C_035-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_C_035-scaled.jpg" alt="">
  </button>
  <button class="gallery-tile tile-7" type="button" data-index="7" data-full="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_B_002-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_B_002-scaled.jpg" alt="">
  </button>
  <button class="gallery-tile tile-8" type="button" data-index="8" data-full="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_D_069-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_D_069-scaled.jpg" alt="">
  </button>
  <button class="gallery-tile tile-9" type="button" data-index="9" data-full="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_B_001-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/4452-Brindisi_B_001-scaled.jpg" alt="">
  </button>
</section>

<script>
  (function () {
    var gallery = document.getElementById('gallery-894173');
    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-894173 .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/sunset-cliffs-guest-house-remodel/">Brindisi Guest House</a> appeared first on <a href="https://www.cladinc.us">CLAD</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">246</post-id>	</item>
		<item>
		<title>Mount Harris</title>
		<link>https://www.cladinc.us/projects/mount-harris-adu-development/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=mount-harris-adu-development</link>
		
		<dc:creator><![CDATA[Carson Powell]]></dc:creator>
		<pubDate>Sun, 07 Jun 2026 07:57:28 +0000</pubDate>
				<category><![CDATA[ADU DESIGN]]></category>
		<guid isPermaLink="false">https://www.cladinc.us/?post_type=projects&#038;p=248</guid>

					<description><![CDATA[<p>‎ </p>
<p>The post <a href="https://www.cladinc.us/projects/mount-harris-adu-development/">Mount Harris</a> appeared first on <a href="https://www.cladinc.us">CLAD</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group clad-project-block"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 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 wp-block-paragraph"><strong>San Diego, CA</strong></p>



<p class="has-text-align-left has-medium-font-size wp-block-paragraph">Designed to leverage San Diego’s ADU Bonus Program, this three-story building adds three ADU’s nestled into a hillside along a busy corridor. The building is strategically positioned to act as a buffer from the street while generating meaningful long-term rental income for the homeowner. Stepped massing maximizes light, views, and privacy within a compact footprint.</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/5076-Mount-Harris-Dr-5-edit-scaled.jpg"
    alt="Mount Harris Project"
    class="clad-big-project-image"
  />
</div>
</div>
</div>
</div></div>



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



<style>
  #gallery-921781 {
    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-921781 .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-921781 .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-921781 .gallery-tile:hover img {
    transform: scale(1.03);
  }


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

  #gallery-921781 .tile-1 {
    grid-column: 7 / 13;
    grid-row: 1 / 4;
  }

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

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

  #gallery-921781 .tile-4 {
    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-921781 {
      grid-template-columns: 1fr;
      grid-template-rows: none;
      gap: 10px;
      padding: 10px;
    }

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

    #gallery-921781 .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-921781">

  <button class="gallery-tile tile-0" type="button" data-index="0" data-full="https://www.cladinc.us/wp-content/uploads/2026/06/5076-Mount-Harris-Dr-3-edit-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/5076-Mount-Harris-Dr-3-edit-scaled.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/5076-Mount-Harris-Dr-6-edit-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/5076-Mount-Harris-Dr-6-edit-scaled.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/5076-Mount-Harris-Dr-1-edit-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/5076-Mount-Harris-Dr-1-edit-scaled.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/5076-Mount-Harris-Dr-5-edit-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/5076-Mount-Harris-Dr-5-edit-scaled.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/5076-Mount-Harris-Dr-4-edit-scaled.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2026/06/5076-Mount-Harris-Dr-4-edit-scaled.jpg" alt="">
  </button>
</section>

<script>
  (function () {
    var gallery = document.getElementById('gallery-921781');
    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-921781 .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/mount-harris-adu-development/">Mount Harris</a> appeared first on <a href="https://www.cladinc.us">CLAD</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">248</post-id>	</item>
	</channel>
</rss>
