.contact-page {
  max-width: 1440px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 120px) var(--site-content-gutter);
}

.contact-intro { max-width: 540px; }

.contact-intro h1 {
  margin: 0 0 24px;
  font-size: clamp(52px, 5.5vw, 78px);
  line-height: 1.05;
  letter-spacing: -.055em;
  font-weight: 500;
}

.contact-intro h1 em {
  font-family: var(--serif);
  font-weight: 400;
}

.contact-intro p {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: var(--muted);
}

.contact-intro .contact-location {
  margin-top: 24px;
  font-size: 14px;
}

.contact-actions { display: block; margin-top: 36px; }

.contact-copy {
  justify-content: center;
  min-height: 48px;
  padding: 13px 25px;
  font-size: 15px;
  cursor: pointer;
}

.contact-copy[hidden], .contact-address[hidden] { display: none; }
.contact-address { margin: 24px 0 0; }
.contact-address a {
  font-size: clamp(18px, 3vw, 22px);
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-underline-offset: 5px;
  user-select: all;
}
.contact-copy-status { margin: 12px 0 0; font-size: 14px; line-height: 1.6; color: var(--muted); }
.contact-copy-status:empty { display: none; }

@media (max-width: 800px) {
  .contact-page { padding-top: 56px; padding-bottom: 64px; }
}