AI for Property Management.

. */ (function () { var LIST_SELECTOR = '.testimonial18_list'; var ITEM_SELECTOR = '.testimonial18_item'; // Columns per breakpoint — tweak to taste. function columnCount() { var w = window.innerWidth; if (w <= 479) return 1; // mobile portrait if (w <= 991) return 2; // mobile landscape + tablet return 3; // desktop } function init(list) { var items = Array.prototype.slice.call(list.querySelectorAll(ITEM_SELECTOR)); if (!items.length) return; list._masonryItems = items; // Pull the gap straight from the existing Webflow styling. var cs = getComputedStyle(list); list._masonryGap = parseFloat(cs.rowGap || cs.gap) || 24; list.style.display = 'flex'; list.style.alignItems = 'flex-start'; list.style.gap = list._masonryGap + 'px'; layout(list); } function layout(list) { var items = list._masonryItems || []; if (!items.length) return; var cols = columnCount(); var gap = list._masonryGap || 24; // Tear down any existing columns (detaching items, not destroying them). Array.prototype.slice.call(list.querySelectorAll('.masonry-col')).forEach(function (c) { list.removeChild(c); }); // Build fresh columns. var columns = []; for (var i = 0; i < cols; i++) { var col = document.createElement('div'); col.className = 'masonry-col'; col.style.flex = '1 1 0'; col.style.minWidth = '0'; col.style.display = 'flex'; col.style.flexDirection = 'column'; col.style.gap = gap + 'px'; list.appendChild(col); columns.push(col); } // Place each item into whichever column is shortest right now. items.forEach(function (item) { var shortest = columns[0]; for (var j = 1; j < columns.length; j++) { if (columns[j].offsetHeight < shortest.offsetHeight) shortest = columns[j]; } shortest.appendChild(item); }); } function debounce(fn, wait) { var t; return function () { clearTimeout(t); t = setTimeout(fn, wait); }; } function start() { var list = document.querySelector(LIST_SELECTOR); if (!list) return; init(list); // Re-balance when the breakpoint (and column count) can change. window.addEventListener('resize', debounce(function () { layout(list); }, 150)); // Re-measure once iframes/images settle and heights are final. window.addEventListener('load', function () { layout(list); }); // Catch new items appended by Finsweet "Load More". var observer = new MutationObserver(function (mutations) { var added = false; mutations.forEach(function (m) { Array.prototype.slice.call(m.addedNodes).forEach(function (n) { if (n.nodeType === 1 && n.matches && n.matches(ITEM_SELECTOR)) { list._masonryItems.push(n); added = true; } }); }); if (added) layout(list); }); observer.observe(list, { childList: true }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', start); } else { start(); } })();