.cx-note{text-align:center;flex-direction:column;align-items:center;gap:22px;max-width:780px;margin:-14px auto clamp(48px,7vh,80px);display:flex;position:relative}.cx-note-leader{background:linear-gradient(var(--gold), color-mix(in srgb, var(--gold) 35%, transparent));transform-origin:top;width:1px;height:44px;transition:transform 1.1s var(--ease-out-expo) .15s;position:relative}.cx-note-leader:before{content:"";width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--gold);background:var(--porcelain);border-radius:50%;position:absolute;top:-9px;left:-4px}.cx-note-leader:after{content:"";background:var(--signal);width:6px;height:6px;transition:transform .6s var(--ease-out-expo) .9s;border-radius:50%;position:absolute;bottom:-3px;left:-2.5px}.cx-note-text{max-width:58ch;color:var(--graphite);transition:opacity .9s ease .45s, transform 1.1s var(--ease-out-expo) .45s;margin:0;font-size:18px;line-height:1.7}.motion-ready:not(.motion-fallback) .cx-note:not(.is-drawn) .cx-note-leader{transform:scaleY(0)}.motion-ready:not(.motion-fallback) .cx-note:not(.is-drawn) .cx-note-leader:after{transform:scale(0)}.motion-ready:not(.motion-fallback) .cx-note:not(.is-drawn) .cx-note-text{opacity:0;transform:translateY(12px)}@media (width<=899px){.cx-note-text{font-size:17px}}@media (prefers-reduced-motion:reduce){.cx-note-leader,.cx-note-leader:after,.cx-note-text{transition:none}}