@media (max-width: 1420px) {
  .hero-margin {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .hero-font {
    font-size: 2.25rem !important;
  }
  .hero-font-title {
    font-size: 1.5rem !important;
  }
}

/* --- Fix scroll indicator position on mobile --- */
@media (max-width: 767px) {
  #scroll-indicator {
    bottom: 8rem !important; /* Move higher for iPhone safe area */
  }
}

/* --- About Me Tabs --- */
/* No custom scroll indicator or ::after for about-tabs-scroll */