/* Direct email and supplied social handles within the existing paper/ink layout. */
.contact-email { margin-top: 64px; }
.contact-email h2, .contact-follow h2 {
  margin: 0 0 22px;
  font-family: var(--display);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 430;
  line-height: 1.2;
}
.contact-email a {
  display: inline-block;
  color: var(--signal-dark);
  font-family: "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(18px, 2.2vw, 28px);
  line-height: 1.5;
  text-decoration-thickness: 1px;
  text-underline-offset: 7px;
  overflow-wrap: anywhere;
}
.contact-email a:hover { color: var(--ink); }
.contact-follow { display: block; }
.social-accounts { margin: 0; }
.social-accounts > div { padding: 22px 0; border-top: 1px solid rgba(245,241,232,.22); }
.social-accounts > div:last-child { border-bottom: 1px solid rgba(245,241,232,.22); }
.social-accounts dt {
  font-family: "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--silver);
}
.social-accounts dd {
  margin: 7px 0 0;
  font-family: "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(20px, 2vw, 25px);
  line-height: 1.4;
  color: var(--foam);
  overflow-wrap: anywhere;
}
@media(max-width:760px) {
  .contact-email { margin-top: 44px; }
  .contact-email h2 { margin-bottom: 14px; }
}