/* 06 Let's talk (contact.js): the last word, beside the character, back big */

.ch-talk { background: radial-gradient(120% 90% at 70% 40%, var(--cream) 0%, var(--sand) 100%); }
.talk { position: absolute; left: clamp(20px, 7vw, 120px); top: 50%; transform: translateY(-50%); width: min(46vw, 640px); }
.talk .title { font-size: clamp(54px, 7vw, 116px); margin: 18px 0 22px; color: var(--ink); }
.talk .title em { color: var(--mauve); }
.talk p { font: 400 17px/1.6 var(--sans); color: var(--ink-soft); max-width: 460px; }
.talk-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; color: var(--ink); }
.talk .copied { min-height: 13px; margin-top: 14px; font: 500 13px/1 var(--sans); color: var(--mauve); }
.talk .copied a { color: inherit; }

@media (max-width: 900px) {
  .talk { left: 16px; right: 16px; top: 11vh; transform: none; width: auto; }
  .talk .title { font-size: 48px; margin: 12px 0 16px; }
  .talk p { font-size: 15px; }
  .talk-links { margin-top: 20px; }
}