.hero-content .typewriter {
    display: flex;
    align-items: baseline;
    min-height: 2rem;
    height: 2rem;
    line-height: 1;
}

.hero-content .typed-text,
.hero-content .cursor {
    display: inline-block;
    font-size: clamp(1.125rem, 1.65vw, 1.35rem);
    line-height: 1.35;
    vertical-align: baseline;
}

.hero-content .cursor {
    margin-left: 0.06em;
}

@media (max-width: 768px) {
    .hero-content .typewriter {
        min-height: 2.25rem;
        height: 2.25rem;
    }

    .hero-content .typed-text,
    .hero-content .cursor {
        font-size: clamp(1.2rem, 5vw, 1.45rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-content .cursor {
        animation-duration: 1.4s;
    }
}