.contact-page header{position:relative;background:var(--cream);color:var(--ink)}
.contact-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,5vw,72px);align-items:start;padding:38px 0 78px}
.contact-intro h1{font-size:clamp(46px,5vw,68px);margin:0 0 20px}
.contact-lead{max-width:540px;font-size:19px;line-height:1.65;margin-bottom:28px}
.contact-art{display:block;overflow:hidden;border-radius:20px;background:#dce5d3}
.contact-art img{display:block;width:100%;height:auto;aspect-ratio:3/2}
.contact-direct{font-size:15px;line-height:1.8;margin-top:24px;color:#50646e}
.contact-direct a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.contact-compose{padding-top:8px}
.contact-compose h2{font-size:34px;margin:0 0 26px;letter-spacing:-.5px}
#contact-fields{border:0;margin:0;padding:0;min-width:0}
#contact-form label{display:block;font-size:15px;font-weight:600;margin-bottom:18px}
#contact-form input,#contact-form select,#contact-form textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #9caaa5;border-radius:8px;background:#fffefb;color:var(--ink);font:16px/1.5 Arial,sans-serif;min-height:50px}
#contact-form textarea{resize:vertical;min-height:170px}
#contact-form textarea::placeholder{color:#65717a}
#contact-form :is(input,select,textarea):focus-visible{outline:3px solid #587768;outline-offset:3px}
.contact-name-email{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}
.contact-name-email label{margin-bottom:0!important}
.contact-help{font-size:13px;line-height:1.6;color:#52616a;margin:-6px 0 22px}
#email-help{margin:9px 0 22px}
.contact-submit{width:100%;min-height:52px;background:#3e5e4b;border-color:#3e5e4b;color:#fff;font-size:16px;margin-top:2px}
.contact-submit:hover{background:#304d3c}
.contact-submit:disabled{opacity:.7;cursor:wait}
.contact-privacy{font-size:13px;line-height:1.6;color:#52616a;margin:14px 0 0}
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#contact-status:not(:empty){font-size:15px;padding:16px 0;margin:0}
#contact-status[data-error="true"]{color:#8b2525}
#contact-success{border-top:1px solid var(--line);padding:26px 0}
#contact-success strong{overflow-wrap:anywhere}
#contact-success[hidden],#contact-form[hidden]{display:none}
@media(max-width:1000px){.contact-name-email{grid-template-columns:1fr;gap:16px}}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr;gap:28px;padding:30px 0 54px}.contact-intro h1{font-size:48px}.contact-lead{font-size:17px}.contact-compose{padding-top:0}.contact-name-email{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.contact-name-email{grid-template-columns:1fr}.contact-compose h2{font-size:30px}.contact-art{border-radius:14px}}