.profile-location {
  display: grid;
  justify-items: center;
  width: 320px;
  max-width: 100%;
  margin-bottom: var(--space-5);
}
.location-art {
  display: block;
  width: 100%;
  max-width: 320px;
  height: auto;
  aspect-ratio: 20 / 7;
  object-fit: contain;
}
.location-caption {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-content: start;
  justify-items: center;
  gap: 2px;
  width: 100%;
  margin-top: var(--space-1);
  font-size: var(--text-label);
  line-height: 1.5;
  text-align: center;
  color: var(--ink);
}
.location-city, .location-remote { color: inherit; }

@media (min-width: 901px) and (max-height: 959px) {
  .profile-location {
    width: 184px;
    margin-bottom: var(--space-4);
  }
  .location-art { flex: none; width: 184px; }
  .location-caption {
    display: grid;
    justify-content: start;
    gap: 2px;
    font-size: 11px;
    letter-spacing: 0;
  }
  .profile .contact-dock { min-height: 0; }
}
@media (min-width: 901px) and (max-width: 1100px) and (min-height: 701px) and (max-height: 959px) {
  .profile-location { width: 156px; }
  .location-art { width: 148px; }
}
@media (min-width: 901px) and (max-height: 879px) {
  .profile-location { width: 156px; margin-bottom: var(--space-3); }
  .location-art { width: 120px; }
}
@media (min-width: 901px) and (min-height: 801px) and (max-height: 879px) {
  .profile .section-nav { margin-top: var(--space-4); }
  .profile .nav-link { min-height: 36px; }
}
@media (max-width: 900px) {
  .profile-location { width: 248px; margin-bottom: var(--space-4); }
  .location-art { width: 248px; }
  .location-caption { justify-content: flex-start; }
  .case-page .profile-location { display: none; }
}
@media (max-width: 520px) {
  .profile-location { width: 156px; }
  .location-art { width: 124px; flex: none; }
  .location-caption { font-size: 11px; }
}