@media (max-width: 1024px){
  section{padding: 80px 0;}
  .intro-grid, .why-grid, .story-grid, .approach-grid{
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .why-image, .story-image, .approach-image, .intro-image{order: -1;}
  .why-image img, .story-image img, .approach-image img, .intro-image img{aspect-ratio: 16/10;}
  .testimonial-grid{grid-template-columns: 1fr;}
  .principles-grid{grid-template-columns: 1fr; gap: 20px;}
  .contact-grid{grid-template-columns: 1fr; gap: 50px;}
  .footer-grid{grid-template-columns: 1fr 1fr; gap: 40px;}
  .showcase-grid{
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .showcase-item.large{grid-column: span 2; grid-row: auto;}
  .showcase-item{height: 320px;}
}

@media (max-width: 720px){
  .container{padding: 0 24px;}
  section{padding: 60px 0;}
  .nav-desktop{display: none;}
  .menu-toggle{display: flex;}
  .hero{min-height: 90vh; padding: 120px 0 60px;}
  .hero-cta{flex-direction: column; align-items: flex-start;}
  .hero-cta .btn{width: 100%; text-align: center;}
  .services-grid{grid-template-columns: 1fr;}
  .service-card{padding: 36px 28px;}
  .showcase-grid{grid-template-columns: 1fr;}
  .showcase-item.large{grid-column: span 1;}
  .showcase-item{height: 280px;}
  .form-row{grid-template-columns: 1fr;}
  .contact-form{padding: 32px 24px;}
  .footer-grid{grid-template-columns: 1fr; gap: 36px; padding-bottom: 36px;}
  .page-hero{padding: 140px 0 70px;}
  .section-head{margin-bottom: 50px;}
  .hero-scroll{display: none;}
}

@media (max-width: 480px){
  .container{padding: 0 20px;}
  .logo-text{font-size: 1.15rem;}
  .btn{padding: 14px 26px; font-size: 0.85rem;}
}