/* Balance the full portrait with a quieter name and tighter header spacing. */
.profile-container {
  align-items: flex-start;
  gap: 36px;
  margin-top: 16px;
  margin-bottom: 24px;
}
.profile-image-box { flex-basis: 260px; }
.profile-img { max-width: 260px; }
.profile-text-box h1 {
  font-size: 2.15rem;
  line-height: 1.2;
  margin: 0 0 14px;
}
.profile-text-box h1 span {
  display: block;
  font-size: 0.95rem !important;
  line-height: 1.4;
  margin: 5px 0 0 !important;
}
.profile-text-box h3 {
  font-size: 1.18rem;
  line-height: 1.4;
  margin: 0 0 6px;
}

@media (max-width: 768px) {
  .profile-container { align-items: center; gap: 20px; margin-top: 12px; }
  .profile-image-box { flex-basis: auto; width: min(192px, 100%); }
  .profile-img { max-width: 192px; }
  .profile-text-box h1 { font-size: 1.7rem; }
  .profile-text-box h3 { font-size: 1.08rem; }
}