:root {
  --contact-paper: #fcfcfa;
  --contact-rule: #cdd8d4;
  --contact-muted: #48615d;
}

.contact-page { background: var(--contact-paper); }
.contact-header { border-bottom: 0; }
.contact-main { min-height: calc(100vh - 177px); }
.contact-intro {
  display: grid;
  grid-template-columns: minmax(0, .87fr) minmax(390px, 1fr);
  gap: clamp(58px, 10vw, 150px);
  align-items: center;
  width: min(100%, 1120px);
  margin-inline: auto;
  padding: clamp(165px, 14vw, 194px) var(--gutter) clamp(92px, 12vw, 164px);
}
.contact-details { max-width: 455px; }
.contact-details h1 {
  max-width: 425px;
  font-size: clamp(40px, 4.2vw, 62px);
  font-weight: 900;
  line-height: 1.02;
}
.contact-lede {
  max-width: 300px;
  margin: 34px 0 0;
  color: var(--contact-muted);
  font-size: 18px;
  line-height: 1.42;
}
.contact-address { display: grid; gap: 22px; margin: 44px 0 0; font-style: normal; }
.contact-address p { display: flex; align-items: flex-start; gap: 12px; margin: 0; color: var(--ink); font-size: 16px; line-height: 1.45; }
.contact-address svg { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 2px; fill: none; stroke: var(--teal); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }
.contact-address a { text-decoration: underline; text-decoration-color: rgba(21,59,60,.38); text-underline-offset: 3px; }
.contact-address a:hover { color: var(--teal); }
.contact-form-shell { padding: clamp(28px, 3.4vw, 46px); border: 4px solid var(--ink); border-radius: 38px; background: var(--white); box-shadow: 12px 13px 0 rgba(145,205,7,.22); }
.contact-form { display: grid; gap: 17px; }
.contact-form label { display: grid; gap: 8px; color: var(--teal); font-size: 13px; font-weight: 800; }
.field-label b { color: var(--lime); }
.contact-form input { width: 100%; min-height: 48px; border: 1px solid #a9bbb4; border-radius: 8px; padding: 10px 14px; background: var(--white); color: var(--ink); font: inherit; font-size: 16px; outline: none; }
.contact-form input:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(145,205,7,.28); }
.contact-form__submit { justify-self: start; margin-top: 5px; }
.form-privacy, .form-error { margin: 0; font-size: 12px; line-height: 1.45; }
.form-privacy { color: #263c37 !important; }
.form-error { color: #a32919; }
.form-trap { position: absolute !important; left: -10000px !important; }

@media (max-width: 760px) {
  .contact-header { padding-top: 24px; padding-bottom: 24px; }
  .contact-intro { grid-template-columns: 1fr; gap: 52px; padding-top: 143px; padding-bottom: 82px; }
  .contact-details { max-width: none; }
  .contact-details h1 { max-width: 500px; font-size: clamp(38px, 11.2vw, 55px); }
  .contact-form-shell { border-width: 3px; border-radius: 29px; box-shadow: 8px 9px 0 rgba(145,205,7,.22); }
}