/* Contact page: the map on the left, the form on the right, the social logos under the form. */
.cx-hero .wrap{padding:44px 0 34px}
.cx-hero .lede{max-width:60ch}
.cx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;padding-bottom:16px}
.cx .vmap-frame{margin:0}
.cx-places{list-style:none;display:grid;gap:8px;margin-top:18px;font-size:15.5px;line-height:1.4;color:var(--muted);counter-reset:place}
.cx-places li{counter-increment:place}
.cx-places li::before{content:counter(place);display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:var(--gold);color:#1d1306;font:600 12px/1 var(--sc);vertical-align:1px}
.cx-places b{font:600 15.5px var(--sc);color:var(--text);letter-spacing:.02em}
.cx-places a{color:var(--gold-hi)}
.cx-direct{display:flex;flex-wrap:wrap;gap:6px 26px;margin-bottom:18px;font-size:18px}
.cx-direct a{color:var(--gold-hi)}
.cx .mock{margin:0}
.social{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.social a{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;color:var(--gold-hi);transition:border-color .2s,background-color .2s}
.social a:hover{border-color:var(--gold);background:rgba(236,187,82,.12)}
.social svg{width:20px;height:20px;fill:currentColor}
@media (max-width:900px){.cx{grid-template-columns:1fr}.cx-side{order:-1}}