Project overview

html,body{margin-bottom:0!important;padding-bottom:0!important;overflow-x:hidden!important}
.hrb-hero{background-image:url('https://homeremodelingbuilders.com/wp-content/uploads/2026/04/custom-new-home-construction-with-pool-in-southern-california-18.webp')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.hrb-why{align-items:flex-start!important}.hrb-why__left{align-self:flex-start!important;height:auto!important;min-height:0!important}.hrb-why__copy{height:auto!important;min-height:0!important}
.hrb-page .hrb-feature-media{max-height:560px!important;align-self:start!important;background:#eef5e9!important}
.hrb-page .hrb-feature-media img{width:100%!important;height:auto!important;max-height:560px!important;object-fit:contain!important;background:#eef5e9!important}
.hrb-page .hrb-why__image,.hrb-why__image{width:100%!important;height:100%!important;min-height:360px!important;object-fit:cover!important;object-position:center center!important;background:#eef5e9!important;display:block!important}
.hrb-page .hrb-innovation__media img,.hrb-innovation__media img{width:100%!important;height:auto!important;max-height:560px!important;object-fit:contain!important;background:#eef5e9!important;display:block!important}
.hrb-page .hrb-blog-featured,.hrb-blog-featured{background:#eef5e9!important;max-height:560px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
.hrb-page .hrb-blog-featured img,.hrb-blog-featured img{width:auto!important;max-width:100%!important;height:auto!important;max-height:560px!important;object-fit:contain!important;background:#eef5e9!important;margin:auto!important}
.hrb-page .hrb-gallery-grid figure:empty,.hrb-page .hrb-service-card figure:empty{display:none!important}
.hrb-page img.hrb-dupe-hidden,img.hrb-dupe-hidden,.hrb-dupe-hidden-box{display:none!important}
.hrb-project-card__meta{display:flex!important;flex-wrap:wrap!important;gap:0.35rem 0.55rem!important;align-items:center!important}
.hrb-project-card__meta span+span{margin-left:0!important}
@media (max-width:834px){
html,body{padding-bottom:0!important;margin-bottom:0!important;min-height:0!important}
.hrb-footer{padding-bottom:24px!important;margin-bottom:0!important}.hrb-footer-wrap{margin-bottom:0!important}.site-main,.page-content{padding-bottom:0!important;margin-bottom:0!important}
.hrb-hero{background-image:url('https://homeremodelingbuilders.com/wp-content/uploads/2026/04/custom-new-home-construction-with-pool-in-southern-california-18.webp')!important;background-size:cover!important;background-position:center center!important;min-height:auto!important}
.hrb-page .hrb-service-card figure,.hrb-page .hrb-feature-card figure,.hrb-page .hrb-blog-card__image,.hrb-page .hrb-project-card__image,.hrb-page .hmb-project-card__image,.hrb-page .hrb-project-card__media,.hrb-page .hmb-project-card__media,.hrb-project-card__image,.hmb-project-card__image,.hrb-project-card__media,.hmb-project-card__media{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;background:#eef5e9!important;display:block!important;overflow:hidden!important}
.hrb-page .hrb-service-card figure img,.hrb-page .hrb-feature-card figure img,.hrb-page .hrb-blog-card__image img,.hrb-page .hrb-project-card__image img,.hrb-page .hmb-project-card__image img,.hrb-page .hrb-project-card__media img,.hrb-page .hmb-project-card__media img,.hrb-project-card__image img,.hmb-project-card__image img,.hrb-project-card__media img,.hmb-project-card__media img{width:100%!important;height:auto!important;max-height:520px!important;object-fit:contain!important;object-position:center center!important;background:#eef5e9!important;display:block!important}
.hrb-page .hrb-why__image,.hrb-why__image{height:auto!important;min-height:0!important;max-height:560px!important;object-fit:contain!important;background:#eef5e9!important}
}

(function(){
function key(src){try{var f=(src||'').split('?')[0].split('/').pop().toLowerCase();return f.replace(/-\d+x\d+(?=\.)/,'').replace(/-(\d+)(?=\.)/,'').replace(/-copy(?=\.)/,'');}catch(e){return src||'';}}
function visible(img){var r=img.getBoundingClientRect(),cs=getComputedStyle(img);if(r.width<=80)return false;if(r.height<=70)return false;if(r.bottom=innerHeight)return false;if(cs.display==='none')return false;if(cs.visibility==='hidden')return false;return true;}
function lateCss(){
if(!document.getElementById('hrb-image-cleanup-late-20260428')){
var s=document.createElement('style'); s.id='hrb-image-cleanup-late-20260428';
s.textContent='html,body{padding-bottom:0!important;margin-bottom:0!important;overflow-x:hidden!important}.hrb-footer{margin-bottom:0!important}@media(max-width:834px){html,body{padding-bottom:0!important;margin-bottom:0!important}.hrb-footer{padding-bottom:24px!important}.hrb-gallery-grid figure,.hrb-blog-card>a:first-child,.hrb-blog-card .hrb-blog-card__image{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;background:#eef5e9!important;display:block!important}.hrb-gallery-grid figure img,.hrb-blog-card>a:first-child img,.hrb-blog-card .hrb-blog-card__image img{width:100%!important;height:auto!important;max-height:560px!important;object-fit:contain!important;background:#eef5e9!important;display:block!important}}';
document.head.appendChild(s);
}
if(document.body){document.body.style.setProperty('padding-bottom','0','important');document.body.style.setProperty('margin-bottom','0','important');}
document.documentElement.style.setProperty('padding-bottom','0','important');
}
function scalePortraits(){
if(innerWidth>834) return;
Array.prototype.forEach.call(document.images,function(img){
var r=img.getBoundingClientRect(), nw=img.naturalWidth||0, nh=img.naturalHeight||0; if(r.width<120||r.height<80||!nw||!nh) return;
var displayRatio=r.width/r.height, naturalRatio=nw/nh; if(naturalRatio1.65){img.style.setProperty('object-fit','contain','important');img.style.setProperty('height','auto','important');img.style.setProperty('max-height','560px','important');img.style.setProperty('background','#eef5e9','important'); var box=img.closest('figure,a,.hrb-blog-card__image,.hrb-project-card__image,.hmb-project-card__image'); if(box){box.style.setProperty('height','auto','important');box.style.setProperty('min-height','0','important');box.style.setProperty('aspect-ratio','auto','important');box.style.setProperty('background','#eef5e9','important');}}
});
}
function clean(){
lateCss(); scalePortraits();
document.querySelectorAll('img.hrb-dupe-hidden,.hrb-dupe-hidden-box').forEach(function(el){el.classList.remove('hrb-dupe-hidden');el.classList.remove('hrb-dupe-hidden-box');});
var seen={};
Array.prototype.forEach.call(document.images,function(img){
var k=key(img.currentSrc||img.src); if(!k||/logo/.test(k)) return;
if(!visible(img)) return;
if(seen[k]){ img.classList.add('hrb-dupe-hidden'); var box=img.closest('figure,a.hrb-project-card__image,a.hmb-project-card__image,.hmb-project-card__media,.hrb-project-card__media,.hrb-gallery-grid > *,picture'); if(box) box.classList.add('hrb-dupe-hidden-box'); } else seen[k]=true;
});
}
window.addEventListener('DOMContentLoaded',lateCss,{passive:true}); window.addEventListener('load',clean,{passive:true}); window.addEventListener('scroll',function(){requestAnimationFrame(clean);},{passive:true}); window.addEventListener('resize',clean,{passive:true}); setTimeout(clean,100); setTimeout(clean,600); setTimeout(clean,1800);
})();

Professional shingle roof replacement completed in Santa Ana, CA 92704. The selected media highlights new asphalt shingle roofing, with clear views of the finished result and project details. The gallery includes 19 selected project photos and 3 project videos.