.hero-typing-title.is-typing::after {
    content: "|";
    display: inline-block;
    margin-left: 4px;
    color: #ffffff;
    animation: heroTypingBlink 0.8s steps(1, end) infinite;
}

.hero-brand-accent {
    color: #d4b183;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(212, 177, 131, 0.35);
}

@keyframes heroTypingBlink {
    0%,
    49% {
        opacity: 1;
    }

    50%,
    100% {
        opacity: 0;
    }
}