/* Rotating example request under the hero subheading. One prompt at a time, swapped every 8 seconds. */
.hero-prompt{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:600px;margin:26px auto 0;text-align:center}
.hero-prompt-label{font-size:11px;letter-spacing:.3px;color:var(--muted);opacity:.7;margin-top:2px}
.hero-prompt-text{quotes:"\201C" "\201D";display:block;min-height:1.4em;font-family:Fraunces,serif;font-size:22px;line-height:1.35;letter-spacing:-.4px;color:var(--ink-strong);opacity:1;transition:opacity .6s ease}
.hero-prompt-text::before,.hero-prompt-text::after{color:var(--muted)}
.hero-prompt-text.is-leaving{opacity:0}
.hero-prompt-text.is-entering{opacity:0;transition:none}
@media(max-width:560px){.hero-prompt-text{font-size:18px;min-height:2.8em}}
@media(prefers-reduced-motion:reduce){.hero-prompt-text{transition:none}.hero-prompt-text.is-leaving,.hero-prompt-text.is-entering{opacity:1}}