/* ========================== 5. SOCIAL MEDIA ========================== */
.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.social-card{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:30px 18px;
  border-radius:var(--radius);background:var(--bg-2);border:1px solid rgba(255,255,255,.06);
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.social-card:hover{transform:translateY(-6px);border-color:var(--c);box-shadow:0 18px 40px -18px var(--c)}
.social-card .s-icon{width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--c)}
.social-card .s-icon svg{width:30px;height:30px;fill:#fff}
.social-card h3{font-size:1.1rem}
.social-card .handle{color:var(--muted);font-size:.88rem}
.social-card .follow{margin-top:6px;font-size:.82rem;font-weight:700;color:var(--c)}

@media (max-width:1024px){ .social-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){
  .social-grid{gap:12px}
  .social-card{padding:22px 12px}
  .social-card .s-icon{width:52px;height:52px}
}