.website-playground .ka-footer-elastic{isolation:isolate;position:relative;overflow:clip}.website-playground .ka-footer-wordmark-clip{pointer-events:none;height:29cqw;position:absolute;inset:auto 0 0;overflow:hidden}.website-playground .ka-footer-wordmark-cover{z-index:1;background:var(--toy-bg);transform:translate3d(0, calc(-1 * var(--footer-pull,0px)), 0);padding-bottom:28px;transition:transform .24s cubic-bezier(.22,1,.36,1);position:relative}.website-playground .ka-footer-elastic[data-footer-pulled] .ka-footer-wordmark-cover{transition:transform 80ms cubic-bezier(.2,0,0,1)}.website-playground .ka-footer-wordmark{color:#fff;color:lab(100% 0 0);opacity:.3;white-space:nowrap;letter-spacing:-.09em;text-align:center;-webkit-user-select:none;user-select:none;width:100%;font-size:35.5cqw;font-weight:580;line-height:.82;position:absolute;bottom:0}.website-playground .ka-footer-icon-layer{z-index:2;pointer-events:none;opacity:0;height:29cqw;transition:opacity .1s;position:absolute;inset:auto 0 0}.website-playground .ka-footer-elastic[data-footer-revealed] .ka-footer-icon-layer{opacity:1}.website-playground .ka-footer-icon{width:clamp(24px,3cqw,42px);transform:translate3d(var(--footer-icon-origin-x,-50%), var(--footer-icon-origin-y,0px), 0) rotate(var(--footer-icon-angle));transition:transform 80ms cubic-bezier(.2,0,0,1);position:absolute;bottom:-4px}.website-playground .ka-footer-elastic[data-footer-pulled] .ka-footer-icon{transform:translate3d(-50%, calc(-1 * var(--footer-pull,0px)), 0) rotate(0deg)}.website-playground .ka-footer-elastic[data-footer-launched] .ka-footer-icon{animation:ka-footer-icon-projectile var(--footer-flight-duration,.28s) linear calc(var(--footer-icon-index) * 18ms) both;transition:none}.website-playground .ka-footer-icon img{transform-origin:50% 100%;outline:none;width:100%;height:auto;transition:transform .12s ease-out,opacity .12s ease-out}.website-playground .ka-footer-elastic[data-footer-pulled] .ka-footer-icon img{opacity:.45;transform:scale(.68)}.website-playground .ka-footer-elastic[data-footer-launched] .ka-footer-icon img{animation:ka-footer-icon-launch-size var(--footer-flight-duration,.28s) linear calc(var(--footer-icon-index) * 18ms) both}.website-playground .ka-footer-icon-links{--footer-icon-angle:-8deg;--footer-icon-drift:-16px;left:18%}.website-playground .ka-footer-icon-notes{--footer-icon-angle:5deg;--footer-icon-drift:12px;left:40%}.website-playground .ka-footer-icon-images{--footer-icon-angle:-4deg;--footer-icon-drift:-12px;left:62%}.website-playground .ka-footer-icon-videos{--footer-icon-angle:8deg;--footer-icon-drift:16px;left:84%}@keyframes ka-footer-icon-launch-size{0%{opacity:.45;transform:scale(.68)}30%{opacity:1;transform:scale(1.06)}50%,to{opacity:1;transform:scale(1)}}@keyframes ka-footer-icon-projectile{0%{transform:translate3d(var(--footer-flight-x-0), var(--footer-flight-y-0), 0) rotate(0deg)}15%{transform:translate3d(var(--footer-flight-x-15), var(--footer-flight-y-15), 0) rotate(calc(var(--footer-icon-angle) * .15))}30%{transform:translate3d(var(--footer-flight-x-30), var(--footer-flight-y-30), 0) rotate(calc(var(--footer-icon-angle) * .3))}50%{transform:translate3d(var(--footer-flight-x-50), var(--footer-flight-y-50), 0) rotate(calc(var(--footer-icon-angle) * .5))}70%{transform:translate3d(var(--footer-flight-x-70), var(--footer-flight-y-70), 0) rotate(calc(var(--footer-icon-angle) * .7))}85%{transform:translate3d(var(--footer-flight-x-85), var(--footer-flight-y-85), 0) rotate(calc(var(--footer-icon-angle) * .85))}to{transform:translate3d(var(--footer-flight-x-100), var(--footer-flight-y-100), 0) rotate(var(--footer-icon-angle))}}.website-playground{--toy-bg:#151515;color:#f1eeeb;border:1px solid var(--line);border-radius:12px;margin-block:28px;overflow:hidden;container-type:inline-size}.website-playground .ka-footer-elastic{background:#151515}.website-playground .ka-footer-wordmark-cover{text-align:center;place-content:center;min-height:340px;padding:48px 24px 84px;display:grid}.website-playground .ka-footer-wordmark-cover h4{letter-spacing:-.035em;max-width:500px;font-size:clamp(24px,4cqw,40px);line-height:1.2}.website-playground .ka-footer-wordmark-cover p{color:#b8b5b1;margin-top:16px;font-size:12px}.footer-pull-handle{z-index:3;color:#f1eeeb;white-space:nowrap;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#252525;border:1px solid #ffffff30;border-radius:24px;align-items:center;gap:8px;min-height:44px;padding-block:0;padding-inline:16px 20px;font-size:12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.footer-pull-handle:active{cursor:grabbing}.website-playground button:focus-visible{outline-offset:5px;outline:2px solid #ff8159}.toy-caption{border-top:1px solid var(--line);color:var(--muted);background:var(--surface);padding:16px 20px;font-size:12px;line-height:1.8}.toy-caption strong{color:var(--ink);font-weight:500}.toy-caption .reduced-hint{display:none}@media (prefers-reduced-motion:reduce){.website-playground .ka-footer-wordmark-cover{visibility:hidden}.website-playground .ka-footer-icon-layer,.footer-pull-handle{display:none}.website-playground .ka-footer-wordmark{opacity:.8}.toy-caption .motion-hint{display:none}.toy-caption .reduced-hint{display:inline}}.toy-toolbar{background:var(--surface);color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:12px 20px;font-size:12px;display:flex}.toy-toolbar label{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:flex}.toy-toolbar input{accent-color:var(--accent);width:16px;height:16px}.hero-toys{background:#151515;grid-template-columns:repeat(4,1fr);gap:20px;padding:48px 32px;display:grid}.hero-toy-button{cursor:pointer;color:#f1eeeb;border-radius:8px;flex-direction:column;align-items:center;gap:12px;min-width:0;min-height:180px;padding:18px 12px;font-size:18px;display:flex;position:relative}.hero-toy-button small{color:#b8b5b1;font-size:11px}.hero-toy-anchor{width:clamp(64px,10cqw,112px);height:clamp(64px,10cqw,112px)}.hero-toy-tilt{perspective:500px;width:100%;height:100%;transform-style:preserve-3d;display:block}.hero-toy-turn{width:100%;height:100%;display:block}.hero-toy-turn img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.hero-toys[data-guides=true] .hero-toy-button{outline:1px dashed #ff8159}@media (max-width:600px){.hero-toys{grid-template-columns:repeat(2,1fr);gap:12px;padding:24px 16px}.hero-toy-button{min-height:160px}}@media (prefers-reduced-motion:reduce){.hero-toy-tilt,.hero-toy-turn{transform:none!important}.hero-toy-button small{visibility:hidden}}