.td-stage{background:var(--color-ink)}.td-canvas{opacity:0;transition:opacity .9s var(--ease-out-expo)}.td-canvas[data-ready]{opacity:1}.td-leader{fill:none;stroke:color-mix(in srgb, var(--color-mist) 50%, transparent);stroke-width:1px;opacity:0}.td-dot{fill:var(--color-mist);opacity:0}.td-label{opacity:0;pointer-events:none;will-change:transform, opacity;width:max-content;max-width:14.5rem;position:absolute;top:0;left:0}.td-label-name{font-family:var(--font-display);color:var(--color-mist);white-space:nowrap;text-shadow:0 1px 16px #01111399;font-size:1.1875rem;font-weight:500;line-height:1.2;display:block}.td-label-detail{color:var(--color-mist-dim);text-shadow:0 1px 12px #011113b3;margin-top:.25rem;font-size:.8125rem;line-height:1.4;display:block}.td-captions{width:100%;max-width:24rem;min-height:9.5rem;position:relative}.td-caption{font-family:var(--font-display);text-wrap:balance;text-shadow:0 2px 24px #0111138c;opacity:0;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);margin:0;font-size:clamp(1.5rem,1.1vw + 1rem,2.125rem);font-weight:500;line-height:1.2;position:absolute;bottom:0;left:0;transform:translateY(12px)}.td-caption[data-on]{opacity:1;transform:none}@media (max-width:767px){.td-label-name{font-size:.875rem}.td-label-detail{display:none}.td-captions{min-height:7rem}.td-caption{font-size:1.375rem}}
