.say-hi {
  position: relative;
  padding: 96px var(--pad) 40vh;
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

/* Footer prose — same font / size / weight / letter-spacing as the
   hero copy (.hero-c). Roman by default; only the inline links pick
   up italic, matching the live-data sentence in the hero. */
.say-hi-line {
  font-family: 'Edict Display', Georgia, serif;
  font-weight: 300;
  font-style: normal;
  /* −25% from clamp(32px, 4.4vw, 64px) to match the hero paragraphs. */
  font-size: clamp(24px, 3.3vw, 48px);
  line-height: 1.15;
  text-wrap: pretty;
  letter-spacing: 0.002em;
  color: var(--ink);
  margin: 0;
  max-width: 960px;
  padding: 0 2rem;
}
/* Kept in case future drafts split back into multiple paragraphs. */
.say-hi-line + .say-hi-line {
  margin-top: 0.9em;
}

@media (max-width: 800px) {
  .say-hi-line { font-size: clamp(25px, 8.1vw, 43px); }
}

/* Inline social + email links — italic + underlined, matching the
   .hero-link convention (underline fades to transparent on hover so
   the cursor effect can read through). */
.say-hi-link {
  color: inherit;
  font-style: italic;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
  text-decoration-color: currentColor;
  cursor: pointer;
  transition: text-decoration-color 280ms ease;
}
.say-hi-link:hover,
.say-hi-link:focus-visible {
  text-decoration-color: transparent;
  outline: none;
}