.asm-track{position:relative;height:226svh}.asm-stage{position:sticky;top:0;height:100svh;overflow:clip}.asm-visual{position:absolute;inset:0}.asm-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.asm-poster-m{display:none}@media(max-aspect-ratio:19/20){.asm-poster-d{display:none}.asm-poster-m{display:block}}.asm-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .8s var(--ease-out-soft);pointer-events:none}.asm[data-ready] .asm-canvas{opacity:1}.asm[data-ready] .asm-poster{opacity:0;transition:opacity .4s linear .8s}.asm[data-static] .asm-track{height:auto}.asm[data-static] .asm-stage{position:relative}@media(prefers-reduced-motion:reduce){.asm-track{height:auto}.asm-stage{position:relative}.asm-poster-live{display:none!important}}.asm-poster-static{display:none}.asm[data-static] .asm-poster-live{display:none!important}.asm[data-static] .asm-poster-static.asm-poster-d{display:block}@media(max-aspect-ratio:19/20){.asm[data-static] .asm-poster-static.asm-poster-d{display:none}.asm[data-static] .asm-poster-static.asm-poster-m{display:block}}@media(prefers-reduced-motion:reduce){.asm-poster-static.asm-poster-d{display:block}}@media(prefers-reduced-motion:reduce)and (max-aspect-ratio:19/20){.asm-poster-static.asm-poster-d{display:none}.asm-poster-static.asm-poster-m{display:block}}.asm-callouts{position:absolute;inset:0;pointer-events:none}.asm-co{position:absolute;left:0;top:0;width:0;height:0;opacity:0;transition:opacity .35s var(--ease-out-soft)}.asm-co[data-on]{opacity:1;transition-delay:.4s;transition-duration:.45s}.asm-co[data-off]{opacity:0!important}.asm-co-dot{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:9999px;background:var(--color-paper);box-shadow:0 0 0 1px var(--color-ink)}.asm-co-line{position:absolute;background:color-mix(in oklab,var(--color-ink) 55%,transparent);transition:transform .7s var(--ease-lux)}.asm-co[data-dir=l] .asm-co-line,.asm-co[data-dir=r] .asm-co-line{top:0;height:1px;width:var(--len, 72px);transform:scaleX(0)}.asm-co[data-dir=u] .asm-co-line,.asm-co[data-dir=d] .asm-co-line{left:0;width:1px;height:var(--len, 72px);transform:scaleY(0)}.asm-co[data-dir=r] .asm-co-line{left:6px;transform-origin:left}.asm-co[data-dir=l] .asm-co-line{right:6px;transform-origin:right}.asm-co[data-dir=u] .asm-co-line{bottom:6px;transform-origin:bottom}.asm-co[data-dir=d] .asm-co-line{top:6px;transform-origin:top}.asm-co[data-on] .asm-co-line{transform:none;transition-delay:.42s}.asm-co-text{position:absolute;width:max-content;max-width:23ch;opacity:0;transform:translate(var(--tx, 0px),5px);transition:opacity .6s var(--ease-out-soft),transform .7s var(--ease-out-soft)}.asm-co[data-on] .asm-co-text{opacity:1;transform:translate(var(--tx, 0px));transition-delay:.6s}@media(max-width:1023px){.asm:not([data-static]):not([data-step="0"]) .asm-lede{opacity:0!important;transition:opacity .5s var(--ease-out-soft)}}@media(max-width:1023px){.asm[data-static] .asm-co{display:none}}@media(prefers-reduced-motion:reduce)and (max-width:1023px){.asm-co{display:none}}@media(max-width:1023px){.asm:not([data-static]) .asm-co[data-dim]{opacity:0!important;transition-duration:.12s!important;transition-delay:0s!important}}.asm-co[data-dir=r] .asm-co-text{top:-10px;left:calc(var(--len, 72px) + 14px)}.asm-co[data-dir=l] .asm-co-text{top:-10px;right:calc(var(--len, 72px) + 14px);text-align:right}.asm-co[data-dir=u] .asm-co-text{left:-1px;bottom:calc(var(--len, 72px) + 14px)}.asm-co[data-dir=d] .asm-co-text{left:-1px;top:calc(var(--len, 72px) + 12px)}.asm-co[data-dim] .asm-co-text{color:var(--color-ink-dim)}.asm-co[data-dim] .asm-co-note{display:none!important}.asm-part{transition:opacity .6s var(--ease-out-soft),border-color .6s var(--ease-out-soft);opacity:.38}.asm-part[data-on]{opacity:1}.asm-part[data-now]{border-color:var(--color-ink)}@media(prefers-reduced-motion:reduce){.asm-co,.asm-co-line,.asm-co-text,.asm-part{transition:none!important}}@media(max-width:1023px){.asm[data-static] .asm-stage{height:auto;display:flex;flex-direction:column}.asm[data-static] .asm-visual{position:relative;order:2;aspect-ratio:3 / 4;margin-top:8px}.asm[data-static] .asm-poster{object-position:50% 50%}}@media(prefers-reduced-motion:reduce)and (max-width:1023px){.asm-stage{height:auto;display:flex;flex-direction:column}.asm-visual{position:relative;order:2;aspect-ratio:3 / 4;margin-top:8px}}.asm-copies{display:grid}.asm-copy{grid-area:1 / 1;opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease-out-soft),transform .7s var(--ease-out-soft)}.asm-copy.is-on{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.asm-copy{transition:none;transform:none}}.asm-pair{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity .35s var(--ease-out-soft)}.asm-pair[data-on]{opacity:1;transition-delay:.4s;transition-duration:.45s}.asm-pair path{fill:none;stroke:color-mix(in oklab,var(--color-ink) 70%,transparent);stroke-width:1px}.asm-pair .asm-pair-halo{stroke:var(--color-paper);stroke-width:3px;opacity:.8}.asm-film .asm-co[data-pid=prefilter] .asm-co-dot{width:6px;height:6px;left:-3px;top:-3px;background:var(--color-ink);box-shadow:none}.asm-pair circle{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:1px}