.contact-layout  {
    display:flex;
    gap:64px;
    align-items:flex-start;
}
.contact-information  {
    flex:1;
    min-width:0;
}
.message-panel  {
    flex:1.2;
    min-width:0;
    border:1px solid var(--line);
    padding:32px;
}
.contact-information h2  {
    font-size:27px;
}
.message-panel h2  {
    font-size:26px;
}
.contact-list dt  {
    margin-bottom:5px;
}
.qr-codes  {
    display:flex;
    align-items:flex-start;
    gap:20px;
    margin-top:30px;
}
.qr-codes figure  {
    margin:0;
    width:calc(50% - 10px);
    text-align:center;
}
.qr-button  {
    background:white;
    width:100%;
    padding:10px;
    border:1px solid var(--line);
    cursor:zoom-in;
}
.qr-button img  {
    width:100%;
    height:245px;
    object-fit:contain;
}
.qr-codes figcaption  {
    margin-top:12px;
    font-size:12px;
    color:var(--muted);
}
@media (max-width:1180px)  {
    .contact-layout  {
        gap:36px;
    }
    .message-panel  {
        padding:26px;
    }
}
@media (max-width:900px)  {
    .contact-layout  {
        flex-direction:column;
    }
    .contact-information,.message-panel  {
        width:100%;
    }
    .qr-codes  {
        max-width:480px;
    }
}
@media (max-width:640px)  {
    .message-panel  {
        padding:22px 18px;
    }
    .qr-codes  {
        gap:16px;
    }
    .qr-codes figure  {
        width:calc(50% - 8px);
    }
    .qr-button img  {
        height:220px;
    }
}