/* Contact: the address leads at every width, then the common answers. */

.contact-direct { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: 32px; }
/* The page title is the display moment; the address is large body type. */
.contact-email { font: 600 clamp(22px, 1vw + 16px, 32px)/1.2 var(--body); letter-spacing: -.01em; color: var(--cobalt); overflow-wrap: anywhere; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.contact-direct .copy-button:not([data-feeling="copied"]) { background: transparent; }
.contact-direct .copy-button::before { box-shadow: 3px -3px 0 -1px var(--pink), 3px -3px 0 1px currentColor; }
.contact h2 { font-size: var(--fs-h2); margin-bottom: 28px; }
.contact .qa { grid-template-columns: 1fr; gap: 28px; max-width: 40em; }
.contact .qa p { max-width: 31em; }