/* Brand scale and company introduction, refined for the V14 release. */
.site-header .nav { height: 82px; }
.site-header .brand-logo { height: 50px; width: auto; max-width: 196px; max-height: none; }
html[lang="en"] .site-header .brand-logo { width: 194px; height: auto; max-width: 194px; max-height: none; }
.te-footer .brand-logo { height: 44px; width: auto; max-width: 196px; }
.about-story .company-intro { padding-block: clamp(42px,5vw,72px); }
.about-story .company-intro-layout { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(30px,4.5vw,64px); }
.company-brand-mark { margin-bottom: 28px; }
.company-brand-mark img { display: block; height: 62px; width: auto; max-width: 270px; }
html[lang="en"] .company-brand-mark img { width: 260px; height: auto; }
.about-story .company-intro h1 { font-size: clamp(40px,4.2vw,62px); line-height: 1.12; }
.about-story .company-intro .company-lead { margin-top: 24px; font-size: 18px; line-height: 1.8; }
.about-story .about-office { border-radius: 18px; }
.about-story .about-office img { aspect-ratio: 1.16; object-position: 12% center; }
.about-story .about-method { padding-block: clamp(48px,5.5vw,80px); }
.about-story .about-method-intro { display: block; }
.about-story .about-method-intro h2 { max-width: 25ch; font-size: clamp(31px,3.3vw,46px); line-height: 1.2; text-wrap: balance; }
:lang(zh) .about-story .about-method-intro h2 { max-width: 100%; }
.about-story .about-method-intro > p { margin-top: 24px; max-width: 82ch; font-size: 17px; line-height: 1.8; }
.about-story .about-loop { margin-top: 38px; gap: clamp(22px,3vw,42px); }
@media (min-width: 1081px) and (max-width: 1240px) {
  .site-header .nav { padding-inline: 24px; gap: 14px; }
  .site-header .nav-links { gap: 14px; }
  .site-header .nav-links > li > a { font-size: 13px; }
  .site-header .brand-logo { height: 46px; max-width: 170px; }
  html[lang="en"] .site-header .brand-logo { width: 170px; max-width: 170px; }
}
@media (max-width: 1080px) {
  .site-header .nav-links { max-height: calc(100dvh - 82px); }
}
@media (max-width: 850px) {
  .about-story .company-intro-layout { grid-template-columns: 1fr; gap: 32px; }
  .about-story .about-office { max-width: none; }
  .about-story .about-office img { aspect-ratio: 16 / 9; object-position: center; }
  .about-story .company-intro h1 { max-width: 19ch; }
}
@media (max-width: 600px) {
  .site-header .nav { height: 74px; gap: 8px; padding-inline: 14px; }
  .site-header .brand-logo { height: 40px; max-width: 144px; }
  html[lang="en"] .site-header .brand-logo { width: 150px; max-width: 150px; height: auto; }
  .site-header .nav-burger { padding-inline: 10px; font-size: 13px; }
  .site-header .lang-switch { gap: 1px; font-size: 13px; }
  .site-header .nav-links { max-height: calc(100dvh - 74px); }
  .company-brand-mark { margin-bottom: 22px; }
  .company-brand-mark img { height: 52px; max-width: 225px; }
  html[lang="en"] .company-brand-mark img { width: 220px; }
  .about-story .company-intro h1 { font-size: clamp(34px,8.8vw,46px); }
  .about-story .company-intro .company-lead { font-size: 16px; margin-top: 20px; }
  .about-story .about-office { border-radius: 12px; }
  .about-story .about-method-intro > p { margin-top: 20px; font-size: 16px; }
  .about-story .about-loop { gap: 24px 20px; margin-top: 30px; }
  .about-story .about-loop p { font-size: 14px; }
}
@media (max-width: 360px) {
  .site-header .brand-logo { height: 36px; max-width: 130px; }
  html[lang="en"] .site-header .brand-logo { width: 136px; max-width: 136px; }
}