//////////////////////////////////////////
// HEADER

gsap.to("header", {
  duration: 0.5,
  backgroundColor: "rgba(0,0,0,0.1)",
  backdropFilter: "blur(10px)",
  scrollTrigger: {
    trigger: "#hero",
    scrub: true,
    start: "center top", // "triggerElement page"
    end: "bottom top", // "triggerElement page"
  },
});
  
gsap.to(".header__logo", {
  duration: 0.5,
  opacity: "1",
  filter: "blur(0px)",
  scrollTrigger: {
    trigger: "#hero",
    scrub: true,
    start: "center top", // "triggerElement page"
    end: "bottom top", // "triggerElement page"
  },
});