.contact-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}
.contact-card .card-body { padding: 28px; }
.contact-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 16px;
}
.contact-form label { font-weight: 600; font-size: 14px; }
.contact-optional { font-weight: 400; color: #667085; }
.contact-form textarea { resize: vertical; min-height: 160px; }
.contact-hp {
    position: absolute !important;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.contact-status { min-height: 1.5em; margin-bottom: 12px; font-size: 14px; }
.contact-status--error { color: #b42318; }
.contact-submit { min-width: 160px; }
.contact-submit.is-loading { opacity: .75; cursor: progress; }
.contact-sent {
    border-left: 4px solid #09757a;
    background: #f0f9f9;
    padding: 16px 18px;
    border-radius: 6px;
}
.contact-sent:focus { outline: none; }
.contact-links li { margin-bottom: 6px; }

@media (max-width: 767.98px) {
    .contact-grid, .contact-form__row { grid-template-columns: 1fr; }
    .contact-card .card-body { padding: 18px 16px; }
    .contact-submit { width: 100%; }
}