/* ============================================================
   CONTACT SECTION / COMPONENT (<site-contact>)
   ============================================================ */
site-contact {
  display: block;
  scroll-margin-top: 6rem;
}

.contact-section {
  padding-top: clamp(4rem, 11vw, 6rem);
  padding-bottom: clamp(2rem, 5vw, 3.5rem);
}

.contact-headline {
  font-size: clamp(2.8rem, 6.5vw, 6.8rem);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -0.04em;
  color: var(--ink);
  margin: 0;
  text-wrap: balance;
}