document.addEventListener("DOMContentLoaded", function() {
let header = document.querySelector('.header') || document.querySelector('header');
if (header) {
// Prevent Squarespace from modifying the header
let observer = new MutationObserver(() => {
header.style.opacity = "1";
header.style.transform = "translateY(0)";
header.style.position = "fixed";
header.style.top = "0";
});
observer.observe(header, { attributes: true, attributeFilter: ["style", "data-scrolled"] });
// Ensure it remains fixed on scroll
window.addEventListener('scroll', function() {
header.style.opacity = "1";
header.style.transform = "translateY(0)";
});
}
});
