/* ── FOOTER / CONTACT ── */
      footer {
        background: var(--ink);
        color: var(--cream);
        padding: 7rem 5rem 3rem;
      }
      .footer-cta {
        text-align: center;
        margin-bottom: 6rem;
      }
      .footer-cta-eyebrow {
        font-family: "DM Mono", monospace;
        font-size: 0.68rem;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: rgba(245, 240, 232, 0.35);
        margin-bottom: 1.5rem;
      }
      .footer-cta h2 {
        font-family: "Playfair Display", serif;
        font-size: clamp(2.8rem, 6vw, 6rem);
        font-weight: 900;
        font-style: italic;
        line-height: 1;
        letter-spacing: -0.03em;
        margin-bottom: 2.5rem;
      }
      .footer-cta h2 em {
        color: var(--rust);
        font-style: normal;
      }
      .footer-btns {
        display: flex;
        gap: 1rem;
        justify-content: center;
        flex-wrap: wrap;
      }

      .footer-bottom {
        border-top: 1px solid rgba(245, 240, 232, 0.08);
        padding-top: 2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 1rem;
      }
      .footer-mark {
        font-family: "Playfair Display", serif;
        font-size: 1.5rem;
        font-weight: 900;
        font-style: italic;
        letter-spacing: -0.02em;
      }
      .footer-links {
        display: flex;
        gap: 2rem;
        list-style: none;
      }
      .footer-links a {
        font-family: "DM Mono", monospace;
        font-size: 0.65rem;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: rgba(245, 240, 232, 0.35);
        text-decoration: none;
        transition: color 0.2s;
      }
      .footer-links a:hover {
        color: var(--rust);
      }
      .footer-copy {
        font-family: "DM Mono", monospace;
        font-size: 0.62rem;
        color: rgba(245, 240, 232, 0.22);
      }

      /* ── RESPONSIVE ── */
@media (max-width: 900px) {
  footer {
    padding: 5rem 1.5rem 2.5rem;
  }
  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 600px) {
  .footer-cta h2 {
    font-size: 2.4rem;
  }
}