/* Shared source logo across all sections, languages and viewport sizes. */
.site-header > .brand { flex: 0 0 auto; min-width: 0; padding: 5px 0; }
.brand .brand-logo { display: block; width: 196px; height: auto; max-width: 100%; object-fit: contain; }
.footer-brand .brand { display: inline-flex; max-width: 100%; }
.footer-brand .brand-logo { width: 290px; }
@media (min-width: 1001px) and (max-width: 1250px) {
  .site-header > .brand .brand-logo { width: 166px; }
}
@media (max-width: 700px) {
  .site-header > .brand .brand-logo { width: 158px; }
  .footer-brand .brand-logo { width: 250px; }
}
@media (max-width: 380px) {
  .site-header > .brand .brand-logo { width: 136px; }
}

.brand .brand-logo { height: 75px; object-fit: contain; }
.footer-brand .brand-logo { height: 110px; }
@media(max-width:600px){.site-header > .brand .brand-logo {height:60px;}}
/* Gold logo plaque, matched to the navigation button finish. */
.site-header > .brand,
.footer-brand .brand {
  width: 100px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e5cf91;
  border-radius: 10px;
  background: linear-gradient(145deg, #f4e2ad 0%, #d6b96f 48%, #b89446 100%);
  box-shadow: inset 0 1px 0 #fff2c5, inset 0 -2px 3px #92703980, 0 4px 9px #00000055;
  isolation: isolate;
}
.site-header > .brand .brand-logo,
.footer-brand .brand .brand-logo {
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
  border-radius: inherit;
}
.footer-brand .brand { width: 147px; }
@media (max-width: 600px) {
  .site-header > .brand { width: 80px; }
}
.search-header > a:first-child {
  display: block;
  width: 86px;
  overflow: hidden;
  border: 1px solid #e5cf91;
  border-radius: 10px;
  background: linear-gradient(145deg, #f4e2ad, #d6b96f 48%, #b89446);
  box-shadow: inset 0 1px 0 #fff2c5, inset 0 -2px 3px #92703980, 0 4px 9px #00000055;
  isolation: isolate;
}
.search-header > a:first-child img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }

.hero-copy .yuqiang-values {font-size:18px;line-height:1.8;letter-spacing:.18em;color:#e4cf91;margin:16px 0 22px;}
@media(max-width:600px){.hero-copy .yuqiang-values{font-size:15px;letter-spacing:.12em;}}

/* Moving rainbow fills the lettering while keeping the slogan on one line. */
.qianhai-hero .hero-copy h1.yuqiang-rainbow-title,
html[lang=en] .qianhai-hero .hero-copy h1.yuqiang-rainbow-title {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  font-size: clamp(26px, 3.3vw, 54px);
  line-height: 1.4;
  letter-spacing: 0;
  color: transparent;
  background: linear-gradient(110deg, #ff7777, #ffb65c, #ffe881, #81edb1, #80dfff, #a9a1ff, #f79be4, #ff7777);
  background-size: 300% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 2px 8px #00000055);
  animation: yuqiang-rainbow-flow 9s ease-in-out infinite alternate;
}
@keyframes yuqiang-rainbow-flow {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}
@media(max-width:700px) {
  .qianhai-hero .hero-copy h1.yuqiang-rainbow-title,
  html[lang=en] .qianhai-hero .hero-copy h1.yuqiang-rainbow-title { font-size: clamp(22px, 7.3vw, 40px); }
}
@media(prefers-reduced-motion:reduce) {
  .qianhai-hero .hero-copy h1.yuqiang-rainbow-title { animation: none; }
}

html[lang=en] .qianhai-hero .hero-copy h1.yuqiang-rainbow-title {font-size:clamp(22px,2.25vw,38px);}
html[lang=en] .hero-copy .yuqiang-values {font-size:14px;letter-spacing:.03em;}
@media(max-width:700px){
 html[lang=en] .qianhai-hero .hero-copy h1.yuqiang-rainbow-title {font-size:clamp(14px,4.3vw,26px);}
 html[lang=en] .hero-copy .yuqiang-values {font-size:12px;letter-spacing:0;}
}

#products .content-heading.yuqiang-product-wish {
  display:block;
  text-align:center;
  padding: 22px 0 36px;
}
#products .yuqiang-product-wish h2 {
  width:100%;
  max-width:1100px;
  margin:0 auto;
  font-family:"Microsoft YaHei","PingFang SC",sans-serif;
  font-size:clamp(26px,3vw,44px);
  font-weight:600;
  line-height:1.55;
  letter-spacing:.035em;
  color:#e8d398;
  text-wrap:balance;
}
@media(max-width:700px){
 #products .content-heading.yuqiang-product-wish{padding:16px 0 28px;}
 #products .yuqiang-product-wish h2{font-size:clamp(24px,6vw,32px);letter-spacing:.02em;}
}
