/* Homepage location panel; geographic bounds: west 70, east 140, north 55, south 15. */
.about{grid-template-columns:minmax(0,1.1fr) minmax(0,1.65fr);gap:7%;align-items:center}
.about-location{min-width:0}
.about .about-copy{min-width:0}
.about .about-location .eyebrow{margin-bottom:24px}
.location-map,.location-photo{margin:0}
.map-canvas{position:relative;width:100%;background:var(--paper)}
.map-canvas>img{display:block;width:100%;height:auto;aspect-ratio:512/352}
.map-country{position:absolute;left:42%;top:40%;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--ink)}
/* Nanjing city center: 32.06 N, 118.80 E, equirectangular projection. */
.nanjing-marker{position:absolute;left:69.714286%;top:57.35%;width:0;height:0}
.map-pin{position:absolute;left:-14px;bottom:0;filter:drop-shadow(0 2px 3px #0c284533)}
.map-label{position:absolute;right:17px;bottom:9px;display:block;background:white;padding:5px 7px;box-shadow:0 2px 8px #0c28451a;white-space:nowrap;line-height:1.3}
.map-label strong{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.map-label small{display:block;font-size:9px;color:var(--muted);margin-top:2px}
.location-map figcaption{font-size:12px;color:var(--muted);padding:10px 0 18px}
.location-photo{position:relative;background:var(--ink)}
.location-photo>img{display:block;width:100%;height:auto}
.location-photo figcaption{padding:12px 16px;color:white;display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.location-photo figcaption strong{font-size:14px;font-weight:500}
.location-photo figcaption span{font-size:11px;color:#c3d2df}
.location-credits{font-size:10px;color:var(--muted);margin-top:10px;line-height:1.6}
.location-credits summary{cursor:pointer;display:list-item}
.location-credits>div{margin-top:8px}
.location-credits a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:800px){.about{grid-template-columns:1fr;gap:32px}.about-location{max-width:520px;width:100%}.about .about-copy{grid-row:1}.map-label strong{font-size:14px}.map-label small{font-size:10px}}
@media(max-width:380px){.map-label{right:15px;padding:4px}.map-label strong{font-size:12px}.map-label small{font-size:9px}.map-country{font-size:10px}}

/* Expanded retailer experience list. */
.retailers{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 30px;font-size:clamp(23px,2.5vw,36px)}
@media(max-width:800px){.retailers{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media(max-width:520px){.retailers{font-size:24px;gap:20px 16px}}

/* City detail sits inside the map and connects to the Nanjing pin. */
.city-connector{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.map-canvas .city-inset{position:absolute;left:4%;bottom:4%;width:46%;margin:0;border:3px solid white;box-shadow:0 4px 18px #0c28452b;z-index:1}
.city-inset>a{display:block}
.city-inset>a>img{display:block;width:100%;height:auto}
.location-map .city-inset figcaption{padding:7px 9px;gap:4px;color:white;line-height:1.35;align-items:center}
.location-map .city-inset figcaption strong{font-size:clamp(10px,1vw,13px)}
.location-map .city-inset figcaption span{font-size:9px;color:#c3d2df}
.nanjing-marker{z-index:2}
@media(max-width:800px){.about .about-copy{grid-row:auto}}
@media(max-width:380px){.map-canvas .city-inset{border-width:2px}.location-map .city-inset figcaption{padding:5px}.location-map .city-inset figcaption span{display:none}}

.nanjing-marker .map-label{left:0;right:auto;bottom:42px;transform:translateX(-50%)}

/* Homepage inquiry action. */
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.hero-actions .button{gap:18px;min-height:48px;justify-content:space-between;border:1px solid var(--ink)}
.hero-actions .button-outline{background:transparent;color:var(--ink)}
.hero-actions .button-outline:hover{background:var(--paper);border-color:var(--blue);color:var(--blue)}
@media(max-width:520px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}}