/* Contact composition: enquiries and representation left, location and links right. */
.contact-view {
  display: flex;
  align-items: center;
  padding: 64px max(var(--gutter), 6vw);
}
.contact-view .text-layout {
  display: block;
  width: 100%;
  max-width: 960px;
}
.contact-view .contact-copy {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: clamp(40px, 6vw, 100px);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: .035em;
}
.contact-view .contact-column { min-width: 0; }
.contact-view .contact-group + .contact-group { margin-top: 48px; }
.contact-view .contact-group h2 {
  font-family: "Baskervville", Georgia, serif;
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  line-height: 1.7;
  margin-bottom: 18px;
}
.contact-view .contact-socials { font-size: 18px; }
.contact-view .contact-group > a,
.contact-view .contact-group > span { font-size: 18px; }
.contact-view .contact-group > a[href^="mailto:"] { font-weight: 700; }
@media (max-width: 760px) {
  .contact-view { display: block; padding: 35px var(--gutter) 55px; }
  .contact-view .contact-copy { grid-template-columns: minmax(0, 1fr); gap: 38px; }
  .contact-view .contact-group + .contact-group { margin-top: 38px; }
}

.contact-view .contact-group > a[href^="mailto:"] { overflow-wrap: anywhere; }