.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 var(--space-lg); }

section { padding: var(--space-3xl) 0; position: relative; overflow: hidden; }

/* Alternating section backgrounds (white vs smoke white) */
section:nth-child(even) { background: var(--bg-section-alt); }
section:nth-child(odd)  { background: var(--bg-page); }

.section-header { margin-bottom: var(--space-2xl); }

/* Grids */
.services-grid  { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); }
.projects-grid  { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); }
.stats-grid     { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-md); }
.contact-grid   { display: grid; grid-template-columns: 45fr 55fr; gap: var(--space-2xl); align-items: center; }
.hero           { display: grid; grid-template-columns: 1fr 1fr; align-items: center; min-height: 100vh; }
.about-grid     { display: grid; grid-template-columns: 4fr 6fr; gap: var(--space-2xl); align-items: center; }

@media (max-width: 1024px) {
  .services-grid, .projects-grid { grid-template-columns: repeat(2, 1fr); }
  .hero { grid-template-columns: 1fr; }
  .hero-canvas-wrap { display: none; }
  .contact-grid { grid-template-columns: 1fr; }
  .about-grid { grid-template-columns: 1fr; }
  .testimonials-grid { grid-template-columns: 1fr; gap: var(--space-md); }
  .timeline-item { grid-template-columns: 1fr; gap: var(--space-sm); }
  .timeline::before { left: 24px; }
}

@media (max-width: 640px) {
  :root { --text-5xl: 3rem; --text-4xl: 2.5rem; --text-3xl: 2rem; --space-3xl: 5rem; }
  .services-grid, .projects-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .nav-links, .nav-cta { display: none; }
  .hamburger { display: flex; }
  .hero-content { padding: 120px var(--space-md) 60px; }
  .container { padding: 0 var(--space-md); }
  .footer { padding: var(--space-lg) var(--space-md); }
  .footer-top { flex-direction: column; gap: var(--space-lg); }
}