[data-page="contact"] .phero {padding-bottom:36px}
[data-page="contact"] #contact-form {padding-top:24px;scroll-margin-top:100px}
[data-page="contact"] .contact-grid {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:72px;align-items:start}
[data-page="contact"] .contact-grid > * {min-width:0}
[data-page="contact"] .contact-routes {display:grid;gap:28px;padding-top:28px;border-top:1px solid var(--line)}
[data-page="contact"] .contact-routes .flabel {margin-bottom:8px;font:14px/1.5 var(--ui);letter-spacing:0;color:var(--ink-3)}
[data-page="contact"] .contact-email {font:500 28px/1.3 var(--serif);overflow-wrap:anywhere}
[data-page="contact"] .contact-routes a {overflow-wrap:anywhere}
[data-page="contact"] .contact-socials {display:flex;gap:24px;flex-wrap:wrap;font-size:14px}
[data-page="contact"] .contact-photo {width:100%;max-width:300px;aspect-ratio:1;margin:4px 0 0;overflow:hidden}
[data-page="contact"] .field :is(input,textarea)::placeholder {color:#6d665c;opacity:1}
[data-page="contact"] .field :is(input,textarea,select) {border-bottom-color:#8b8378;letter-spacing:0}
[data-page="contact"] .field label {letter-spacing:0}
[data-page="contact"] .field textarea {min-height:140px}
[data-page="contact"] .field .msg {font:13px/1.5 var(--ui);letter-spacing:0}
[data-page="contact"] .field .msg[hidden] {display:none}
[data-page="contact"] .wsuccess {text-align:left}
[data-page="contact"] .wsuccess p {margin-inline:0!important}
@media(max-width:760px) {
  [data-page="contact"] .contact-grid {grid-template-columns:minmax(0,1fr);gap:48px}
  [data-page="contact"] .phero {padding-bottom:20px}
  [data-page="contact"] #contact-form {padding-top:16px}
}