.contact-with-form{
  align-items:start;
  grid-template-columns:minmax(0,.8fr) minmax(520px,1fr);
  gap:clamp(55px,8vw,130px);
  background:#d9c8a8;
}

.contact-intro h2{font-size:clamp(52px,6vw,84px)}
.contact-lead{max-width:520px;margin:30px 0 48px;font-size:17px;line-height:1.65}
.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:28px 35px;padding-top:30px;border-top:1px solid rgba(21,54,45,.22)}
.contact-details div:last-child{grid-column:1/-1}
.contact-details span,.email-form label>span{display:block;margin-bottom:9px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:600}
.contact-details p{margin:0;line-height:1.65}
.contact-details a{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:4px}

.email-form{position:relative;display:grid;gap:24px;background:var(--paper);padding:clamp(30px,4vw,58px)}
.email-form label{display:block}
.email-form input,.email-form textarea{width:100%;border:0;border-bottom:1px solid rgba(21,54,45,.3);border-radius:0;background:transparent;color:var(--ink);font:16px var(--sans);padding:9px 0 14px;outline:none;resize:vertical;transition:border-color .2s}
.email-form input:focus,.email-form textarea:focus{border-bottom-color:var(--ink)}
.email-form textarea{min-height:105px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.email-form button{justify-self:start;border:0;background:var(--forest);color:#fff;padding:17px 24px;font:600 13px var(--sans);cursor:pointer}
.email-form button span{margin-left:28px}
.form-note{margin:0;color:#718078;font-size:11px;line-height:1.5}
.form-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.message-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:var(--forest);color:#fff}
.message-card{width:min(700px,100%);padding:clamp(40px,7vw,85px);background:var(--paper);color:var(--ink);text-align:center}
.message-card h1{font:500 clamp(42px,6vw,70px)/1.02 var(--serif);margin:0 0 24px}
.message-card p{line-height:1.65;margin:0 auto 35px;max-width:480px}

@media(max-width:1000px){.contact-with-form{grid-template-columns:1fr;gap:55px}.contact-lead{margin-bottom:35px}}
@media(max-width:600px){.contact-with-form{padding:75px 20px}.contact-details{grid-template-columns:1fr}.contact-details div:last-child{grid-column:auto}.email-form{padding:30px 22px;gap:21px}.form-row{grid-template-columns:1fr}}