.header .brand-symbol {display:block;position:relative;width:46px;height:46px;flex-shrink:0;overflow:visible}
.brand-symbol .brand-still {position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;opacity:1;animation:none;transform:none}
.header .brand-copy {display:flex;flex-direction:column;align-items:flex-start;gap:6px;line-height:1}
.header .brand-wordmark {display:block;width:180px;height:auto;max-width:none;flex-shrink:0}
.header .brand-copy small {margin-top:0}
.hero-signature.signature-cn {font-size:0;line-height:0;transform:rotate(-5deg);opacity:1}
.signature-cn img {display:block;width:100%;height:auto;max-width:none}
/* 0.9s spelling + 4s hold + 0.9s reverse deletion + 1s blank. */
.header .brand-letter {opacity:0;animation-duration:6.8s;animation-timing-function:linear;animation-iteration-count:infinite}
.header .brand-letter-0 {animation-name:yunduo-letter-0}
.header .brand-letter-1 {animation-name:yunduo-letter-1}
.header .brand-letter-2 {animation-name:yunduo-letter-2}
.header .brand-letter-3 {animation-name:yunduo-letter-3}
.header .brand-letter-4 {animation-name:yunduo-letter-4}
.header .brand-letter-5 {animation-name:yunduo-letter-5}
@keyframes yunduo-letter-0 {0%{opacity:0}2.205882%,83.088235%{opacity:1}85.294118%,100%{opacity:0}}
@keyframes yunduo-letter-1 {0%,2.205882%{opacity:0}4.411765%,80.882353%{opacity:1}83.088235%,100%{opacity:0}}
@keyframes yunduo-letter-2 {0%,4.411765%{opacity:0}6.617647%,78.676471%{opacity:1}80.882353%,100%{opacity:0}}
@keyframes yunduo-letter-3 {0%,6.617647%{opacity:0}8.823529%,76.470588%{opacity:1}78.676471%,100%{opacity:0}}
@keyframes yunduo-letter-4 {0%,8.823529%{opacity:0}11.029412%,74.264706%{opacity:1}76.470588%,100%{opacity:0}}
@keyframes yunduo-letter-5 {0%,11.029412%{opacity:0}13.235294%,72.058824%{opacity:1}74.264706%,100%{opacity:0}}
.footer .brand-icon {width:36px;height:36px;object-fit:contain}
@media(min-width:1000px){.header .brand-symbol{width:2.916667vw;height:2.916667vw;max-width:56px;max-height:56px}.header .brand-wordmark{width:9.375vw;max-width:180px}.header .brand-copy{gap:min(.3125vw,6px)}}
@media(max-width:760px){.header .brand-symbol{width:38px;height:38px}.header .brand-wordmark{width:116px}.header .brand-copy{gap:5px}}
@media(prefers-reduced-motion:reduce){.header .brand-letter{animation:none;opacity:1}}