/* contact: the address big, and a form that opens the visitor's mail app */
.talk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.talk h2{margin:0 0 18px;font-size:clamp(32px,4vw,56px);line-height:1;font-weight:900}
.talk-mail{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;align-content:start;gap:16px 14px}
.talk-mail h2{grid-column:1/-1}
.talk-addr{direction:ltr;font-size:clamp(20px,2.6vw,34px);font-weight:900;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:3px;text-underline-offset:8px;overflow-wrap:anywhere}
.talk-addr:hover{color:var(--red)}
.talk-form{display:grid;gap:16px;padding:clamp(22px,3vw,40px);background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius)}
.talk-form label{display:grid;gap:6px;font-size:15px;font-weight:700;color:var(--muted)}
.talk-form input,.talk-form select,.talk-form textarea{width:100%;padding:12px 14px;border:2px solid var(--line-2);border-radius:var(--pill);background:var(--bg);color:var(--ink);font:400 17px/1.5 var(--ui)}
.talk-form input:focus,.talk-form select:focus,.talk-form textarea:focus{outline:none;border-color:var(--ink)}
.talk-form .cta{justify-self:start}
.talk-note{margin:0;font-size:14px;color:var(--muted)}
@media (max-width:820px){.talk{grid-template-columns:1fr}}