/* Contact (design board: Contact.dc.html) */

.ct {
  position: relative; overflow: hidden;
  background: radial-gradient(ellipse 70% 80% at 80% 20%, var(--cobalt-1) 0%, var(--cobalt-2) 40%, var(--navy) 100%);
  padding: clamp(56px, 6vw, 96px) var(--gutter) clamp(90px, 10vw, 150px);
}
.ct__inner { max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: clamp(40px, 5vw, 80px); align-items: flex-start; }
.ct__intro { flex: 1 1 320px; display: flex; flex-direction: column; gap: 18px; }
.ct__title { margin: 0; font-family: var(--serif); font-weight: 300; font-size: clamp(48px, 5.6vw, 80px); line-height: 1.02; }
.ct__lede { max-width: 420px; }
.ct__follow { display: flex; flex-direction: column; gap: 10px; margin-top: 18px; }
.ct__pills { display: flex; flex-wrap: wrap; gap: 10px; }
.ct__pills .pill { letter-spacing: 0; }

/* Form card */
.ct-form {
  flex: 1.3 1 420px; min-width: 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 20px 22px;
  padding: clamp(28px, 3.4vw, 44px); border-radius: 18px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(212, 178, 106, 0.4);
}
.ct-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ct-field--full { grid-column: 1 / -1; }
.ct-field label { font-size: 14px; letter-spacing: 0.04em; }
.ct-form .input, .ct-form .select, .ct-form .textarea {
  min-height: 52px; border-color: rgba(191, 230, 238, 0.35); background: rgba(255, 255, 255, 0.06);
}
.ct-form .input:hover, .ct-form .select:hover, .ct-form .textarea:hover { border-color: rgba(191, 230, 238, 0.6); }
.ct-form .input:focus, .ct-form .select:focus, .ct-form .textarea:focus { border-color: var(--gold); }
.ct-form .input::placeholder, .ct-form .textarea::placeholder { color: #9FB0CC; }
.ct-form [aria-invalid="true"] { border-color: #F3B8A8; }
.ct-err { margin: 0; font-size: 14px; color: #F3B8A8; }

.ct-form__foot { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }
.ct-form__status { flex: 1 1 240px; font-size: 14px; color: var(--blue-muted); }
.ct-form__status [data-state="ok"] { color: var(--aqua); font-size: 15px; }
.ct-form__status [data-state="error"] { color: #F3B8A8; font-size: 15px; }
.ct-form__status a { color: var(--gold); transition: color .25s ease-out; }
.ct-form__status a:hover { color: #F6E2B8; }
.ct-retry {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0; margin-right: 4px;
  background: none; border: 0; color: var(--gold); text-decoration: underline; text-underline-offset: 4px;
  cursor: pointer; transition: color .25s ease-out;
}
.ct-retry:hover { color: #F6E2B8; }
.ct-form__submit { padding: 0 34px; letter-spacing: 0.06em; }
.ct-form__submit[aria-busy="true"] { cursor: progress; }
@media (max-width: 480px) { .ct-form__submit { width: 100%; } }
.ct-form__submit .spinner:not([hidden]) { display: inline-block; flex: none; }