/* Text Reveal Section */
.text-reveal-section {
    width: 100%;
    min-height: 150vh;
    /* Scroll space */
    position: relative;
    background-color: transparent;
    display: flex;
    justify-content: center;
}

.text-reveal-container {
    padding: 0 32px;
    max-width: 1000px;
    width: 100%;
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-reveal-heading {
    text-align: left;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    width: 100%;
}

.reveal-text {
    /* Layered Gradient: 
       Top: Mask (Transparent -> Grey). 
       Bottom: Project Gradient (Gold -> Blue).
       
       Logic: We slide the Top mask.
       Start (100% pos): #555 (Grey) covers text.
       End (0% pos): Transparent covers text (revealing Bottom Gradient).
    */
    background-image:
        linear-gradient(90deg, transparent 50%, #444 50%),
        linear-gradient(0deg, #fff, #fff);
    background-size: 200% 100%, 100% 100%;
    background-position: 100% 0, 0 0;

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    /* -webkit-text-stroke: 0; Removed per user request */

    /* Ensure no other transforms interfere */
    transform: none;
    filter: none;
    opacity: 1;

    display: inline;
    /* Keep as inline for text wrap, or inline-block */
}

.reveal-text.reveal-text-gradient {
    background-image:
        linear-gradient(90deg, transparent 50%, #444 50%),
        var(--gradient-text-main);
}