/* Generated from styles.css by tools/split-css.mjs. */
.contact-form{
  display: grid;
  gap: 14px;
  padding: 28px;
  background: var(--surface);
  border: 1px solid var(--line);
}
.contact-form{
  gap: 11px;
  padding: 24px;
}
.contact-form input,
.contact-form textarea,
.contact-form select{
  min-height: 42px;
  padding: 10px 12px;
}
.contact-form textarea{
  min-height: 84px;
}
.contact-layout{
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 60px;
  align-items: center;
  min-height: 100vh;
  margin-top: -72px;
  padding: 96px max(24px, calc((100vw - 1180px) / 2)) 32px;
}
.contact-info h1{ color: var(--ink); }
.contact-layout h1{
  font-size: clamp(54px, 5.6vw, 82px);
  line-height: 1.02;
}
.contact-layout .contact-heading-th{
  font-size: clamp(40px, 4vw, 58px);
  line-height: 1.15;
}
.contact-info p{ max-width: 560px; }
.contact-info dl{ margin: 24px 0 0; }
.contact-info dd{ margin-bottom: 14px; }
.check-row{ display: flex; align-items: center; gap: 10px; font-weight: 400; }
.check-row input{ width: auto; min-height: auto; }
.form-botcheck{ display: none; }
.form-status{ display: none; margin: 0; color: #b42318; }
.form-status.is-visible{ display: block; }
.contact-form-success{
  min-height: 420px;
  align-content: center;
  justify-items: center;
  text-align: center;
}
.contact-form-success h2{ margin: 0; color: var(--ink); }
.contact-form-success p{ max-width: 420px; margin: 0; }
@media (max-width: 900px){
.contact-layout{ grid-template-columns: 1fr; }
}