<?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>Custom homes Archives | CLAD</title>
	<atom:link href="https://www.cladinc.us/category/custom-homes/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.cladinc.us/category/custom-homes/</link>
	<description></description>
	<lastBuildDate>Tue, 07 Jul 2026 16:15:41 +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>Custom homes Archives | CLAD</title>
	<link>https://www.cladinc.us/category/custom-homes/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">170348416</site>	<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-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><strong>San Diego, CA</strong></strong></p>



<p class="has-text-align-left has-medium-font-size">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>756 G</title>
		<link>https://www.cladinc.us/projects/756-g-need-to-add-seo/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=756-g-need-to-add-seo</link>
		
		<dc:creator><![CDATA[Carson Powell]]></dc:creator>
		<pubDate>Sun, 07 Jun 2026 08:00:22 +0000</pubDate>
				<category><![CDATA[Custom homes]]></category>
		<category><![CDATA[Subdivision]]></category>
		<guid isPermaLink="false">https://www.cladinc.us/?post_type=projects&#038;p=255</guid>

					<description><![CDATA[<p>‎ </p>
<p>The post <a href="https://www.cladinc.us/projects/756-g-need-to-add-seo/">756 G</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-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><strong>San Diego, CA</strong></strong></p>



<p class="has-medium-font-size">This thoughtfully planned infill development reimagines a traditional Coronado lot into four contemporary for-sale residences through the subdivision of a 50’ x 140’ property into two narrower parcels. Each home is carefully designed to maximize livability within a compact footprint, including full basement levels that expand usable space while maintaining a compatible neighborhood scale above grade.&nbsp;</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/6-scaled.png"
    alt="756 G 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-604302 {
    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-604302 .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-604302 .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-604302 .gallery-tile:hover img {
    transform: scale(1.03);
  }


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

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

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

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

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

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

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

<script>
  (function () {
    var gallery = document.getElementById('gallery-604302');
    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-604302 .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/756-g-need-to-add-seo/">756 G</a> appeared first on <a href="https://www.cladinc.us">CLAD</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">255</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-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><strong>Sunset Cliffs, CA</strong></strong></p>



<p class="has-text-align-left has-medium-font-size">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>Sunset House</title>
		<link>https://www.cladinc.us/projects/sunset-house-la-jolla-custom-home-remodel/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=sunset-house-la-jolla-custom-home-remodel</link>
		
		<dc:creator><![CDATA[Carson Powell]]></dc:creator>
		<pubDate>Sun, 15 Sep 2019 12:05:24 +0000</pubDate>
				<category><![CDATA[Custom homes]]></category>
		<guid isPermaLink="false">http://localhost/wordpress5/?post_type=projects&#038;p=12</guid>

					<description><![CDATA[<p>‎ </p>
<p>The post <a href="https://www.cladinc.us/projects/sunset-house-la-jolla-custom-home-remodel/">Sunset 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-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><strong>La Jolla, CA</strong></strong></p>



<p class="has-medium-font-size">Located close to the beach and shops of La Jolla Shores, Sunset House transforms an existing nondescript home with a two-story contemporary addition. The existing garage and front wall remain to provide privacy and separation from the busy street, while much of the original home was reworked. An old sunroom addition at the back of the house was removed to increase private yard space and create room for a small pool and spa.</p>



<p class="has-medium-font-size">Oversized west-facing doors open toward the outdoor living area and are shaded by a roof over the new deck. A roof deck provides ocean views, while simple stucco volumes draw inspiration from Greek hillside homes. Wood accents mark the interior stair, adding warmth to the clean contemporary design. By preserving a portion of the existing home instead of starting from scratch, the project helped maintain the owners’ budget and retain existing non-conforming walls. The second floor steps back from the first floor to provide separation and privacy from neighbors and the public street.</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/Paseo-del-Ocaso-62.jpg"
    alt="Sunset 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-621585 {
    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-621585 .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-621585 .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-621585 .gallery-tile:hover img {
    transform: scale(1.03);
  }


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

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

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

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

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

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

  <button class="gallery-tile tile-0" type="button" data-index="0" data-full="https://www.cladinc.us/wp-content/uploads/2019/09/Paseo-del-Ocaso-62.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2019/09/Paseo-del-Ocaso-62.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/Paseo-del-Ocaso-22.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2019/09/Paseo-del-Ocaso-22.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/Paseo-del-Ocaso-23.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2019/09/Paseo-del-Ocaso-23.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/Paseo-del-Ocaso-63.jpg">
    <img loading="eager" decoding="async" src="https://www.cladinc.us/wp-content/uploads/2019/09/Paseo-del-Ocaso-63.jpg" alt="">
  </button>
</section>

<script>
  (function () {
    var gallery = document.getElementById('gallery-621585');
    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-621585 .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-house-la-jolla-custom-home-remodel/">Sunset House</a> appeared first on <a href="https://www.cladinc.us">CLAD</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">12</post-id>	</item>
	</channel>
</rss>
