/* Ma Shan Zheng, SIL OFL 1.1. See /fonts/OFL-MaShanZheng.txt.
   Shared glyph subset for the site mark and its Chinese tagline. */
@font-face{
 font-family:'Maoshan Calligraphy';
 font-style:normal;
 font-weight:400;
 font-display:swap;
 src:url('/fonts/maoshan-calligraphy-v2.ttf') format('truetype');
 unicode-range:U+4E0D,U+4F20,U+5C71,U+606F,U+627F,U+751F,U+7684,U+8305;
}
.brand .brand-seal{
 display:flex;
 align-items:center;
 justify-content:center;
 writing-mode:vertical-rl;
 text-orientation:upright;
 font-family:'Maoshan Calligraphy',var(--cjk);
 font-weight:400;
 font-style:normal;
 font-synthesis:none;
 line-height:1;
 letter-spacing:0;
 border-radius:1px;
}
.site-header .brand .brand-seal{
 width:33px;
 height:56px;
 padding:3px 2px;
 font-size:25px;
 flex-shrink:0;
}
.site-header .brand-type .brand-tagline{
 display:block;
 margin-top:6px;
 font-family:'DM Sans',Arial,sans-serif;
 font-size:8px;
 font-weight:400;
 line-height:1.35;
 letter-spacing:.15em;
 color:#687063;
}
html[lang=zh-CN] .site-header .brand-type .brand-tagline{
 font-family:'Maoshan Calligraphy',var(--cjk);
 font-size:11px;
 line-height:1.25;
 letter-spacing:.14em;
}
.site-footer .brand .brand-seal{
 width:39px;
 height:66px;
 padding:4px 3px;
 font-size:29px;
 flex-shrink:0;
}
.site-footer .brand .brand-type{
 font-family:'DM Sans',Arial,sans-serif;
 font-size:23px;
 line-height:1.15;
 letter-spacing:.22em;
}
.site-footer .brand-type .brand-tagline{
 display:block;
 margin-top:8px;
 font-family:'DM Sans',Arial,sans-serif;
 font-size:9px;
 font-weight:400;
 line-height:1.4;
 letter-spacing:.15em;
 color:inherit;
 opacity:.82;
}
html[lang=zh-CN] .site-footer .brand-type .brand-tagline{
 font-family:'Maoshan Calligraphy',var(--cjk);
 font-size:14px;
 line-height:1.3;
 letter-spacing:.14em;
}
@media(max-width:600px){
 .site-header .brand{gap:9px}
 .site-header .brand .brand-seal{width:28px;height:46px;padding:2px;font-size:21px}
 .site-header .brand-type .brand-tagline{font-size:6.5px;letter-spacing:.1em;margin-top:5px}
 html[lang=zh-CN] .site-header .brand-type .brand-tagline{font-size:10px;letter-spacing:.12em}
}
@media(max-width:360px){
 .site-header .brand{gap:7px}
 .site-header .brand .brand-seal{width:26px;height:44px;font-size:20px}
 .site-header .brand-type .brand-tagline{font-size:6px;letter-spacing:.08em}
 html[lang=zh-CN] .site-header .brand-type .brand-tagline{font-size:9px;letter-spacing:.11em}
}