/* Contacts page — overrides on top of pro-firmy.css */

/* ─── Hero ──────────────────────────────────────────────────────────── */
.contacts-hero {
  padding: clamp(48px, 6vw, 80px) 0 clamp(64px, 7vw, 104px);
}
.contacts-hero h1 { max-width: 20ch; }
.contacts-hero .pf-lead { color: var(--pf-ink); max-width: 52ch; }

/* ─── Split: contact list left, CTA right ───────────────────────────── */
.contacts-split > .pf-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(48px, 7vw, 104px);
  align-items: start;
}

/* Contact data as definition list */
.contacts-list {
  margin: 0;
  padding: 0;
}
.contacts-item {
  display: grid;
  gap: 6px;
  padding: 28px 0;
  border-bottom: 1px solid var(--pf-line);
}
.contacts-item:first-child { border-top: 1px solid var(--pf-line); }
.contacts-item dt {
  color: var(--pf-muted);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 1.4;
}
.contacts-item dd {
  margin: 0;
  color: var(--pf-ink);
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -.02em;
}
.contacts-item dd a {
  color: inherit;
  text-decoration: none;
}
.contacts-item dd a:hover { color: var(--pf-accent); }

/* CTA side */
.contacts-split__cta { padding-top: 8px; }
.contacts-split__cta h2 {
  font-size: calc(clamp(24px, 2.5vw, 32px) + 1px);
  margin-bottom: 16px;
}
.contacts-split__cta .pf-lead { color: var(--pf-ink); margin-top: 0; }
.contacts-split__cta .pf-actions { margin-top: 32px; }

/* ─── Responsive ─────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .contacts-split > .pf-shell {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }
  .contacts-item dd { font-size: clamp(18px, 4vw, 24px); }
}
@media (max-width: 600px) {
  .contacts-hero { padding-bottom: 64px; }
  .contacts-item { padding: 20px 0; }
  .contacts-item dd { font-size: 20px; }
}