@keyframes brand-path {
  0% { left:58%; top:55%; transform:translate(-50%,-50%) scale(.15); }
  22% { transform:translate(-50%,-50%) scale(1); }
  68% { left:8%; top:55%; transform:translate(0,-50%) scale(1); }
  86%,100% { left:22px; top:22px; transform:none; }
}

.word { animation:word-fold .35s 2.62s cubic-bezier(.7,0,.3,1) forwards; transform-origin:left center; }
@keyframes word-fold { to { opacity:0; transform:translateX(-18px) scaleX(.04); filter:blur(5px); } }

.corner-brand {
  position:fixed; left:18px; top:16px; z-index:1; display:flex; align-items:center;
  gap:9px; font:11px/1 ui-monospace,monospace; letter-spacing:.16em; opacity:0;
  animation:corner-arrive .25s 3.25s forwards;
}
@keyframes corner-arrive { to { opacity:1; } }