.contact-profiles {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.contact-profiles a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 11px 13px;
  border: 1px solid rgba(6, 47, 74, .32);
  color: #0a4267;
  font-size: 14px;
  font-weight: 700;
  transition: background .2s ease, color .2s ease;
}

.contact-profiles a:hover {
  background: #e3f2f8;
  color: #062f4a;
}

.contact-page {
  display: block;
  background: #fff;
  color: #062f4a;
}

.contact-page .shell {
  padding-block: 70px 110px;
}

.contact-page h1 {
  max-width: 820px;
  font-size: clamp(52px, 5.2vw, 78px);
}

.contact-page .back,
.contact-page .eyebrow {
  color: #0a4267 !important;
}

.contact-page .eyebrow span {
  background: #009fe3;
}

.contact-page p {
  color: #456576 !important;
}

.contact-page .email {
  border-color: rgba(6, 47, 74, .42);
  color: #0a4267;
}

@media (max-width: 560px) {
  .contact-profiles {
    flex-direction: column;
    align-items: flex-start;
  }
}