/* Colophon: the two-party pact credit, the ElevenLabs Grants credit, and
   mobile layout. The grant asks that the logo appear, linking back to
   elevenlabs.io/startup-grants; it sits ink-quiet at rest, full on hover. */
.colophon .foot-type { display: flex; align-items: center; gap: 22px; }
.el-grant { display: inline-block; line-height: 0; }
.el-grant img { display: block; width: 132px; height: auto; opacity: 0.55; transition: opacity 0.2s ease; }
.el-grant:hover img, .el-grant:focus-visible img { opacity: 1; }

/* Homepage signature page: the voice credit. Solomon speaks with ElevenLabs. */
.signature .voice-credit { margin: 46px auto 0; padding-top: 26px; border-top: 1px solid var(--hair); max-width: 340px; }
.signature .voice-credit .vc-line { font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--sub2); margin-bottom: 14px; }
.signature .voice-credit .el-grant img { width: 180px; margin: 0 auto; opacity: 0.85; }

@media (max-width: 640px) {
  .colophon { flex-direction: column; justify-content: center; text-align: center; gap: 10px; padding: 34px 28px 38px; }
  .colophon span { display: block; max-width: 34ch; margin: 0 auto; line-height: 1.65; text-wrap: balance; }
  .colophon span:last-child:not(.foot-type) { font-size: 11.5px; opacity: 0.75; letter-spacing: 0.04em; }
  .colophon .tc { display: none; }
  .colophon .foot-type { display: flex; flex-direction: column; align-items: center; gap: 12px; }
}