/* ─── RESPONSIVE ─── */
  @media (max-width: 1024px) {
      .services-grid {
          grid-template-columns: 1fr 1fr;
      }

      .projects-grid {
          grid-template-columns: 1fr 1fr;
      }

      .project-card.large {
          grid-column: span 2;
      }

      .caps-layout {
          grid-template-columns: 1fr;
      }

      .cap-content {
          position: static;
      }

      .footer-grid {
          grid-template-columns: 1fr 1fr;
      }

      .about-grid,
      .whyus-grid,
      .contact-grid {
          grid-template-columns: 1fr;
      }

      .about-badge-float {
          bottom: 16px;
          right: 16px;
      }

      .gallery-mosaic {
          grid-template-columns: 1fr 1fr;
      }

      .gallery-item:nth-child(1) {
          grid-column: span 2;
          grid-row: span 1;
      }

      .gallery-item:nth-child(5) {
          grid-column: span 2;
      }

      .eng-caps-container {
          grid-template-columns: 1fr;
      }

      .eng-caps-display {
          min-height: 600px;
      }
  }

  /* Edge Case Grid Fixes */
  @media (min-width: 992px) {
      .row.g-0>div:nth-child(3n) .feature-item {
          border-right: none;
      }

      .row.g-0>div:nth-child(n+4) .feature-item {
          border-bottom: none;
      }

      .civil-infographic-row::before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 70%;
          height: 1px;
          background: linear-gradient(90deg, transparent, rgba(244, 197, 66, 0.15), transparent);
          z-index: 1;
      }
  }

  @media (max-width: 991px) {
      .feature-item {
          border-right: none !important;
          padding: 40px 20px;
      }

      .why-section {
          padding: 80px 0;
      }

      .civil-hub-infographic {
          padding: 80px 0;
      }

      .civil-infographic-row {
          flex-direction: column;
          margin-top: 50px;
      }

      .civil-strength-column {
          align-items: center;
          padding: 0;
          width: 100%;
      }

      .civil-strength-column-left {
          margin-bottom: 35px;
      }

      .civil-strength-column-left .civil-corporate-card {
          flex-direction: row;
          text-align: left;
      }

      .civil-central-hub {
          width: 180px;
          height: 180px;
      }
  }

  @media (max-width: 768px) {
      nav .nav-menu {
          display: none;
      }

      .hamburger {
          display: flex;
      }

      section {
          padding: 72px 5%;
      }

      .hero-content {
          padding: 100px 5% 60px;
      }

      .hero-stats {
          gap: 0;
      }

      .stat {
          padding: 16px 28px 16px 0;
          margin-right: 28px;
      }

      .stat-num {
          font-size: 32px;
      }

      .services-grid {
          grid-template-columns: 1fr;
      }

      .projects-grid {
          grid-template-columns: 1fr;
      }

      .project-card.large {
          grid-column: span 1;
      }

      .gallery-mosaic {
          grid-template-columns: 1fr;
      }

      .gallery-item:nth-child(1),
      .gallery-item:nth-child(5) {
          grid-column: span 1;
      }

      .footer-grid {
          grid-template-columns: 1fr;
      }

      .form-row {
          grid-template-columns: 1fr;
      }

      .about-values {
          grid-template-columns: 1fr;
      }

      .cert-grid {
          grid-template-columns: 1fr 1fr;
      }

      .footer-bottom {
          flex-direction: column;
          text-align: center;
      }

      .hero-btns {
          flex-direction: column;
      }

      .btn-gold,
      .btn-outline {
          text-align: center;
          justify-content: center;
      }

      .cc-corporate-section {
          padding: 60px 0;
      }

      .cc-vision-statement {
          font-size: 1.05rem;
      }

      .cc-media-interstitial {
          height: 150px;
      }

      .civil-gallery-item {
          border-radius: 20px;
      }

      .civil-about-banner {
          padding: 120px 0 70px 0;
          text-align: center;
      }

      .civil-breadcrumb {
          justify-content: center;
      }

      .civil-struct-bracket,
      .civil-tech-coord,
      .civil-ghost-bg {
          display: none;
      }

      .civil-project-grid {
          grid-template-columns: 1fr;
      }

      .civil-title {
          font-size: 2rem;
      }

      /* .svc-header,
      .svc-list,
      .svc-cta,
      .svc-divider {
          padding-left: 24px;
          padding-right: 24px;
      }

      .svc-divider {
          margin-left: 24px;
          margin-right: 24px;
      }

      .svc-item {
          grid-template-columns: 48px 1fr;
      }

      .svc-right {
          grid-column: 2;
      }

      .svc-heading {
          font-size: 32px;
      }

      .svc-icon {
          display: none;
      } */
  }

  @media (max-width: 600px) {
      .eng-cap-details h3 {
          font-size: 1.4rem;
      }

      .eng-cap-hero-image {
          height: 200px;
      }
  }

  @media (max-width: 480px) {
      .hero-stats {
          flex-direction: column;
          gap: 16px;
      }

      .stat {
          border-right: none;
          border-bottom: 1px solid rgba(244, 197, 66, 0.2);
          padding-bottom: 16px;
          margin-right: 0;
      }

      .stat:last-child {
          border-bottom: none;
      }

      .services-header {
          flex-direction: column;
          align-items: flex-start;
      }

      .cert-grid {
          grid-template-columns: 1fr;
      }
  }