.contact-page {
    width:90%;
    max-width:1280px;
    display:flex;
    gap:32px;
    margin:60px auto 80px;
    align-items:flex-start;
}
.contact-details {
    width:36%;
    min-width:0;
    background:var(--ink);
    color:#f4f6f2;
    border-top:4px solid var(--gold);
    padding:32px;
}
.contact-details h2 {
    font-size:24px;
    line-height:1.4;
    margin-bottom:30px;
    font-weight:600;
}
.contact-details .contact-row {
    display:flex;
    gap:16px;
    padding:17px 0;
    border-bottom:1px solid #526165;
}
.contact-details dt {
    font-size:12px;
    color:#c7d3cc;
    min-width:76px;
    flex-shrink:0;
}
.contact-details dd {
    flex:1;
    min-width:0;
    overflow-wrap:anywhere;
}
.contact-details dd>span {
    display:block;
    margin-bottom:5px;
}
.contact-details dd a {
    transition:color .2s;
}
.contact-details dd a:hover {
    color:#efd079;
    text-decoration:none;
}
.contact-message {
    flex:1;
    min-width:0;
    padding:32px;
    background:#eaf0e7;
    border:1px solid #d8e2d5;
}
.contact-message .form-actions {
    justify-content:flex-end;
}
.contact-message>h2 {
    font-size:30px;
    margin-bottom:26px;
    font-weight:600;
}
@media(max-width:1100px) {
    .contact-page {
        gap:35px;
    }
    .contact-details {
        width:38%;
        padding:26px;
    }
    .contact-details .contact-row {
        flex-direction:column;
        gap:3px;
    }
}
@media(max-width:900px) {
    .contact-page {
        flex-direction:column;
        gap:40px;
        margin-top:40px;
    }
    .contact-details,.contact-message {
        width:100%;
    }
    .contact-details .contact-row {
        flex-direction:row;
    }
    .contact-details dt {
        width:100px;
    }
}
@media(max-width:640px) {
    .contact-page {
        width:calc(100% - 36px);
        margin:32px auto 45px;
    }
    .contact-details,.contact-message {
        padding:24px;
    }
    .contact-details h2 {
        font-size:21px;
    }
    .contact-details .contact-row {
        flex-direction:column;
        gap:2px;
    }
    .contact-message>h2 {
        font-size:27px;
    }
}