/* Keep the existing animation schedule; provide room for each full line. */
.container { width: min(100% - 32px, 720px); }
.word { width: max-content; }
.word .text, .word .cursor, .word-final .text > span { flex-shrink: 0; }
@keyframes typing1 { to { width: 16.35ch; } }
@keyframes typing2 { to { width: 15.35ch; } }
@keyframes typing3 { to { width: 17.35ch; } }
@keyframes typing4 { to { width: 18.35ch; } }
@keyframes typing5 { to { width: 19.35ch; } }
@keyframes typing6 { to { width: 15.35ch; } }
.coming-soon { font-size: 15px; letter-spacing: 0; transform: translateX(-7.5ch); }
@keyframes typingCS { to { width: 14ch; } }
@media (max-width: 480px) {
  .word { font-size: clamp(20px, 6vw, 28px); }
  .word-final { font-size: clamp(30px, 9vw, 42px); }
  .tagline { transform: translateX(-50%); }
}