.contact-page { min-height: 100svh; padding: 0 24px 64px; font-family: Helvetica, Arial, sans-serif; }
.contact-colophon { padding-top: clamp(100px, 18vh, 180px); max-width: 520px; }
.contact-block { margin-bottom: 36px; }
.contact-colophon p, .contact-colophon h1, .contact-colophon h2 { margin: 0; font: inherit; font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: -.015em; overflow-wrap: anywhere; }
.contact-colophon .contact-label { margin-bottom: 8px; color: #686868; }
.contact-socials { padding-top: 16px; color: #686868; }
.contact-socials p { font-size: 14px; line-height: 1.6; }
@media (max-width: 700px) {
  .contact-page { padding: 0 12px 48px; }
  .contact-colophon { padding-top: 104px; }
}