.explore-china{border-top:1px solid var(--color-border);padding-block:clamp(3.5rem,7vw,7rem)}.explore-heading{justify-content:space-between;align-items:end;gap:2rem;display:flex}.explore-heading .ed-intro{max-width:29rem;color:var(--color-muted);line-height:1.6}.explore-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:4.375rem;margin-block:3.125rem;display:grid}.china-map{min-width:0;margin:0;scroll-margin-top:7.5rem}.map-artwork{aspect-ratio:1000/850;isolation:isolate;background:var(--color-bamboo-soft);border-radius:4px;width:100%;position:relative}.map-artwork>img{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block}.map-markers{z-index:1;pointer-events:none;position:absolute;inset:0}.map-marker{z-index:1;place-items:center;width:12px;height:12px;display:grid;position:absolute;transform:translate(-50%,-50%)}.marker-dot{background:#900314;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;transition:transform .22s,background .22s,box-shadow .22s;display:block;box-shadow:0 1px 4px #111c2c60}.map-marker--region .marker-dot{border-radius:2px}.map-marker[data-active=true]{z-index:3}.map-marker[data-active=true] .marker-dot{background:#ff633b;transform:scale(2.25);box-shadow:0 0 0 4px #ff9c4b40,0 0 12px #ff633b80}.marker-label{color:#900314;white-space:nowrap;opacity:0;visibility:hidden;background:#fff;border-radius:6px;padding:7px 10px;font-size:13px;font-weight:600;line-height:1;transition:opacity .18s;position:absolute;top:50%;left:calc(100% + 9px);transform:translateY(-50%);box-shadow:0 3px 14px #111c2c26}.map-marker--label-left .marker-label{left:auto;right:calc(100% + 9px)}.map-marker[data-active=true] .marker-label{opacity:1;visibility:visible}.map-caption{z-index:2;background:#fffffff2;border:1px solid #ffffffb3;border-radius:8px;gap:7px;max-width:calc(100% - 32px);padding:15px 18px;display:grid;position:absolute;bottom:16px;left:16px;box-shadow:0 4px 20px #111c2c16}.map-eyebrow{color:#737680;letter-spacing:.08em;text-transform:uppercase;font-size:10px;line-height:1.3}.map-caption strong{font-size:20px;font-weight:500;line-height:1.2}.map-caption a{color:#900314;width:fit-content;font-size:13px;line-height:1.4;text-decoration:none}.map-caption a:hover{text-underline-offset:3px;text-decoration:underline}.map-hint{color:var(--color-muted);margin:12px 0 0;font-size:12px;line-height:1.4}.touch-hint{display:none}.city-directory{grid-template-columns:1fr 1fr;gap:0 28px;display:grid}.city-directory a{border-top:1px solid var(--color-border);min-height:72px;color:inherit;align-items:center;gap:12px;padding:10px 0;font-size:20px;text-decoration:none;transition:color .2s,border-color .2s;display:flex}.city-directory a:hover,.city-directory a[data-active=true]{border-color:var(--color-primary);color:var(--color-primary)}.directory-index{color:var(--color-muted);margin-left:auto;font-size:12px}.directory-arrow{transition:transform .2s}.city-directory a[data-active=true] .directory-arrow{transform:translate(3px,-3px)}.explore-china a:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}@media (width<=1050px){.explore-grid{gap:2.2rem}.city-directory{gap:0 20px}.city-directory a{min-height:63px;font-size:17px}}@media (width<=760px){.map-artwork{overflow:clip}.explore-heading{display:block}.explore-heading .ed-intro{margin-top:1rem}.explore-grid{grid-template-columns:1fr;gap:24px;margin-block:28px}.china-map{scroll-margin-top:100px}.city-directory{gap:0 20px}.city-directory a{gap:8px;min-height:60px;font-size:17px}.marker-dot{border-width:1px;width:6px;height:6px}.marker-label{padding:6px 8px;font-size:11px}.map-caption{gap:5px;padding:11px 13px;bottom:12px;left:12px}.map-caption strong{font-size:17px}.desktop-hint{display:none}.touch-hint{display:inline}}@media (prefers-reduced-motion:reduce){.explore-china *,.explore-china :before,.explore-china :after{transition:none!important}}
