/* Scoped to: portfolio-template-hero */
(function() {
  'use strict';
  var componentRoots = document.querySelectorAll('[data-component-slug="portfolio-template-hero"]');
  componentRoots.forEach(function(componentRoot) {
    // Helper to query within component, with fallback to document for sibling elements
    var $ = function(sel) { 
      return componentRoot.querySelector(sel) || document.querySelector('[data-component-slug="portfolio-template-hero"] ~ ' + sel) || document.querySelector(sel);
    };
    var $$ = function(sel) { 
      var results = componentRoot.querySelectorAll(sel);
      return results.length ? results : document.querySelectorAll(sel);
    };
    // Original component JS runs in this scope
    const playBtn = document.getElementById("playVideoBtn"); const thumb = document.getElementById("videoThumbnail"); const video = document.getElementById("heroVideo"); playBtn.addEventListener("click", function () { thumb.style.display = "none"; video.classList.remove("hidden"); video.play(); });
  });
})();