/* ============================================
   RESPONSIVE.CSS – Opus Conception
   ============================================ */

@media (max-width:1024px){
  .services-home-grid{grid-template-columns:repeat(2,1fr)}
  .engagements-grid{grid-template-columns:repeat(2,1fr)}
  .testi-grid{grid-template-columns:repeat(2,1fr)}
  .footer-inner{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:span 2}
  .service-cards-grid{grid-template-columns:repeat(2,1fr)}
  .map-wrapper{grid-template-columns:1fr;gap:2rem}
  .map-container{height:350px}
  .contact-section{grid-template-columns:1fr;gap:3rem}
}

@media (max-width:768px){
  .nav-links,.btn-devis{display:none}
  .burger{display:flex}
  .hero{padding-bottom:4rem}
  .hero-title{font-size:clamp(2.8rem,12vw,5rem)}
  .hero-actions{flex-direction:column;gap:.8rem}
  .hero-actions .btn-primary,.hero-actions .btn-outline{text-align:center}
  .hero-badges{display:none}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat-item:nth-child(2){border-right:none}
  .stat-item:nth-child(1),.stat-item:nth-child(2){border-bottom:1px solid rgba(255,255,255,.06)}
  .about{grid-template-columns:1fr;gap:2.5rem;padding:4rem 1.5rem}
  .about-img{aspect-ratio:16/10}
  .services-home{padding:4rem 1.5rem}
  .services-home-grid{grid-template-columns:1fr}
  .engagements{padding:4rem 1.5rem}
  .engagements-grid{grid-template-columns:1fr 1fr}
  .gallery-preview{padding:4rem 1.5rem}
  .gallery-grid{grid-template-columns:1fr 1fr}
  .gallery-item.large{grid-column:span 2;aspect-ratio:16/9}
  .testimonials{padding:4rem 1.5rem}
  .testi-grid{grid-template-columns:1fr}
  .cta-banner{padding:4rem 1.5rem}
  .cta-actions{flex-direction:column;align-items:center}
  .map-section{padding:4rem 1.5rem}
  .footer{padding:3rem 1.5rem 1.5rem}
  .footer-inner{grid-template-columns:1fr;gap:2rem}
  .footer-brand{grid-column:auto}
  .footer-bottom{text-align:center;gap:.6rem}
  .page-hero{height:34vh;padding-bottom:2.5rem}
  .service-cards-grid{grid-template-columns:1fr}
  .services-full{padding:3rem 1.5rem}
  .galerie-masonry{grid-template-columns:repeat(2,1fr)}
  .galerie-full{padding:3rem 1.5rem 4rem}
  .contact-section{padding:3rem 1.5rem 4rem}
  .contact-form{padding:1.8rem}
  .form-row{grid-template-columns:1fr}
}

@media (max-width:480px){
  .hero-title{font-size:clamp(2.2rem,11vw,3.5rem)}
  .stats{grid-template-columns:1fr 1fr}
  .engagements-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr}
  .gallery-item.large{grid-column:auto;aspect-ratio:4/3}
  .galerie-masonry{grid-template-columns:1fr}
  .map-container{height:280px}
  .directors{flex-direction:column}
  .director-card{min-width:auto}
}