.contact-hero {
  background: radial-gradient(circle at 88% 20%, rgba(230, 184, 95, .12), transparent 28%),
              linear-gradient(120deg, #122f43 0%, #18445e 64%, #1e526a 100%);
  color: #fff;
}

.contact-hero .eyebrow { color: var(--gold); }
.contact-hero .lead { color: #dce9ee; }

.contact-panel {
  border-color: #c7d4d8;
  box-shadow: 0 18px 44px rgba(18, 47, 67, .18);
}

.contact-aside {
  border: 1px solid #d8bf87;
  border-top: 4px solid var(--gold-dark);
  background: #f4e8cf;
  box-shadow: 8px 8px 0 rgba(160, 113, 39, .16);
}

.contact-aside .eyebrow { color: #815615; }
.contact-aside p:not(.eyebrow) { color: #3d5362; }
.contact-aside a { color: var(--navy); font-weight: 800; text-decoration-thickness: 2px; text-underline-offset: 3px; }

@media (max-width: 760px) {
  .contact-panel { box-shadow: 0 12px 28px rgba(18, 47, 67, .14); }
  .contact-aside { box-shadow: 6px 6px 0 rgba(160, 113, 39, .16); }
}