.lead-form-layout {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 18px;
    align-items: start;
}

.lead-copy {
    padding: 20px;
    border: 1px solid #b8b9b3;
    border-top: 4px solid var(--navy);
    background: #f5f5f1;
}

.lead-copy p {
    margin: 14px 0 18px;
    color: #5b5c56;
    font-size: 14px;
}

.lead-photo-wrap {
    min-height: 285px;
}

.lead-facts {
    display: grid;
    gap: 0;
    margin-bottom: 18px;
    border: 1px solid #c4c5bf;
    background: #fff;
}

.lead-facts div {
    display: grid;
    grid-template-columns: 135px 1fr;
    gap: 12px;
    padding: 10px;
    border-bottom: 1px solid #ddddD7;
    font: 11px/1.4 Verdana, Arial, sans-serif;
}

.lead-facts div:last-child {
    border-bottom: 0;
}

.lead-facts strong {
    color: var(--navy-dark);
}

.lead-facts span {
    color: #62625c;
}

.modern-form {
    padding: 0;
    border: 1px solid #a9aaa4;
    background: #fff;
}

.modern-form h2 {
    margin: 0 0 16px;
    padding: 11px 14px;
    border-bottom: 1px solid #0d1832;
    background: var(--navy);
    color: #fff;
    font: 700 18px/1.2 Georgia, "Times New Roman", serif;
}

.modern-form > label,
.modern-form > .form-grid,
.modern-form > .button,
.modern-form > .form-status {
    margin-right: 15px;
    margin-left: 15px;
}

.modern-form > .form-grid {
    width: calc(100% - 30px);
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.modern-form label {
    display: block;
    margin-bottom: 11px;
}

.modern-form label > span {
    display: block;
    margin-bottom: 4px;
    color: #4f504a;
    font: 700 10px/1.3 Verdana, Arial, sans-serif;
}

.modern-form input,
.modern-form select,
.modern-form textarea {
    width: 100%;
    border: 1px solid #8e8f89;
    border-radius: 0;
    background: #fff;
    color: #222;
}

.modern-form input,
.modern-form select {
    min-height: 39px;
    padding: 7px 8px;
}

.modern-form textarea {
    padding: 8px;
    resize: vertical;
}

.modern-form input:focus,
.modern-form select:focus,
.modern-form textarea:focus {
    border-color: var(--navy);
    outline: 2px solid rgba(29,45,87,.15);
}

.modern-form > .button {
    margin-top: 3px;
    margin-bottom: 15px;
}

.modern-form > .form-status {
    margin-bottom: 15px;
}

@media (max-width: 800px) {
    .lead-form-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 500px) {
    .form-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .lead-facts div {
        grid-template-columns: 1fr;
        gap: 3px;
    }
}