/* Contact is a compact working page within the shared product identity. */
.contact-page header,
.contact-page main,
.contact-page footer {
  max-width: 760px;
  padding-inline: 32px;
}
.contact-page header { padding-block: 24px; justify-content: flex-start; }
.contact-page main {
  margin-top: 8px;
  padding-block: 28px;
  border-top-width: 2px;
  line-height: 1.65;
}
.contact-page .label {
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  color: #64748b;
}
.contact-page h1 {
  margin: 6px 0 14px;
  font-size: clamp(1.5rem, 2.8vw, 1.625rem);
  font-weight: 500;
  letter-spacing: -.015em;
  line-height: 1.3;
}
.contact-page .lead {
  max-width: 60ch;
  margin: 0;
  font-size: 1rem;
  line-height: 1.65;
  color: #475569;
}
.contact-page .lead strong { font-weight: 600; color: #334155; }
.contact-page .contact-method {
  margin-top: 24px;
  padding-top: 0;
  border-top: 0;
}
.contact-page .contact-address { min-width: 0; }
.contact-page h2 {
  margin: 0 0 6px;
  color: #64748b;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.4;
}
.contact-page .contact-address p { margin: 0; line-height: 1.5; }
.contact-page .contact-address strong { font-size: 1.0625rem; font-weight: 500; }
.contact-page .meta {
  margin: 10px 0 0;
  font-size: .875rem;
  line-height: 1.6;
}
.contact-page footer { padding-block: 22px; font-size: .875rem; line-height: 1.6; }
.contact-page footer p { margin: 0 0 8px; }
.contact-page footer nav { gap: 8px 18px; }
@media (max-width: 600px) {
  .contact-page header,
  .contact-page main,
  .contact-page footer { padding-inline: 20px; }
  .contact-page header { padding-block: 18px; }
  .contact-page main { padding-block: 24px; }
  .contact-page footer { padding-block: 20px; }
}