/* The photo, studio details and geographical map share one continuous card. */
#venues .venue-card:has(.venue-map) { border-radius:20px; overflow:hidden; background:color-mix(in srgb,var(--bg) 94%,var(--ink)); box-shadow:inset 0 0 0 1px var(--glass-border); }
#venues .venue-card:has(.venue-map) .venue-card__cover { border-radius:20px 20px 0 0; }
#venues .venue-card:has(.venue-map) .venue-card__body { flex:0; padding:20px 22px 0; }
#venues .venue-card:has(.venue-map) .venue-card__tags { margin-bottom:20px; }
#venues .venue-card:has(.venue-map) .venue-card__address { margin:0; }
.venue-map { position:relative; margin-top:auto; background:#f4f4f1; color:#292b27; }
.venue-map__link { display:block; color:inherit; text-decoration:none; }
.venue-map__canvas { position:relative; aspect-ratio:2; overflow:hidden; isolation:isolate; }
.venue-map__canvas::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,#f4f4f1e6,transparent 48%),linear-gradient(0deg,#f4f4f1,transparent 26%); }
.venue-map__streets { display:block; width:100%; height:100%; object-fit:contain; }
.venue-map__eyebrow { position:absolute; z-index:1; top:20px; left:22px; display:flex; align-items:center; gap:8px; font:600 11px/1.4 var(--font-tc),sans-serif; color:#715944; letter-spacing:.08em; }
.venue-map__eyebrow::before { content:""; width:7px; height:7px; border:4px solid #fff; border-radius:50%; background:#ff881c; box-shadow:0 0 0 1px #ff881c40; }
.venue-map__destination { position:absolute; z-index:1; top:64%; left:55.625%; transform:translateX(-50%); max-width:80%; padding:5px 9px; border-radius:5px; background:#ffffffed; box-shadow:0 2px 12px #39392d0c; font:600 11px/1.4 var(--font-tc),sans-serif; color:#4b4c45; white-space:nowrap; }
.venue-map__footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 22px 19px; }
.venue-map__footer strong { display:block; font-size:20px; font-weight:700; letter-spacing:-.03em; line-height:1.4; }
.venue-map__footer small { display:block; margin-top:3px; font:400 11px/1.4 var(--font-latin),sans-serif; color:#74776f; }
.venue-map__arrow { display:grid; place-items:center; width:44px; height:44px; flex:none; border-radius:50%; background:var(--action-gradient); color:var(--action-ink); transition:transform .2s ease; }
.venue-map__arrow svg { width:21px; height:21px; }
.venue-map__credit { position:absolute; right:8px; bottom:88px; padding:2px 4px; font:400 9px/1.4 Arial,sans-serif; background:#ffffffd9; color:#62675f; text-decoration:none; }
.venue-map__link:focus-visible { outline:3px solid var(--orange); outline-offset:-4px; }
.venue-map__credit:focus-visible { outline:2px solid var(--orange); }
.venue-map__link:active .venue-map__arrow { transform:scale(.91); }
@media(hover:hover) and (pointer:fine) { .venue-map__link:hover .venue-map__arrow { transform:translate(2px,-2px); } }
@media(max-width:700px) {
  #venues .venue-card:has(.venue-map) { border-radius:16px; }
  #venues .venue-card:has(.venue-map) .venue-card__cover { border-radius:16px 16px 0 0; }
  #venues .venue-card:has(.venue-map) .venue-card__body { padding:18px 18px 0; }
  #venues .venue-card:has(.venue-map) .venue-card__tags { margin-bottom:18px; gap:6px 12px; }
  .venue-map__eyebrow { top:16px; left:18px; }
  .venue-map__footer { padding:2px 18px 18px; }
  .venue-map__footer strong { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) { .venue-map__arrow { transition:none; } }