/* Line 23588 u3 (netshow-com-alive-avatar-greets-first-on-every-door-units-r1-u3): on phones the Alive Presence intro reads
   eyebrow, headline, the living host, then the lede, the one button and the hint, so a stranger on a small phone (375x667)
   sees her face and her whole greeting in the first screen. Loaded by one line right after presence.css; every rule is
   inside the phone block, so 768 px and wider are unchanged. */
@media (max-width: 767px) {
  .presence-intro { display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
  .presence-intro > div:first-child { display: contents; }
  .presence-intro .eyebrow { order: 1; margin: 0; }
  .presence-intro h1 { order: 2; margin: 0; font-size: 34px; }
  .presence-intro .hero { order: 3; margin: 4px 0 14px; }
  .presence-intro .lede { order: 4; margin: 0 0 8px; }
  .presence-intro .next-step { order: 5; align-self: flex-start; }
  .presence-intro .hint { order: 6; }
}
