.text-type {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.text-type__content {
    display: inline-block;
}

.text-type__cursor {
    margin-left: 0.25rem;
    display: inline-block;
    opacity: 1;
    animation: blink 0.7s infinite;
}

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

.text-type__cursor--hidden {
    display: none;
}

/* Mobile optimization */
@media (max-width: 768px) {
    .text-type {
        font-size: 1.75rem;
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    .text-type {
        font-size: 1.5rem;
        white-space: nowrap;
    }
}