/* ── CONTACT / SOCIAL ── */
    #contact {
      border-top: 1px solid var(--border);
      text-align: center;
    }

    #contact .section-label { justify-content: center; display: block; }
    #contact .section-title { margin: 0 auto 16px; }

    .contact-sub {
      color: var(--muted);
      font-size: 1rem;
      max-width: 420px;
      margin: 0 auto 56px;
    }

    .social-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      max-width: 760px;
      margin: 0 auto;
    }

    .social-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 22px 16px;
      text-decoration: none;
      color: var(--card-text);
      transition: all 0.25s;
    }

    .social-card:hover {
      transform: translateY(-4px);
      border-color: var(--accent);
      background: var(--accent-dim);
    }

    .social-card i {
      font-size: 1.4rem;
      color: var(--card-muted);
      transition: color 0.2s;
    }

    .social-card:hover i { color: var(--accent); }

    .social-card span {
      font-size: 0.78rem;
      font-weight: 500;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--card-muted);
      transition: color 0.2s;
    }

    .social-card:hover span { color: var(--card-text); }