/* The story is built on #data-field, with no visible HTML captions. */
/* The renderer owns this state; no JavaScript leaves the invitation visible. */
.hero[data-intro-copy-ready]>.hero-category,.hero[data-intro-copy-ready]>.hero-bottom{transform:translateY(0);transition:opacity 900ms cubic-bezier(.33,0,.2,1),transform 1100ms cubic-bezier(.22,1,.36,1)}
.hero[data-intro-copy-ready="false"]>.hero-category,.hero[data-intro-copy-ready="false"]>.hero-bottom{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:none}
@media(prefers-reduced-motion:reduce){.hero[data-intro-copy-ready]>.hero-category,.hero[data-intro-copy-ready]>.hero-bottom{transform:none;transition:none}}