html {
      scroll-behavior: smooth;
    }
    /* Simple fade/slide on scroll */
    .reveal {
      opacity: 0;
      transform: translateY(20px);
      transition: all 700ms ease;
    }
    .reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }
    /* Masonry-style columns */
    .masonry {
      column-count: 3;
      column-gap: 1rem;
    }
    @media (max-width: 1024px) {
      .masonry {
        column-count: 2;
      }
    }
    @media (max-width: 640px) {
      .masonry {
        column-count: 1;
      }
    }