/* Footprints build an ascending trail, one planted step at a time. */
.ui-about .ui-footsteps { position:absolute; width:40%; height:350px; right:0; top:42px; overflow:visible; pointer-events:none; }
.ui-about .ui-growth-line { fill:none; stroke:#abb4ab; stroke-width:1; stroke-dasharray:2 7; opacity:.2; }
.ui-about .ui-growth-arrow { fill:none; stroke:#df454c; stroke-width:1.5; opacity:.8; }
.ui-about .ui-footfall { color:#edece1; opacity:.28; animation:about-footfall 7.2s linear infinite; animation-delay:calc(var(--step) * .85s); transform-origin:14px 38px; }
.ui-about .ui-footfall-5, .ui-about .ui-footfall-6 { color:#df454c; }
.ui-about .ui-growth-caption { fill:#bfc7bb; font-size:11px; letter-spacing:2px; }
@keyframes about-footfall {
  0% { opacity:.28; transform:translate(-3px,6px) scale(1.08); }
  5%,18% { opacity:1; transform:translate(0,0) scale(1); }
  40%,100% { opacity:.28; transform:translate(0,0) scale(1); }
}
.ui-about:lang(zh-CN) .ui-credential-strip span { display:flex; align-items:center; justify-content:center; font-size:clamp(16px,1.6vw,22px); line-height:1.6; letter-spacing:.02em; }
@media (max-width:767px) {
  .ui-about .ui-footsteps { width:35%; height:192px; top:7px; right:0; }
  .ui-about .ui-year-number { font-size:clamp(78px,20vw,130px); }
  .ui-about .ui-growth-caption { font-size:13px; letter-spacing:1px; }
}
@media (prefers-reduced-motion:reduce) {
  .ui-about .ui-footfall { animation:none; opacity:.55; }
  .ui-about .ui-footfall-5, .ui-about .ui-footfall-6 { opacity:1; }
}

.ui-about:lang(en) .ui-growth-caption { font-size:10px; letter-spacing:.3px; }