/* Logo comparison: the circular mark keeps its full shape and transparency. */
:root{--header-height:112px}
.header-logo{display:block;width:96px;height:96px;max-width:100%;object-fit:contain}
.brand-emblem img,.footer-brand img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:760px){
  :root{--header-height:96px}
  .header-logo{width:80px;height:80px}
}
@media(max-width:440px){
  :root{--header-height:88px}
  .header-logo{width:72px;height:72px}
}

/* The contact form follows the navy and antique-gold identity. */
.contact-form{display:grid;gap:22px;margin-top:30px}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-field{display:grid;gap:10px;min-width:0}
.contact-field label{font-size:12px;color:#f7f2e9}
.contact-field input,.contact-field select,.contact-field textarea{box-sizing:border-box;width:100%;min-width:0;min-height:48px;border:1px solid #75818b;border-radius:2px;background:#172a3d;color:#f7f2e9;padding:13px 14px;font:inherit;font-size:16px;line-height:1.5;color-scheme:dark}
.contact-field textarea{resize:vertical;min-height:150px}
.contact-field input:focus-visible,.contact-field select:focus-visible,.contact-field textarea:focus-visible{outline:2px solid #dec28e;outline-offset:3px;border-color:#dec28e}
.contact-form .contact-hint,.contact-demo-note{font-size:12px;line-height:1.7;color:#d0d5d9;margin:0}
.contact-demo-note{border-left:2px solid #dec28e;padding-left:12px}
.contact-form .button{cursor:pointer;max-width:none;justify-content:space-between}
.contact-form .button:disabled{cursor:default;opacity:.65}
.contact-form [hidden]{display:none!important}
.contact-status{font-size:13px;line-height:1.7;color:#f7f2e9;margin:0}
.contact-status:empty{display:none}
@media(max-width:440px){.contact-fields{grid-template-columns:1fr;gap:22px}}