.contact-section{--contact-action-bg:#f0e6d8;background:#292722;color:#fffaf3}
.contact-section .contact-grid{display:block}
.contact-section .contact-copy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(2rem,5vw,5rem);align-items:start}
.contact-section .contact-copy>.eyebrow,.contact-section .contact-copy>h2,.contact-section .contact-copy>p{grid-column:1}
.contact-section .contact-copy h2{max-width:14ch}
.contact-section .contact-details{grid-column:2;grid-row:1 / span 4;margin-top:0}
.contact-section .contact-copy>p,.contact-section .eyebrow,.contact-section address,.contact-section .contact-meta,.contact-section .company-label,.contact-section .contact-meta p{color:#e0d8cc}
.contact-section .contact-email,.contact-section .contact-phone{color:#fffaf3;border-color:#655f55}
.contact-section .contact-email:hover,.contact-section .contact-phone:hover{color:#e5c79f}
.contact-section .button-dark{background:var(--contact-action-bg);color:#292722}
.contact-section a:focus-visible{outline:3px solid #e4bb7f;outline-offset:3px}
.contact-section .whatsapp-qr{width:108px;flex-basis:108px}
.contact-section .whatsapp-qr img{width:108px;height:108px;background:var(--contact-action-bg);border-radius:12px}
.contact-section .contact-details h3{font-size:1.375rem}
.contact-section .contact-details .company-label{font-size:.8125rem;font-weight:400;line-height:1.6;margin-top:.35rem;color:#d2cabe}
@media(max-width:850px){.contact-section .contact-copy{display:block}.contact-section .contact-details{margin-top:2rem}}
@media(max-width:450px){.contact-section .contact-email{font-size:1.35rem}}

.contact-section .contact-handwerk-logo{grid-column:1;grid-row:4;width:280px;max-width:100%;height:auto;margin-top:1.75rem;display:block}