/* === GLOBAL === */
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:#f5f5f5;
  color:#222222;
  line-height:1.65;
}
.wrap{margin:0 auto;padding:12vh 28px 92px;}
a{color:inherit;text-decoration:none;border-bottom:1px solid #d2d2d2;padding-bottom:2px;transition:border-color .15s ease;}
a:hover{border-bottom-color:#222222;}
nav{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
nav a{
  color:inherit;
  text-decoration:none;
  border:1px solid #d2d2d2;
  background:#fff;
  border-radius:10px;
  padding:7px 14px;
  font-size:13px;
  font-weight:500;
  transition:background .15s ease;
}
nav a:hover{background:#f5f5f5;border-color:#d2d2d2;}
footer{font-size:13px;color:#666666;margin-top:88px;}

/* === HOME === */
body.home .wrap{max-width:920px;}
body.home .headline{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#777777;margin-bottom:52px;}
body.home p{font-size:18px;max-width:740px;margin:0 0 18px 0;}
body.home footer{margin-top:84px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}

/* === CHINA & CONTACT === */
body.china,body.contact{line-height:1.72;}

/* === CHINA === */
body.china .wrap{max-width:940px;padding:12vh 28px 96px;}
body.china .hero{display:flex;gap:38px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px;}
body.china .hero-text{flex:1 1 420px;min-width:280px;}
body.china .hero-image{flex:0 0 360px;}
body.china .hero-image img{width:100%;max-width:360px;height:auto;border-radius:4px;display:block;}
body.china h1{font-size:26px;margin:0 0 22px 0;font-weight:600;}
body.china h2{font-size:14px;text-transform:uppercase;letter-spacing:.06em;margin:34px 0 10px;color:#666666;}
body.china p{max-width:780px;margin:0 0 16px 0;}
body.china ul{margin:8px 0 0 20px;padding:0;}
body.china li{margin:8px 0;}
body.china .panel{border-left:2px solid #d2d2d2;padding-left:15px;margin-top:14px;}
@media(max-width:820px){
  body.china .hero{flex-direction:column;gap:26px;}
  body.china .hero-image{order:-1;}
  body.china .hero-image img{max-width:300px;}
}

/* === CONTACT === */
body.contact .wrap{max-width:820px;padding:12vh 28px 96px;}
body.contact h1{margin:0 0 26px 0;font-size:26px;font-weight:600;}
body.contact p{font-size:18px;max-width:720px;margin:0 0 16px 0;}
body.contact p.xing{margin-top:24px;}
body.contact img{max-width:100%;height:auto;display:block;margin-top:20px;}