/* Responsive rules intentionally kept lightweight; all base styling lives in style.css. */
@media (max-width: 1100px) {
  .portfolio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .social-showcase {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .social-showcase .social-card:nth-child(n) {
    grid-column: auto;
  }

  .social-showcase .social-card:last-child {
    grid-column: 1 / -1;
    width: calc(50% - 0.575rem);
    justify-self: center;
  }
}

@media (max-width: 700px) {
  .portfolio-grid,
  .services-grid,
  .social-grid,
  .process-grid,
  .goal-grid,
  .contact-grid,
  .hero-grid,
  .grid-2,
  .grid-3 {
    grid-template-columns: 1fr;
  }

  .social-showcase {
    grid-template-columns: 1fr;
  }

  .social-showcase .social-card:last-child {
    grid-column: auto;
    width: 100%;
  }

  .social-bottom {
    border-radius: 20px;
    flex-direction: column;
  }
}