/* Hero: "Find" + what you can find here, typed out quickly and swapped like a selection */
  /* two lines: "Find reiki practitioners" / "who actually listen." — sized so the longest phrase stays on line one */
  .hero h1.hero-find { display: block; font-size: clamp(40px, 5.6vw, 84px); line-height: 1.06; min-height: 2.12em; width: max-content; max-width: calc(100vw - 32px); }
  .hero-find .hf-row { display: block; white-space: nowrap; }
  .hero-find .hf-find { display: inline; margin-right: .22em; }
  .hero-find .hf-line { display: inline; white-space: nowrap; }
  .hero-find .hf-l2 { display: block; }
  .hero-find .hf-word { font-style: italic; color: #EAC894; border-radius: .12em; padding: 0 .04em; margin: 0 -.04em; transition: background-color .12s ease; }
  .hero-find .hf-word.sel { background: rgba(234, 200, 148, .32); color: #FBF7EE; }
  .hero-find .hf-caret { display: none !important; }
  .hero-find .hf-caret-x { display: inline-block; width: .06em; height: .9em; margin-left: .06em; vertical-align: -.08em; border-radius: 2px; background: #EAC894; animation: hfBlink 1s steps(1) infinite; }
  .hero-find .hf-caret.typing { animation: none; }
  @keyframes hfBlink { 50% { opacity: 0; } }
  @media (max-width: 600px) { .hero h1.hero-find { font-size: min(9.6vw, 44px); line-height: 1.08; width: auto; } }
  @media (prefers-reduced-motion: reduce) { .hero-find .hf-caret { display: none; } .hero-find .hf-word { transition: opacity .4s ease; } }
  .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }