:root{
  --nomads-cream:#f7f3ea;
  --nomads-paper:#fbfaf6;
  --nomads-green:#183c2d;
  --nomads-green-soft:#718577;
  --nomads-terracotta:#b67b55;
  --nomads-line:#d9d4c8;
}
.nomads-china-overlay{
  position:fixed; inset:0; z-index:999999; display:none; align-items:center; justify-content:center;
  padding:28px; background:rgba(22,37,30,.62); backdrop-filter:blur(3px);
}
.nomads-china-overlay.is-open{display:flex}
body.nomads-china-modal-open{overflow:hidden}
.nomads-china-modal{
  width:min(980px,100%); max-height:min(720px,92vh); overflow:auto;
  background:var(--nomads-paper); border-radius:20px;
  box-shadow:0 35px 100px rgba(0,0,0,.25);
  display:grid; grid-template-columns:43% 57%;
  animation:nomadsChinaIn .22s ease;
}
@keyframes nomadsChinaIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.nomads-china-visual{min-height:620px;position:relative;overflow:hidden;background-size:cover;background-position:center}
.nomads-china-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(10,24,18,.7))}
.nomads-china-visual-copy{position:absolute;z-index:2;left:38px;bottom:36px;color:#fff}
.nomads-china-script{font-family:Parisienne,cursive;font-size:50px}
.nomads-china-visual-copy small{display:block;font:10px Montserrat,Arial,sans-serif;letter-spacing:2.2px;margin-top:5px}
.nomads-china-content{padding:48px 44px 40px;position:relative}
.nomads-china-close{
  position:absolute;right:28px;top:23px;border:0;background:none;font-size:29px;font-weight:300;
  color:var(--nomads-green);cursor:pointer;line-height:1
}
.nomads-china-kicker,.nomads-china-choose{font:10px Montserrat,Arial,sans-serif;letter-spacing:2.5px;color:var(--nomads-green-soft)}
.nomads-china-content h3{
  font:600 58px/1.05 "Cormorant Garamond",Georgia,serif;color:var(--nomads-green);margin:2px 0 12px
}
.nomads-china-intro{font:13px/1.75 Montserrat,Arial,sans-serif;color:#66716a;max-width:450px}
.nomads-china-divider{height:1px;background:var(--nomads-line);margin:28px 0 20px}
.nomads-china-choose{margin-bottom:12px}
.nomads-china-option{
  width:100%; display:grid; grid-template-columns:88px 1fr 42px; gap:16px; align-items:center;
  background:#faf8f2;border:1px solid #e2ddd2;border-radius:12px;padding:10px 12px;margin:10px 0;
  text-align:left;cursor:pointer;transition:.2s ease;box-sizing:border-box;text-decoration:none
}
.nomads-china-option:hover{border-color:#b8c5b9;transform:translateX(2px)}
.nomads-china-option img{width:88px;height:74px;object-fit:cover;border-radius:8px}
.nomads-china-option h4{font:600 25px/1.05 "Cormorant Garamond",Georgia,serif;color:var(--nomads-green);margin:0 0 3px}
.nomads-china-option p{font:11px/1.45 Montserrat,Arial,sans-serif;color:#727b75;margin:0}
.nomads-china-arrow{
  width:40px;height:40px;border:1px solid #aeb8ae;border-radius:50%;display:grid;place-items:center;
  color:var(--nomads-green);font-size:20px
}
.nomads-china-note{
  display:flex;gap:12px;align-items:flex-start;margin-top:28px;padding-top:20px;
  border-top:1px solid var(--nomads-line);color:#7a827d;font:10px/1.55 Montserrat,Arial,sans-serif
}
.nomads-china-map-icon{font-size:23px;color:var(--nomads-green)}
.nomads-china-trigger{
  border:0;background:none;cursor:pointer;color:inherit;font:inherit;padding:0
}
.nomads-china-trigger span{margin-left:7px}
@media(max-width:850px){
  .nomads-china-modal{grid-template-columns:1fr;max-height:94vh}
  .nomads-china-visual{min-height:280px}
  .nomads-china-content{padding:34px 26px}
}
@media(max-width:560px){
  .nomads-china-overlay{padding:10px}
  .nomads-china-visual{min-height:220px}
  .nomads-china-visual-copy{left:25px;bottom:24px}
  .nomads-china-script{font-size:42px}
  .nomads-china-option{grid-template-columns:70px 1fr 38px}
  .nomads-china-option img{width:70px;height:65px}
}