/* Breakpoint Optimizations */
@media (max-width: 991.98px) {
  .hero-section {
    padding-top: 2rem;
  }
  
  .profile-caption {
    opacity: 1;
    position: relative;
    background: var(--bg-card);
  }

  .project-image-overlay {
    position: relative;
    opacity: 1;
    background: var(--bg-secondary);
    padding: 8px;
  }

  .project-preview-img {
    filter: none !important;
  }
}

@media (max-width: 575.98px) {
  .stat-card {
    padding: 0.85rem;
  }

  .stat-number {
    font-size: 1.5rem;
  }

  .footer-links-list {
    margin-bottom: 1.5rem;
  }
}