.contact-hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  min-height: 52px;
  margin-top: 24px;
  padding: 12px 22px;
  border-radius: 999px;
  background: var(--yellow);
  color: var(--ink);
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}

.contact-hero-cta:hover { transform: translateY(-3px); box-shadow: 0 8px 20px #422f3624; }
.contact-hero-cta:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.contact-form-card { grid-column: 2; grid-row: 1; scroll-margin-top: 24px; }
.contact-intro { grid-column: 1; grid-row: 1; }

@media (min-width: 1081px) {
  .contact-hero-content { margin-top: 105px; }
  .contact-hero-content > p { margin-top: 26px; }
  .contact-hero-cta { margin-top: 10px; }
}

@media (max-width: 700px) {
  .contact-hero { min-height: 555px; }
  .contact-hero-cta { width: min(100%, 300px); margin-top: 20px; }
}