.contact-wrap { align-items: start; }
.contact-details > p { color: #c5cdcd; font-size: 14px; line-height: 1.7; max-width: 410px; margin: 31px 0 30px; }
.contact-details address { display: grid; gap: 9px; font-size: 12px; font-style: normal; color: #bdc6c7; }
.contact-details address a { color: #fff; font-weight: 700; width: max-content; }
.contact-details address a:hover { color: var(--lime); }
.contact-form { background: #eef0eb; color: var(--ink); padding: 30px; max-width: 480px; width: 100%; }
.contact-form h3 { font-size: 21px; margin-bottom: 25px; }
.contact-form label { display: block; font: 500 10px 'DM Mono', monospace; letter-spacing: 1px; text-transform: uppercase; margin-top: 16px; }
.contact-form input, .contact-form textarea { display: block; width: 100%; border: 0; border-bottom: 1px solid #aab2ae; border-radius: 0; background: transparent; padding: 9px 0 8px; color: var(--ink); font: 500 14px Manrope, Arial, sans-serif; outline: none; resize: vertical; }
.contact-form input:focus, .contact-form textarea:focus { border-color: var(--ink); }
.contact-form .button { border: 0; margin: 23px 0 0; cursor: pointer; font-family: Manrope, Arial, sans-serif; }
.form-status { min-height: 18px; margin: 13px 0 0; color: #4a5b12; font-size: 11px; font-weight: 700; }
@media (max-width: 760px) { .contact-form { max-width: none; padding: 25px; } }