.contact { background: white; }
.contact-card { display: grid; grid-template-columns: 1.2fr .8fr; min-height: 430px; overflow: hidden; background: var(--espresso); color: white; }
.contact-copy { padding: 44px 48px; }
.contact-copy h2 { color: white; }
.contact-copy .eyebrow { color: #F0C2A7; }
.contact-copy p { max-width: 700px; }
.contact-actions { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; margin-top: 22px; }
.contact-meta { display: flex; gap: 11px 20px; flex-wrap: wrap; margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.20); font-size: 14px; }
.contact-meta strong { width: 100%; color: #F0C2A7; font-family: var(--serif); font-size: 16px; }
.contact-meta a { color: white; text-underline-offset: 4px; }
.contact-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; filter: saturate(.92); }
@media (max-width: 980px) { .contact-card { grid-template-columns: 1fr; } .contact-image { height: 320px; } }
@media (max-width: 760px) {
  .contact-card {
    min-height: 0;
  }

  .contact-copy {
    padding: 30px 22px;
  }

  .contact-actions {
    gap: 10px;
    margin-top: 20px;
  }

  .contact-actions .button {
    width: 100%;
  }

  .contact-meta {
    gap: 12px;
    margin-top: 24px;
    padding-top: 18px;
    flex-direction: column;
    font-size: 14px;
  }

  .contact-meta strong {
    margin-bottom: 2px;
  }

  .contact-meta a {
    overflow-wrap: anywhere;
  }

  .contact-image {
    height: 260px;
  }
}