/* ---------- Contact trio: the visual centre of the page ---------- */
.ct-details .contact-cards { margin-top: 44px; }
.contact-cards--ledger .card {
  display: flex; flex-direction: column;
  padding: 38px 32px 34px;
  background: rgba(255, 255, 255, 0.78);
}
.contact-cards--ledger .card .num {
  font-size: 1.35rem; font-style: italic; margin-bottom: 20px;
  letter-spacing: 0.04em;
}
.contact-cards--ledger .card h3 {
  font-family: var(--ff-body); font-weight: 500;
  font-size: 0.7rem; letter-spacing: 0.32em; text-transform: uppercase;
  color: var(--grey); margin-bottom: 14px;
}
/* The contact value itself is the thing to read: serif, large, quiet gold on hover */
.contact-cards--ledger .card > p:first-of-type,
.contact-cards--ledger .card address {
  font-family: var(--ff-display); font-weight: 500;
  font-size: clamp(1.1rem, 1.6vw, 1.32rem); line-height: 1.4;
  overflow-wrap: anywhere;
}
.contact-cards--ledger .card address { line-height: 1.5; }
.contact-cards--ledger .card > p:first-of-type a {
  text-decoration: none; border-bottom: 1px solid var(--gold-soft);
  padding-bottom: 2px; transition: color 0.3s ease, border-color 0.3s ease;
}
.contact-cards--ledger .card > p:first-of-type a:hover { color: var(--gold); border-color: var(--gold); }
.contact-cards--ledger .contact-cards__note { margin-top: auto; padding-top: 18px; font-size: 0.86rem; line-height: 1.6; }

/* ---------- Form panel ---------- */
.ct-write .title-rule { margin-bottom: 22px; }
.form--panel {
  max-width: 820px; margin-top: 38px;
  padding: 40px 38px 36px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid var(--rule); border-top: 3px solid var(--gold);
  box-shadow: 0 18px 44px rgba(18, 19, 23, 0.05);
}
.form--panel input, .form--panel select, .form--panel textarea { background: #fff; }
.form--panel .form-note { margin-top: 4px; }
.ct-write .disclaimer { max-width: 820px; }

@media (max-width: 720px) {
  .contact-cards--ledger .card { padding: 30px 24px; }
  .form--panel { padding: 28px 22px 26px; }
}

/* Email is the longest value in the trio: size it to the column so it never breaks mid-word */
.contact-cards--ledger .card > p:first-of-type a[href^="mailto:"] {
  font-size: clamp(0.92rem, 1.05vw, 1.02rem);
  letter-spacing: 0.01em;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
}