@charset "utf-8";
/* CSS Document */

/* ===================================
   TABLETTE (768px - 1024px)
   =================================== */
@media (min-width: 769px) and (max-width: 1024px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .about-container {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .hero h1 {
    font-size: 3rem;
  }
}

/* ===================================
   GRANDS ÉCRANS (>1440px)
   =================================== */
@media (min-width: 1440px) {
  .hero h1 {
    font-size: 4rem;
  }
  
  .section-title {
    font-size: 3rem;
  }
}