.contact-highlight {
  position: relative; overflow: hidden; padding: 1rem; border: 1px solid #ccbda9; border-radius: 18px;
  background: radial-gradient(circle at 82% 8%, rgba(214, 168, 102, 0.24), transparent 38%), linear-gradient(150deg, #fbf7ef, #f3eadb);
  box-shadow: 0 14px 34px rgba(138, 86, 20, 0.15);
}
.contact-highlight::after { content: ""; position: absolute; inset: auto -12% -60% auto; width: 240px; height: 240px; border-radius: 999px; background: radial-gradient(circle, rgba(242, 182, 61, 0.16), transparent 68%); }
.contact-layout { grid-template-columns: 1fr 1fr; }
.contact-form {
  display: grid; gap: 0.8rem; margin-top: var(--space-3); padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md); background: linear-gradient(175deg, #fffdf8, #f5ecdc); box-shadow: var(--shadow-sm);
}
.contact-info a { color: var(--brand); }
.contact-email-row {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.contact-email-link {
  display: inline-block;
  width: fit-content;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--brand);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.12em;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.contact-cta-row { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: var(--space-3); }
.registered-map iframe { width: 100%; min-height: 320px; border: 0; border-radius: var(--radius-sm); }
@media (max-width: 900px) {
  .contact-layout { grid-template-columns: 1fr; }
}