.contact-page{position:relative;width:100%;max-width:1800px;margin:auto;font-family:Nunito,Arial,sans-serif;color:#112a51}
.contact-art img{display:block;width:100%;height:auto}
.contact-art{background-repeat:no-repeat;background-size:100% 100%}
.contact-form{position:absolute;inset:0}
.contact-mobile-heading,.contact-mobile-intro{display:none}
.contact-field{position:absolute}
.contact-field label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.contact-field input,.contact-field textarea{display:block;width:100%;height:100%;min-width:0;margin:0;padding:4px 10px;border:0;border-radius:3px;background:#fffdf774;color:#112a51;font:700 clamp(12px,1.15vw,19px)/1.3 Nunito,Arial,sans-serif;cursor:text}
.contact-field :is(input,textarea)::placeholder{color:#536681;opacity:.77}
.contact-field textarea{padding-top:8px;resize:none}
.contact-field :is(input,textarea):focus-visible{outline:2px solid #12305c;outline-offset:0;background:#fffaf2ed}
.contact-name{left:48.4%;top:33.3%;width:19.2%;height:4.35%}
.contact-email{left:69.2%;top:33.3%;width:19.35%;height:4.35%}
.contact-subject{left:48.4%;top:42.7%;width:40.2%;height:4.4%}
.contact-message{left:48.4%;top:52.05%;width:40.2%;height:12.75%}
.contact-submit{position:absolute;left:72.4%;top:66.7%;width:16.55%;height:6.75%;display:flex;align-items:center;justify-content:center;gap:.45em;margin:0;padding:0 8px;border:0;border-radius:6px;background:#112a51;color:#fff;font:400 clamp(13px,1.62vw,27px)/1 Shrikhand,Georgia,serif;box-shadow:0 2px 4px #0d213a25}
.contact-submit:hover{background:#1a3d70}
.contact-submit:focus-visible{outline:3px solid #d12638;outline-offset:4px}
.contact-help,.contact-status{max-width:920px;margin:12px auto 16px;padding:0 20px;text-align:center;font:700 14px/1.45 Nunito,Arial,sans-serif}
.contact-help a{color:#112a51;text-underline-offset:3px}
.contact-status{color:#8b232c}
@media(max-width:760px){
  .contact-page{display:flex;flex-direction:column;align-items:stretch}
  .contact-art{background:#eadcc6}
  .contact-art img{width:100%;height:auto}
  .contact-form{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;margin:-22px 18px 0;padding:24px 20px 22px;border:3px solid #112a51;border-top:10px solid #a82d36;border-radius:5px;background:#fff9ef;box-shadow:6px 9px 18px #49382022}
  .contact-mobile-heading{display:block;grid-column:1/-1;margin:0;color:#112a51;font:400 clamp(33px,7vw,54px)/1 Shrikhand,Georgia,serif}
  .contact-mobile-intro{display:block;grid-column:1/-1;margin:-7px 0 3px;font:800 17px/1.3 Nunito,Arial,sans-serif}
  .contact-field{position:static;min-width:0;width:auto;height:auto}
  .contact-field label{position:static;display:block;width:auto;height:auto;margin:0 0 6px;overflow:visible;clip-path:none;white-space:normal;font:800 15px/1.2 Nunito,Arial,sans-serif}
  .contact-field input,.contact-field textarea{height:auto;min-height:46px;padding:10px 12px;border:2px solid #112a51;border-radius:4px;background:#fffefa;font-size:16px}
  .contact-subject,.contact-message{grid-column:1/-1}
  .contact-message textarea{height:160px;min-height:160px;resize:vertical}
  .contact-submit{position:static;grid-column:1/-1;width:100%;min-height:54px;font-size:22px}
  .contact-help,.contact-status{margin:10px 18px 0;padding:0;text-align:left}
}
@media(max-width:520px){
  .contact-form{grid-template-columns:1fr;gap:16px;margin:-18px 15px 0;padding:22px 18px}
  .contact-name,.contact-email,.contact-subject,.contact-message,.contact-submit{grid-column:1}
  .contact-help,.contact-status{margin-inline:16px}
}