/* ========================================= CTA MEDIA CARD — DESKTOP HOVER VIDEO ========================================= */ document.addEventListener('DOMContentLoaded', function () { const cards = document.querySelectorAll('.cta-media-card'); const desktopQuery = window.matchMedia('(min-width: 992px)'); if (!cards.length) return; function openCard(card) { if (!desktopQuery.matches) return; const video = card.querySelector('.cta-media-card-video'); const linkWrap = card.querySelector('.cta-media-card-link-wrap'); card.classList.add('is-hovered'); if (linkWrap) { linkWrap.style.height = linkWrap.scrollHeight + 'px'; linkWrap.style.opacity = '1'; } if (video) { video.currentTime = 0; video.play().catch(function () {}); } } function closeCard(card) { const video = card.querySelector('.cta-media-card-video'); const linkWrap = card.querySelector('.cta-media-card-link-wrap'); card.classList.remove('is-hovered'); if (linkWrap && desktopQuery.matches) { linkWrap.style.height = '0px'; linkWrap.style.opacity = '0'; } if (video) { video.pause(); video.currentTime = 0; } } cards.forEach(function (card) { card.addEventListener('mouseenter', function () { openCard(card); }); card.addEventListener('mouseleave', function () { closeCard(card); }); }); }); /* ========================================= END CUSTOM INTERACTIONS ========================================= */