html[data-motion=enabled] [data-motion-page=playground]{overflow-x:clip}@media (prefers-reduced-motion:no-preference){html[data-motion=enabled] [data-motion-page=playground] [data-motion-playground-hero-piece=top]{animation:playground-top-in .76s var(--motion-ease-out) 40ms both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-playground-hero-piece=title]{animation:playground-title-in 1.12s var(--motion-ease-out) .11s both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-playground-hero-piece=intro]{animation:playground-intro-in .92s var(--motion-ease-out) .25s both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-playground-hero-piece=title]>span{transform-origin:50%;animation:4.8s ease-in-out 1.6s infinite playground-dot-pulse;display:inline-block}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-lab-header]{opacity:1;transition:none;transform:none}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-lab-header]>*{opacity:0}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-lab-header]>:first-child{translate:-26px}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-lab-header]>:last-child{translate:26px}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-lab-header][data-motion-visible=true]>:first-child{animation:playground-left-in .76s var(--motion-ease-out) both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-lab-header][data-motion-visible=true]>:last-child{animation:playground-right-in .78s var(--motion-ease-out) .1s both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment]{--playground-panel-x:-22px;opacity:0;translate:var(--playground-panel-x) 18px;transition:none}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment]:nth-child(2n){--playground-panel-x:22px}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment][data-motion-visible=true]{animation:playground-panel-in .86s var(--motion-ease-out) both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment]>div:first-child{--playground-meta-x:-36px;opacity:0;clip-path:inset(0 100% 0 0);translate:var(--playground-meta-x) 0}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment]:nth-child(2n)>div:first-child{--playground-meta-x:36px;clip-path:inset(0 0 0 100%)}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment][data-motion-visible=true]>div:first-child{animation:playground-meta-open 1s var(--motion-ease-out) 70ms both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment]>div:first-child>div:first-child{opacity:0;translate:0 18px}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment][data-motion-visible=true]>div:first-child>div:first-child{animation:playground-rise-in .76s var(--motion-ease-out) .19s both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment]>div:first-child>div:last-child{opacity:0;translate:0 22px}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment][data-motion-visible=true]>div:first-child>div:last-child{animation:playground-rise-in .82s var(--motion-ease-out) .3s both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment]>div:last-child{--playground-visual-rotate:-.7deg;opacity:0;clip-path:inset(5% 7%);scale:.965;rotate:var(--playground-visual-rotate)}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment]:nth-child(2n)>div:last-child{--playground-visual-rotate:.7deg}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment][data-motion-visible=true]>div:last-child{animation:playground-visual-open 1.12s var(--motion-ease-out) .15s both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment]>div:last-child>*{opacity:0}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment][data-motion-visible=true]>div:last-child>*{animation:.76s .36s both playground-content-in}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment][data-motion-visible=true]>div:last-child>:nth-child(2){animation-delay:.42s}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment][data-motion-visible=true]>div:last-child>:nth-child(3){animation-delay:.48s}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment][data-motion-visible=true]>div:last-child>:nth-child(4){animation-delay:.54s}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment][data-motion-visible=true]>div:last-child>:nth-child(5){animation-delay:.6s}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-manifesto]{opacity:1;transition:none;transform:none}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-manifesto] [data-motion-piece=label]{opacity:0;translate:-28px}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-manifesto] [data-motion-piece=title]{opacity:0;clip-path:inset(100% 0 0);translate:0 -26px}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-manifesto] [data-motion-piece=copy]{opacity:0;translate:32px}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-manifesto][data-motion-visible=true] [data-motion-piece=label]{animation:playground-left-in .72s var(--motion-ease-out) both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-manifesto][data-motion-visible=true] [data-motion-piece=title]{animation:playground-title-drop 1.08s var(--motion-ease-out) .1s both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-manifesto][data-motion-visible=true] [data-motion-piece=copy]{animation:playground-right-in .9s var(--motion-ease-out) .24s both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-manifesto] [data-motion-piece=copy]>p{opacity:0;translate:0 12px}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-manifesto][data-motion-visible=true] [data-motion-piece=copy]>p:first-child{animation:playground-rise-in .66s var(--motion-ease-out) .33s both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-manifesto][data-motion-visible=true] [data-motion-piece=copy]>p:nth-child(2){animation:playground-rise-in .66s var(--motion-ease-out) .41s both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-closing]{opacity:1;transition:none;transform:none}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-closing] [data-motion-piece=label]{opacity:0;translate:-24px}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-closing] [data-motion-piece=main]{opacity:0;translate:28px}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-closing][data-motion-visible=true] [data-motion-piece=label]{animation:playground-left-in .76s var(--motion-ease-out) both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-closing][data-motion-visible=true] [data-motion-piece=main]{animation:playground-right-in .9s var(--motion-ease-out) .1s both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-closing] [data-motion-piece=main]>p{clip-path:inset(0 0 100%)}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-closing][data-motion-visible=true] [data-motion-piece=main]>p{animation:playground-closing-copy .98s var(--motion-ease-out) .13s both}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-closing] [data-motion-piece=main]>a{opacity:0;translate:0 14px}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-closing][data-motion-visible=true] [data-motion-piece=main]>a{animation:playground-rise-in .7s var(--motion-ease-out) .33s both}}@keyframes playground-top-in{0%{opacity:0;translate:0 -14px}to{opacity:1;translate:0}}@keyframes playground-title-in{0%{opacity:0;clip-path:inset(-.35em 0 calc(100% + .35em));translate:-18px 30px;rotate:-.8deg}to{opacity:1;clip-path:inset(-.35em 0);translate:0;rotate:none}}@keyframes playground-intro-in{0%{opacity:0;translate:30px}to{opacity:1;translate:0}}@keyframes playground-dot-pulse{0%,72%,to{opacity:1;translate:0;scale:1}78%{opacity:.45;translate:-2px 1px;scale:.72}85%{opacity:1;translate:2px -2px;scale:1.28}91%{translate:0 1px;scale:.94}}@keyframes playground-panel-in{0%{opacity:0;translate:var(--playground-panel-x) 18px}to{opacity:1;translate:0}}@keyframes playground-meta-open{0%{opacity:0;translate:var(--playground-meta-x) 0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0);translate:0}}@keyframes playground-visual-open{0%{opacity:0;clip-path:inset(5% 7%);scale:.965;rotate:var(--playground-visual-rotate)}to{opacity:1;clip-path:inset(0);rotate:none;scale:1}}@keyframes playground-content-in{0%{opacity:0}to{opacity:1}}@keyframes playground-left-in{0%{opacity:0;translate:-28px}to{opacity:1;translate:0}}@keyframes playground-right-in{0%{opacity:0;translate:30px}to{opacity:1;translate:0}}@keyframes playground-rise-in{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@keyframes playground-title-drop{0%{opacity:0;clip-path:inset(100% 0 0);translate:0 -26px}to{opacity:1;clip-path:inset(0);translate:0}}@keyframes playground-closing-copy{0%{opacity:0;clip-path:inset(0 0 100%);translate:0 20px}to{opacity:1;clip-path:inset(0);translate:0}}@media (max-width:700px) and (prefers-reduced-motion:no-preference){html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment]{--playground-panel-x:-10px}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment]:nth-child(2n){--playground-panel-x:10px}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment]>div:last-child{--playground-visual-rotate:-.35deg}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-experiment]:nth-child(2n)>div:last-child{--playground-visual-rotate:.35deg}}
@keyframes playground-title-in{0%{opacity:0;clip-path:inset(-.35em -.12em calc(100% + .35em));translate:-18px 30px;rotate:-.8deg}to{opacity:1;clip-path:inset(-.35em -.12em);translate:0;rotate:none}}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-manifesto] [data-motion-piece=title]{overflow:visible}@keyframes playground-title-drop{0%{opacity:0;clip-path:inset(calc(100% + .24em) -.12em -.24em);translate:0 -26px}to{opacity:1;clip-path:inset(-.24em -.12em);translate:0}}html[data-motion=enabled] [data-motion-page=playground] [data-motion-scroll=playground-closing] [data-motion-piece=main]>p{overflow:visible}@keyframes playground-closing-copy{0%{opacity:0;clip-path:inset(-.24em -.12em calc(100% + .24em));translate:0 20px}to{opacity:1;clip-path:inset(-.24em -.12em);translate:0}}