document.addEventListener('DOMContentLoaded', function () { const root = document.querySelector('.lh-team'); if (!root) return; const tabs = root.querySelectorAll('.tab'); const cards = root.querySelectorAll('.card'); tabs.forEach(btn => btn.addEventListener('click', () => { tabs.forEach(b => b.classList.remove('is-active')); btn.classList.add('is-active'); const filter = btn.dataset.filter; cards.forEach(card => { const tokens = (card.dataset.role || '').toLowerCase().split(/\s+/); const show = filter === 'all' || tokens.includes(filter.toLowerCase()); card.style.display = show ? '' : 'none'; }); })); // Ensure external images behave nicely (see #2 below) root.querySelectorAll('.portrait img').forEach(img => { img.setAttribute('referrerpolicy','no-referrer'); img.setAttribute('loading','lazy'); img.setAttribute('decoding','async'); img.addEventListener('error', () => { img.style.display='none'; }); }); });