.contact-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
    align-items: center;
    gap: clamp(28px, 5vw, 64px);
    max-width: 1000px;
    margin: 36px auto 0;
}
.contact-copy { text-align: center; }
.contact-copy h1 { margin-top: 0; }
.contact-copy > p { margin: 24px auto; max-width: 480px; }
.contact-photo {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid var(--rule);
    border-radius: 3px;
}
@media (max-width: 700px) {
    .contact-layout { grid-template-columns: 1fr; gap: 28px; }
    .contact-photo { max-width: 420px; margin: 0 auto; }
}