/* Soft, upright portrait frames with clear name and location hierarchy. */
.card {
  border-radius:32px;
  border-color:#85619c66;
  box-shadow:0 12px 40px #06020c40,inset 0 1px #e3bdff14;
}
.card:hover { transform:none; border-color:#c7a1df; }
.card-photo {
  border-radius:26px;
  outline:1px solid #dbc0ff30; outline-offset:-1px;
}
.avatar { border-radius:24px; }
.card:not(.feature) h3 {
  color:#ffffff; font-size:30px; line-height:1.25; font-weight:800;
  letter-spacing:.015em; margin-bottom:13px; overflow-wrap:anywhere;
  text-shadow:0 0 2px #d3a7ff,0 0 10px #b65cff99,0 0 24px #9539ff66;
}
.card .meta { align-items:center; gap:12px; flex-wrap:wrap; }
.card .meta > span,.profile-modal .modal-info .profile-region {
  color:#9effe1; background:linear-gradient(135deg,#183730,#202239);
  border:1px solid #71ddbb70; border-radius:999px;
  padding:7px 16px; font-size:21px; font-weight:700; line-height:1.35;
  letter-spacing:.02em; max-width:100%; overflow-wrap:anywhere;
  text-shadow:0 0 7px #55efbc66,0 0 18px #4fe4c433;
  box-shadow:inset 0 1px #baffdf14,0 0 16px #38cdad0d;
}
.profile-modal .modal-info h3 {
  color:#ffffff; font-size:clamp(48px,6vw,78px); line-height:1.18; font-weight:800;
  letter-spacing:.015em; overflow-wrap:anywhere;
  text-shadow:0 0 2px #d3a7ff,0 0 14px #b65cff99,0 0 32px #9539ff66;
}
.profile-modal .modal-info .profile-region {
  display:table; margin-top:18px; font-size:24px; white-space:normal;
}
.profile-modal .modal-gallery img,
.profile-modal .modal-gallery img:first-child,
.profile-modal .modal-info .below-gallery img {
  border-radius:30px !important;
  outline:1px solid #dec7fc30; outline-offset:-1px;
  box-shadow:0 8px 25px #05010b30;
}
.banner-track img { border-radius:24px; }
@media(max-width:760px) {
  .card { border-radius:26px; }
  .card-photo { border-radius:22px; }
  .card:not(.feature) h3 { font-size:28px; }
  .card .meta > span { font-size:20px; padding:6px 14px; }
  .profile-modal .modal-info .profile-region { font-size:22px; }
  .profile-modal .modal-gallery img,
  .profile-modal .modal-gallery img:first-child,
  .profile-modal .modal-info .below-gallery img { border-radius:24px !important; }
}