/* Optical logo sizing and custom outlined Chinese lettering. */
.site-header .brand{gap:12px;flex:0 0 auto;max-width:none}
.site-header .brand-mark{display:block;flex:0 0 72px;width:72px;height:52px;object-fit:contain}
.site-header .brand-wordmark{display:block;flex:0 0 auto}
.site-header .brand-wordmark strong{display:block;width:152px;height:33.48px;line-height:0;letter-spacing:0}
.site-header .brand-lettering{display:block;width:152px;height:33.48px;max-width:none;object-fit:contain}
.site-header .brand-wordmark small{margin-top:5px;font-size:9px;line-height:1.1;letter-spacing:.15em;color:#576c7b}
.footer-brand-lockup{gap:12px}
.footer-brand-lockup .footer-mark{display:block;flex:0 0 72px;width:72px;height:52px;object-fit:contain}
.footer-brand-lockup strong{display:block;width:146px;height:32.16px;line-height:0;letter-spacing:0}
.footer-brand-lockup .brand-lettering{display:block;width:146px;height:32.16px;max-width:none;object-fit:contain}
.footer-brand-lockup small{font-size:8px;letter-spacing:.16em;margin-top:6px}
@media(max-width:820px){
 .site-header .nav-cta{display:none}
 .site-header .nav-shell{min-width:0}
 .site-header .menu-button{flex:0 0 44px}
}
@media(max-width:560px){
 .site-header .brand{gap:9px}
 .site-header .brand-mark{flex-basis:56px;width:56px;height:40px}
 .site-header .brand-wordmark strong,.site-header .brand-lettering{width:130px;height:28.64px}
 .site-header .brand-wordmark small{font-size:7.8px;letter-spacing:.14em;margin-top:4px}
 .footer-brand-lockup{gap:9px}
 .footer-brand-lockup .footer-mark{flex-basis:56px;width:56px;height:40px}
 .footer-brand-lockup strong,.footer-brand-lockup .brand-lettering{width:125px;height:27.53px}
 .footer-brand-lockup small{font-size:7px;letter-spacing:.12em;margin-top:5px}
}