.m-motion-demos[data-astro-cid-in73r6tq]{max-width:36rem;margin-top:1.25rem;container-type:inline-size}.grid[data-astro-cid-in73r6tq]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem;display:grid}@container (width<=26rem){.grid[data-astro-cid-in73r6tq]{grid-template-columns:minmax(0,1fr)}}.m-motion-demo[data-astro-cid-qeucjuru]{min-width:0;margin:0}.stage[data-astro-cid-qeucjuru]{border-radius:var(--radius-xl);background:var(--stage);--stage:color-mix(in srgb, var(--color-bg) 60%, var(--brand-grey));overflow:hidden}.stage[data-astro-cid-qeucjuru]>svg[data-astro-cid-qeucjuru]{width:100%;height:auto;display:block}.foot[data-astro-cid-qeucjuru]{align-items:flex-start;gap:.625rem;margin-top:.75rem;display:flex}figcaption[data-astro-cid-qeucjuru]{min-width:0;font-size:var(--text-meta);color:var(--color-muted);padding-top:.2rem;line-height:1.45}figcaption[data-astro-cid-qeucjuru] strong[data-astro-cid-qeucjuru]{color:var(--color-text);font-weight:600}.tile[data-astro-cid-qeucjuru]{width:100%;height:100%;position:relative}.tile[data-astro-cid-qeucjuru] .stage[data-astro-cid-qeucjuru]{background:0 0;border-radius:0;height:100%}.tile[data-astro-cid-qeucjuru] .stage[data-astro-cid-qeucjuru]>svg[data-astro-cid-qeucjuru]{height:100%}.tile[data-astro-cid-qeucjuru] .foot[data-astro-cid-qeucjuru]{margin:0;position:absolute;bottom:.5rem;right:.5rem}.tile[data-astro-cid-qeucjuru] .play[data-astro-cid-qeucjuru]{width:2rem;height:2rem}:where(.m-motion-demo svg *){transform-box:view-box}.m-motion-demo[data-astro-cid-qeucjuru] .navy{fill:var(--brand-navy)}.m-motion-demo[data-astro-cid-qeucjuru] .coral{fill:var(--brand-coral)}.m-motion-demo[data-astro-cid-qeucjuru] .sky{fill:var(--brand-sky)}.m-motion-demo[data-astro-cid-qeucjuru] .soft{fill:var(--brand-navy-soft)}.m-motion-demo[data-astro-cid-qeucjuru] .white{fill:var(--brand-white)}.m-motion-demo[data-astro-cid-qeucjuru] .bg{fill:var(--color-bg)}.m-motion-demo[data-astro-cid-qeucjuru] .track{fill:color-mix(in srgb, var(--brand-navy) 12%, transparent)}.m-motion-demo[data-astro-cid-qeucjuru] .guide{stroke:color-mix(in srgb, var(--brand-navy) 22%, transparent);stroke-width:1px;fill:none}.m-motion-demo[data-astro-cid-qeucjuru] .dashed{stroke-dasharray:3 5}.m-motion-demo[data-astro-cid-qeucjuru] .mark{stroke:var(--brand-navy);stroke-width:2px}.m-motion-demo[data-astro-cid-qeucjuru] text{fill:var(--brand-navy);font:600 13px var(--font-body)}.play[data-astro-cid-qeucjuru]{background:var(--brand-white);width:2.25rem;height:2.25rem;color:var(--brand-navy);cursor:pointer;border:0;border-radius:50%;flex:none;padding:0;transition:transform .16s cubic-bezier(.22,1,.36,1)}.play[data-astro-cid-qeucjuru][hidden]{display:none}.play[data-astro-cid-qeucjuru]:hover{transform:scale(1.06)}@media (prefers-reduced-motion:no-preference){.stage[data-astro-cid-qeucjuru].playable{cursor:pointer}.stage[data-astro-cid-qeucjuru]:hover+.foot[data-astro-cid-qeucjuru] .play[data-astro-cid-qeucjuru]{transform:scale(1.06)}.stage[data-astro-cid-qeucjuru]:active+.foot[data-astro-cid-qeucjuru] .play[data-astro-cid-qeucjuru]{transform:scale(.94)}}.play[data-astro-cid-qeucjuru]:active{transform:scale(.94)}.play[data-astro-cid-qeucjuru] svg[data-astro-cid-qeucjuru]{width:100%;height:100%;display:block}.ring-track[data-astro-cid-qeucjuru]{fill:none;stroke:color-mix(in srgb, var(--brand-navy) 10%, transparent);stroke-width:2px}.ring[data-astro-cid-qeucjuru]{fill:none;stroke:var(--brand-coral);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transform-origin:20px 20px;opacity:0;transform:rotate(-90deg)}.icon[data-astro-cid-qeucjuru]{fill:currentColor;display:none}.i-replay[data-astro-cid-qeucjuru]{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}[data-astro-cid-qeucjuru][data-state=idle] .i-play[data-astro-cid-qeucjuru],[data-astro-cid-qeucjuru][data-state=paused] .i-play[data-astro-cid-qeucjuru],[data-astro-cid-qeucjuru][data-state=playing] .i-pause[data-astro-cid-qeucjuru],[data-astro-cid-qeucjuru][data-state=done] .i-replay[data-astro-cid-qeucjuru]{display:block}.is-playing[data-astro-cid-qeucjuru] .ring[data-astro-cid-qeucjuru]{opacity:1;animation:md-ring var(--d) linear both}@keyframes md-ring{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes md-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes md-fade{0%{opacity:0}to{opacity:1}}@keyframes md-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes md-turn-in{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes md-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes md-mark{0%{opacity:.15}to{opacity:1}}@media (prefers-reduced-motion:reduce){.is-playing[data-astro-cid-qeucjuru] *{animation:none!important}.play[data-astro-cid-qeucjuru]{display:none}}.arc[data-astro-cid-dal5zdip]{stroke:var(--brand-coral);stroke-width:12px;stroke-dasharray:1}.hk-draw[data-astro-cid-dal5zdip]{stroke-dasharray:1}.rt-a[data-astro-cid-dal5zdip]{opacity:0}.nf-shape[data-astro-cid-dal5zdip]{transform-origin:250px 172px}.cn-dot[data-astro-cid-dal5zdip]{transform-origin:88px 132px}.cn-dot[data-astro-cid-dal5zdip].second{transform-origin:232px 132px}.sh-ring[data-astro-cid-dal5zdip]{transform-origin:52px 140px}.bt-turn[data-astro-cid-dal5zdip]{transform-origin:160px 88px}.bt-turn[data-astro-cid-dal5zdip].corner{transform-origin:280px 165px}.rt-fill[data-astro-cid-dal5zdip]{transform-origin:56px 0}.st-shape[data-astro-cid-dal5zdip]{transform-origin:152px 148px}.is-playing .nf-h1[data-astro-cid-dal5zdip]{animation:.7s cubic-bezier(.22,1,.36,1) both md-rise}.is-playing .nf-h2[data-astro-cid-dal5zdip]{animation:.7s cubic-bezier(.22,1,.36,1) .12s both md-rise}.is-playing .nf-line[data-astro-cid-dal5zdip]{animation:md-fade .5s ease-out calc(.75s + var(--i) * .1s) both}.is-playing .nf-shape[data-astro-cid-dal5zdip]{animation:1s cubic-bezier(.65,0,.35,1) 1.1s both md-turn-in}.is-playing .cn-dot[data-astro-cid-dal5zdip]{animation:.6s cubic-bezier(.22,1,.36,1) .1s both md-pop}.is-playing .cn-dot[data-astro-cid-dal5zdip].second{animation-delay:.3s}.is-playing .cn-arc[data-astro-cid-dal5zdip]{animation:1.3s cubic-bezier(.65,0,.35,1) .9s both md-draw}.is-playing .eo-shape[data-astro-cid-dal5zdip]{animation:1.6s cubic-bezier(.33,1,.68,1) .3s both md-arrive}.is-playing .eo-mark[data-astro-cid-dal5zdip]{animation:md-mark .25s ease-out calc(.3s + 1.6s * var(--i) / 8) both}.is-playing .ei-shape[data-astro-cid-dal5zdip]{animation:md-exit var(--d) linear both}.is-playing .ei-mark[data-astro-cid-dal5zdip]{animation:md-mark .25s ease-out calc(.4s + 1.2s * var(--i) / 8) both}.is-playing .sh-ring[data-astro-cid-dal5zdip]{animation:.9s cubic-bezier(.65,0,.35,1) .2s both md-turn-in}.is-playing .sh-bar[data-astro-cid-dal5zdip]{animation:.8s cubic-bezier(.22,1,.36,1) .75s both md-slide}.is-playing .hk-draw[data-astro-cid-dal5zdip]{animation:1s cubic-bezier(.65,0,.35,1) 1.25s both md-draw}.is-playing .tr-move[data-astro-cid-dal5zdip]{animation:1.3s cubic-bezier(.65,0,.35,1) .6s both md-wipe}.is-playing .bt-turn[data-astro-cid-dal5zdip]{animation:8s .2s both md-beat}.is-playing .bt-head[data-astro-cid-dal5zdip]{animation:8s linear .2s both md-head}.is-playing .rt-a[data-astro-cid-dal5zdip]{animation:md-msg-a var(--d) both}.is-playing .rt-b[data-astro-cid-dal5zdip]{animation:md-msg-b var(--d) both}.is-playing .rt-fill[data-astro-cid-dal5zdip]{animation:md-read var(--d) both}.is-playing .st-live[data-astro-cid-dal5zdip] .st-shape[data-astro-cid-dal5zdip]{animation:.9s cubic-bezier(.65,0,.35,1) .3s both md-turn-in}.is-playing .st-live[data-astro-cid-dal5zdip] .st-h1[data-astro-cid-dal5zdip]{animation:.7s cubic-bezier(.22,1,.36,1) .9s both md-rise}.is-playing .st-live[data-astro-cid-dal5zdip] .st-h2[data-astro-cid-dal5zdip]{animation:.7s cubic-bezier(.22,1,.36,1) 1.02s both md-rise}@keyframes md-arrive{0%{transform:translate(-194px)}to{transform:none}}@keyframes md-slide{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes md-wipe{0%{transform:translate(-256px)}to{transform:none}}@keyframes md-exit{0%,11.8%{opacity:1;animation-timing-function:cubic-bezier(.32,0,.67,0);transform:none}47%{opacity:1;animation-timing-function:step-end;transform:translate(300px)}60%{opacity:0;animation-timing-function:step-end;transform:translate(300px)}70%{opacity:0;transform:none}78%{opacity:0;animation-timing-function:ease-out}to{opacity:1;transform:none}}@keyframes md-beat{0%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:rotate(0)}8.75%,25%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:rotate(90deg)}33.75%,50%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:rotate(180deg)}58.75%,75%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:rotate(270deg)}83.75%,to{transform:rotate(360deg)}}@keyframes md-head{0%{transform:translate(-240px)}to{transform:none}}@keyframes md-msg-a{0%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(6px)}7%,44%{opacity:1;animation-timing-function:ease-in;transform:none}50%,to{opacity:0;transform:none}}@keyframes md-msg-b{0%,50%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(6px)}58%,to{opacity:1;transform:none}}@keyframes md-read{0%,7%{opacity:1;animation-timing-function:linear;transform:scaleX(0)}44%{opacity:1;transform:scaleX(1)}50%{opacity:0;animation-timing-function:step-end;transform:scaleX(1)}54%{opacity:1;transform:scaleX(0)}58%{opacity:1;animation-timing-function:linear;transform:scaleX(0)}95%,to{opacity:1;transform:scaleX(1)}}.playhead[data-astro-cid-dmuiib66]{stroke:var(--brand-navy);stroke-width:1.5px}.curve[data-astro-cid-dmuiib66]{fill:none;stroke:var(--brand-navy-soft);stroke-width:2px}.jump[data-astro-cid-dmuiib66]{fill:none;stroke:var(--brand-coral);stroke-width:2px}.frame[data-astro-cid-dmuiib66]{stroke:var(--brand-navy-soft);stroke-width:1px}.rs-msg[data-astro-cid-dmuiib66]:not(.last){opacity:0}.rs-seg[data-astro-cid-dmuiib66]{transform-box:fill-box;transform-origin:0}.lt[data-astro-cid-dmuiib66]{transform-box:fill-box;transform-origin:50%;transform:translateY(var(--y)) rotate(var(--r))}.aa-ring[data-astro-cid-dmuiib66]{transform-origin:180px 102px}.dc-spin[data-astro-cid-dmuiib66]{transform-origin:210px 130px}.lb-logo[data-astro-cid-dmuiib66]{transform-origin:150px 150px;transform:scale(1.22,.78)}.is-playing .aa-rise[data-astro-cid-dmuiib66]{animation:1s cubic-bezier(.65,0,.35,1) .3s both md-rise}.is-playing .aa-ring[data-astro-cid-dmuiib66]{animation:1s cubic-bezier(.65,0,.35,1) .3s both md-turn-in}.is-playing .aa-head[data-astro-cid-dmuiib66]{animation:2.4s linear .3s both dn-sweep-120}.is-playing .cs-shape[data-astro-cid-dmuiib66]{animation:1.4s linear .3s both dn-glide}.is-playing .cs-mark[data-astro-cid-dmuiib66]{animation:md-mark .2s ease-out calc(.3s + 1.4s * var(--i) / 8) both}.is-playing .lj-bar[data-astro-cid-dmuiib66]{animation:1.2s cubic-bezier(.65,0,.35,1) .3s 3 both dn-loop}.is-playing .dc-spin[data-astro-cid-dmuiib66]{animation:1.6s linear .3s 3 both dn-spin}.is-playing .dc-head[data-astro-cid-dmuiib66]{animation:4.8s linear .3s both dn-sweep-180}.is-playing .rs-msg[data-astro-cid-dmuiib66]{animation:dn-glimpse .6s calc(.3s + var(--i) * .6s) both}.is-playing .rs-msg[data-astro-cid-dmuiib66].last{animation-name:md-fade;animation-duration:.1s}.is-playing .rs-seg[data-astro-cid-dmuiib66]{animation:dn-fill .6s linear calc(.3s + var(--i) * .6s) both}.is-playing .lb-logo[data-astro-cid-dmuiib66]{animation:2.2s .2s both dn-bounce}.is-playing .lt[data-astro-cid-dmuiib66]{animation:dn-letter .5s cubic-bezier(.34, 1.56, .64, 1) calc(.2s + var(--i) * 90ms) both}@keyframes dn-sweep-120{0%{transform:translate(-120px)}to{transform:none}}@keyframes dn-sweep-180{0%{transform:translate(-180px)}to{transform:none}}@keyframes dn-glide{0%{transform:translate(-130px)}to{transform:none}}@keyframes dn-loop{0%{transform:translate(-140px)}to{transform:none}}@keyframes dn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dn-glimpse{0%{opacity:0}8%,92%{opacity:1}to{opacity:0}}@keyframes dn-fill{0%{transform:scaleX(0)}to{transform:none}}@keyframes dn-letter{0%{opacity:0;transform:translateY(calc(var(--y) - 40px)) rotate(0deg)}to{opacity:1;transform:translateY(var(--y)) rotate(var(--r))}}@keyframes dn-bounce{0%{animation-timing-function:ease-in;transform:translateY(-110px)scale(.9,1.1)}24%{animation-timing-function:ease-out;transform:translateY(0)scale(1.3,.7)}40%{animation-timing-function:ease-in;transform:translateY(-44px)scale(.9,1.12)}56%{animation-timing-function:ease-out;transform:translateY(0)scale(1.2,.8)}68%{animation-timing-function:ease-in;transform:translateY(-16px)scale(.96,1.05)}80%,to{transform:translateY(0)scale(1.22,.78)}}