/* Contact: the form on a postcard with a stamp, the map in a polaroid and the details grid, one column under 900px */
.contact{display:grid;gap:var(--s7);align-items:start}
@media (min-width:900px){.contact{grid-template-columns:1fr 1fr;gap:var(--s8)}}
.postcard{position:relative;background:#fff;border:3px solid var(--bark);border-radius:14px;padding:clamp(24px,4vw,34px) clamp(20px,4vw,34px);box-shadow:8px 8px 0 var(--sun)}
@media (min-width:900px){.postcard{transform:rotate(-1deg)}}
.stamp{position:absolute;z-index:1;padding:4px;top:18px;right:18px;width:64px;height:76px;border:3px dashed var(--rose);border-radius:6px;background:var(--rose-pale);display:grid;place-items:center;font-family:var(--fd);font-size:12px;line-height:1.1;text-align:center;color:var(--rose);transform:rotate(6deg)}
@media (max-width:599px){.contact__details{font-size:var(--t-sm);gap:var(--s5) var(--s3)}.stamp{width:50px;height:60px;font-size:10px;top:14px;right:14px}}
.postcard .wpcf7 form{gap:var(--s4)}
.postcard .field{margin:0}
.postcard .field > p{display:contents}
.postcard .wpcf7 input[type=submit]{width:auto;padding:0 var(--s6);justify-self:start}
.contact__map{max-width:100%}
.contact__map iframe{display:block;width:100%;aspect-ratio:4/3;border:0;background:var(--sky)}
.contact__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5) var(--s4);margin-top:var(--s6)}
.contact__map + .contact__details{margin-top:var(--s7)}
.contact__details p{margin:0;line-height:1.5;overflow-wrap:anywhere}
.contact__details .kicker{margin-bottom:6px}
.contact__details a{text-decoration-color:var(--rose-soft);text-underline-offset:3px}
.contact__details a:hover{color:var(--rose)}