/* ============================================
   Additional Responsive Refinements
   ============================================ */

@media (max-width: 1280px) {
  .grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .logo-cloud {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }
}

@media (max-width: 1024px) {
  .stat-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .case-card__image {
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 900px) {
  .grid-4,
  .grid-3 {
    grid-template-columns: 1fr;
  }

  .hero__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .hero__stats,
  .stat-board,
  .metric-grid {
    grid-template-columns: 1fr;
  }

  .news-card__meta {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-1);
  }

  .footer__bottom {
    align-items: flex-start;
  }
}

@media (max-width: 560px) {
  .logo-cloud {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero__actions {
    gap: var(--space-2);
  }
}