/* Intro scroll animations and styling */

/* Fluid scrolling effect - words appear as you scroll */
.fluid ul li {
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Show words as user scrolls */
@media (prefers-reduced-motion: no-preference) {
    /* Default styling handled in inline styles in index.html */
}

/* For accessibility */
@media (prefers-reduced-motion: reduce) {
    .fluid ul li {
        opacity: 1 !important;
    }
}

/* Ensure intro words position relative to their bordered container */
#intro-scroll .intro-right ul {
    position: relative;
}