/* Storylinn Animations (v1.1 - Snappy Typing)
    Optimized for character-by-character insertion
*/

/* The Typewriter Cursor */
.cursor {
    display: inline-block;
    width: 3px; /* Slightly thicker for better visibility */
    height: 1.1em;
    background-color: var(--text);
    margin-left: 2px;
    vertical-align: middle;
    animation: blink 0.8s step-end infinite;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* Character Reveal: Faster transition for typewriter feel */
.char {
    display: inline-block;
    opacity: 0;
    filter: blur(8px);
    transition: opacity 0.2s ease-out, filter 0.2s ease-out;
}

.char.visible {
    opacity: 1;
    filter: blur(0px);
}

/* The 7-second Transition Out */
.blur-out {
    animation: blurOutEffect 0.8s ease-in forwards;
}

@keyframes blurOutEffect {
    0% {
        filter: blur(0px);
        opacity: 1;
        transform: scale(1);
    }
    100% {
        filter: blur(25px);
        opacity: 0;
        transform: scale(1.03);
    }
}

/* Lightbox Page Entry */
.slide-up {
    animation: slideUp 0.5s ease-out forwards;
}

@keyframes slideUp {
    from { transform: translateY(30px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}