/* ═══════════════════════════════════════════════════════════
       FOOTER
    ═══════════════════════════════════════════════════════════ */
    footer {
      background:var(--bg-card);
      border-top:1px solid var(--border-2);
      padding:56px 0 0;
      transition:background .45s;
    }

    .footer-inner {
      display:grid;
      grid-template-columns:1.6fr 1fr 1fr;
      gap:48px;
      padding-bottom:48px;
      border-bottom:1px solid var(--border-2);
    }

    .footer-brand-name {
      font-family:'Oswald',sans-serif;
      font-size:1.15rem; font-weight:700;
      letter-spacing:.04em; text-transform:uppercase;
      color:var(--text);
      margin-bottom:.3rem;
    }

    .footer-brand-sub {
      font-size:.78rem;
      color:var(--text-3);
      margin-bottom:1.2rem;
    }

    .footer-social { display:flex; gap:10px; }

    .social-btn {
      width:34px; height:34px;
      border:1px solid var(--border-2);
      border-radius:8px;
      display:flex; align-items:center; justify-content:center;
      color:var(--text-3);
      transition:color .22s, border-color .22s, background .22s;
    }
    .social-btn:hover {
      color:var(--accent);
      border-color:var(--accent);
      background:var(--accent-glow);
    }

    .footer-links-col h4 {
      font-family:'Oswald',sans-serif;
      font-size:.62rem; font-weight:600;
      letter-spacing:.2em; text-transform:uppercase;
      color:var(--text-3);
      margin-bottom:16px;
    }

    .footer-links-col ul {
      list-style:none;
      display:flex; flex-direction:column; gap:10px;
    }

    .footer-links-col a {
      font-size:.82rem;
      color:var(--text-2);
      text-decoration:none;
      display:flex; align-items:center; gap:6px;
      opacity:.65;
      transition:opacity .22s, color .22s;
    }
    .footer-links-col a:hover { opacity:1; color:var(--accent); }
    .footer-links-col a svg { flex-shrink:0; opacity:.5; }

    .footer-bottom {
      display:flex; align-items:center; justify-content:space-between;
      padding:18px 0 22px;
    }

    .footer-copy, .footer-made {
      font-size:.72rem;
      color:var(--text-3);
      opacity:.5;
    }

    /* ── MOBILE MENU ─────────────────────────────────────────────── */
    .mobile-menu {
      display:none; position:fixed;
      top:var(--nav-h); left:0; right:0; bottom:0;
      background:var(--bg); z-index:99;
      flex-direction:column; align-items:center; justify-content:center; gap:2.8rem;
      transition:background .45s;
    }
    .mobile-menu.open { display:flex; }
    .mobile-menu a {
      font-family:'Oswald',sans-serif;
      font-size:1.8rem; font-weight:700;
      letter-spacing:.04em; text-transform:uppercase;
      color:var(--text-2);
      transition:color .22s, transform .22s var(--ease);
    }
    .mobile-menu a:hover { color:var(--accent); transform:translateX(10px); }

    /* ═══════════════════════════════════════════════════════════
       RESPONSIVE PATCH
    ═══════════════════════════════════════════════════════════ */
    @media (max-width:1024px) {
      .proj-grid { grid-template-columns:repeat(2,1fr); }
      .nav-center { display:none; }
      .nav-inner { grid-template-columns:1fr auto; }
      .burger { display:flex; }
    }
    @media (max-width:900px) {
      .hero-inner { grid-template-columns:1fr; }
      .hero-right { display:none; }
      .about-grid { grid-template-columns:1fr; }
      .parcours-inner { grid-template-columns:1fr; }
    }
    @media (max-width:768px) {
      .section { padding:48px 0; }
      .nav-links { display:none; }
      .skills-grid { grid-template-columns:1fr; }
      .proj-grid { grid-template-columns:1fr; }
      .section-deco { font-size:8rem; }
      footer { padding:36px 0 0; }
      .footer-inner { grid-template-columns:1fr 1fr; gap:24px; padding-bottom:32px; }
    }
    @media (max-width:480px) {
      .hero-title { font-size:2.5rem; }
      .hero-cta { flex-direction:column; }
      .btn { width:100%; justify-content:center; }
      .about-stats { grid-template-columns:repeat(2,1fr); }
      .footer-inner { grid-template-columns:1fr; }
      .footer-bottom { flex-direction:column; gap:6px; text-align:center; }
    }