/* ============================================================
   NEXT OFFICE — Responsive Styles
   ============================================================ */

@media (max-width: 1024px) {
  .features-grid      { grid-template-columns: repeat(2, 1fr); }
  .process-grid       { grid-template-columns: repeat(2, 1fr); }
  .footer-grid        { grid-template-columns: 1fr 1fr; gap: 36px; }
  .impact-grid        { grid-template-columns: repeat(2, 1fr); }
  .stats-inner        { grid-template-columns: repeat(2, 1fr); }
  .contact-grid       { gap: 48px; }
  .team-grid          { gap: 24px; }
}

@media (max-width: 900px) {
  .contact-grid       { grid-template-columns: 1fr; }
  .vm-grid            { grid-template-columns: 1fr; }
  .philosophy-grid    { grid-template-columns: 1fr; }
  .press-grid         { grid-template-columns: 1fr; }
  .gallery-masonry    { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; }
  .g-item:nth-child(1),
  .g-item:nth-child(4) { grid-column: span 1; }
  .g-item             { height: 220px; }
}

@media (max-width: 768px) {
  section { padding: 72px 0; }

  .nav-links  { display: none; }
  .hamburger  { display: flex; }

  .hero-content { padding-bottom: 60px; }
  .hero-btns    { flex-direction: column; }
  .hero-btns .btn { justify-content: center; }

  .stats-inner { grid-template-columns: repeat(2, 1fr); }
  .stat-item   { border-right: none; border-bottom: 1px solid rgba(0,0,0,0.1); }
  .stat-item:nth-child(odd) { border-right: 1px solid rgba(0,0,0,0.1); }

  .features-grid      { grid-template-columns: 1fr; }
  .process-grid       { grid-template-columns: 1fr; }
  .testimonials-grid  { grid-template-columns: 1fr; }
  .blog-grid          { grid-template-columns: 1fr; }
  .values-grid        { grid-template-columns: 1fr; }
  .team-grid          { grid-template-columns: 1fr; max-width: 380px; margin-left: auto; margin-right: auto; }

  .gallery-masonry    { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .g-item             { height: 180px; }

  .contact-form-wrap  { padding: 32px 24px; }
  .form-row           { grid-template-columns: 1fr; }

  .footer-grid        { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom      { flex-direction: column; text-align: center; }

  .impact-grid        { grid-template-columns: repeat(2, 1fr); }
  .press-card         { flex-direction: column; }

  .page-hero          { min-height: 320px; padding-top: 110px; }
}

@media (max-width: 480px) {
  .container     { padding: 0 16px; }
  h1             { font-size: 2rem; }
  h2             { font-size: 1.65rem; }
  .stats-inner   { grid-template-columns: repeat(2, 1fr); }
  .impact-grid   { grid-template-columns: 1fr 1fr; }
  .gallery-masonry { grid-template-columns: 1fr; }
  .g-item        { height: 220px; }
  .g-item:nth-child(1),
  .g-item:nth-child(4) { grid-column: span 1; }
  .wa-float      { bottom: 18px; right: 18px; width: 48px; height: 48px; }
}