.contact {
      background: var(--sage);
      color: #fff;
      border-radius: var(--radius-xl);
      padding: clamp(28px, 5vw, 54px);
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 28px;
      align-items: center;
      position: relative;
      overflow: hidden;
    }

    .contact p {
      margin-top: 14px;
      color: rgba(255,255,255,.82);
      max-width: 700px;
    }

    .contact .btn {
      background: #fff;
      color: var(--sage-dark);
      box-shadow: none;
    }

    .contact .btn:hover { background: var(--paper); }

    .contact .btn.contact-main {
      background: var(--accent);
      color: #fff;
      box-shadow: 0 14px 32px rgba(80, 61, 48, .18);
    }

    .contact .btn.contact-main:hover {
      background: var(--accent-dark);
    }

    footer {
      padding: 30px clamp(22px, 5vw, 64px) 44px;
      display: flex;
      justify-content: space-between;
      gap: 18px;
      color: var(--muted);
      font-size: 14px;
      border-top: 1px solid rgba(37,37,33,.06);
    }