/* Custom smooth scroll */
        html { scroll-behavior: smooth; }




/* Sections will start invisible and slightly lower */
    .reveal-section {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s ease-out;
    }

    /* This class will be added via JS when the section is in view */
    .reveal-section.is-visible {
        opacity: 1;
        transform: translateY(0);
    }