/* ── Fix 1: Nav links wrap on small screens so "Contact" isn't clipped ── */
@media (max-width: 768px) {
  header div.flex-1 {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: .45rem;
    column-gap: .9rem;
    font-size: .85rem;
  }
}
@media (max-width: 480px) {
  header div.flex-1 {
    font-size: .75rem;
    column-gap: .6rem;
  }
}

/* ── Fix 2: Scale down the cursive "hossain." script on desktop so it
   doesn't overlap the profile photo circle ── */
@media (min-width: 1024px) {
  .jp-name-script {
    font-size: clamp(6rem, 9vw, 8rem) !important;
  }
}