/* ========================================
   RESPONSIVE ENHANCEMENTS - NUCLEAR CLEAN
   Only essential desktop optimizations
   ======================================== */

/* Desktop-only enhancements */
@media (min-width: 768px) {
  /* Better typography scaling - moved to 9-hero-fixes.css
  .hero-headline {
    font-size: 4rem;
    line-height: 1.1;
  }
  */

  .hero-subheadline {
    font-size: 1.25rem;
  }

  /* Approach cards staggered effect */
  .approach-card:nth-child(even) {
    transform: translateY(0.5rem);
  }

  .approach-card:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  }
}

/* Large desktop optimizations */
@media (min-width: 1200px) {
  .container {
    padding: 0 3rem;
  }

  section {
    padding: 6rem 0;
  }

  .section-title {
    font-size: 3rem;
  }
}

/* High DPI displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .approach-icon-img,
  .hero-bg-image {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
}