.contact-page{
  width:min(720px,calc(100% - 40px));
}
.contact-intro{
  margin-bottom:38px;
}
.contact-intro p+p{
  margin-top:8px;
}
.contact-form{
  display:grid;
  gap:26px;
}
.contact-field{
  display:grid;
  gap:8px;
}
.contact-field label{
  color:#493326;
  font-weight:800;
}
.contact-field label span{
  display:inline-block;
  margin-left:7px;
  padding:1px 7px;
  border-radius:4px;
  background:#a63f2f;
  color:#fff;
  font-size:11px;
  line-height:1.6;
  vertical-align:middle;
}
.contact-field input,
.contact-field textarea{
  width:100%;
  border:1px solid #cdbb9f;
  border-radius:8px;
  background:#fffef9;
  color:#35261d;
  font:inherit;
  line-height:1.6;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.contact-field input{
  min-height:50px;
  padding:10px 13px;
}
.contact-field textarea{
  min-height:220px;
  padding:12px 13px;
  resize:vertical;
}
.contact-field input:focus,
.contact-field textarea:focus{
  border-color:#a85b3e;
  outline:none;
  box-shadow:0 0 0 3px rgba(168,91,62,.14);
}
.contact-field [aria-invalid="true"]{
  border-color:#ad3328;
}
.contact-field-error{
  color:#9e291f;
  font-size:14px;
  font-weight:700;
}
.contact-field-note,
.contact-privacy-note{
  color:#806a57;
  font-size:13px;
}
.contact-privacy-note a,
.contact-result a{
  color:#8b4a31;
  font-weight:700;
}
.contact-submit{
  justify-self:start;
  min-width:180px;
  min-height:52px;
  padding:11px 28px;
  border:0;
  border-radius:999px;
  background:#a63f2f;
  color:#fff;
  font:inherit;
  font-weight:800;
  letter-spacing:.06em;
  cursor:pointer;
  transition:transform .15s ease,filter .15s ease;
}
.contact-submit:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
}
.contact-submit:focus-visible{
  outline:3px solid #d79b50;
  outline-offset:3px;
}
.contact-result{
  margin:0 0 34px;
  padding:20px 22px;
  border:1px solid #d9c49e;
  background:#fffef9;
}
.contact-result h2{
  margin:0 0 8px;
  font-size:22px;
}
.contact-result-success{
  border-color:#b5bd87;
  background:#fbfce9;
}
.contact-result-success a{
  display:inline-block;
  margin-top:18px;
}
.contact-result-error{
  border-color:#d5a49f;
  background:#fff4f2;
  color:#7d2821;
}
.contact-honeypot{
  position:absolute !important;
  left:-10000px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}
@media (max-width:720px){
  .contact-page{
    width:min(100% - 28px,720px);
  }
  .contact-intro{
    margin-bottom:32px;
  }
  .contact-form{
    gap:23px;
  }
  .contact-submit{
    width:100%;
  }
}
@media (prefers-reduced-motion:reduce){
  .contact-field input,
  .contact-field textarea,
  .contact-submit{
    transition:none;
  }
}