.contact { position: relative; height: var(--section-height); }

.contact__figure {
  position: absolute;
  left: var(--left);
  top: var(--top);
  width: var(--figure-size);
  height: var(--figure-size);
}

.contact__mask {
  position: absolute;
  left: var(--left);
  top: var(--top);
  width: var(--width);
  height: var(--height);
  background: rgb(255, 255, 255);
}

.contact__text {
  position: absolute;
  left: var(--left);
  top: var(--top);
  width: 420px;
  font-size: 16px;
  line-height: 1.4em;
}

.contact__tagline { margin-bottom: 0.45em; }

.contact__email-link {
  color: var(--color-email-link);
  text-decoration: underline;
}

.contact__social {
  position: absolute;
  left: var(--left);
  top: var(--top);
  width: var(--size);
  height: var(--size);
}

.contact__social .social-icon { display: block; width: 100%; height: 100%; }