.maps-hero{padding:clamp(40px,7vw,96px) 0 24px}
.maps-hero h1{margin:.2em 0}
.maps-shot{margin:32px 0 0}
.maps-shot img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid rgba(0,0,0,.12)}
.maps-shot figcaption{margin-top:10px;font-size:.9rem;opacity:.7}
.region{margin-top:36px}
.region h3 small{font-size:.8rem;font-weight:400;opacity:.6;margin-left:6px}
.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}
.city-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid rgba(0,0,0,.14);border-radius:12px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.city-card:hover,.city-card:focus-visible{border-color:currentColor;transform:translateY(-2px)}
.city-name{font-size:1.15rem;font-weight:600}
.city-go{font-size:.85rem;opacity:.65}
@media (prefers-reduced-motion:reduce){.city-card{transition:none}.city-card:hover{transform:none}}