.wk-ident-demo{display:grid;grid-gap:32px;gap:32px;justify-items:center;padding:48px 16px;box-sizing:border-box}.wk-ident{display:flex;gap:18.86px;align-items:center;color:var(--wk-text,currentColor)}.wk-ident__piece{border:0;background:transparent;color:inherit;padding:0;height:76px;display:grid;place-items:center;cursor:pointer}.wk-ident__piece svg{overflow:visible;transform-origin:center}.wk-ident__piece:focus-visible{outline:1px solid currentColor;outline-offset:8px;border-radius:4px}.wk-ident--individual .wk-ident__piece--1:is(:hover,:focus-visible) svg{animation:ident-turn .65s cubic-bezier(.22,1,.36,1) both}.wk-ident--individual .wk-ident__piece--2:is(:hover,:focus-visible) svg{animation:ident-lift .65s cubic-bezier(.22,1,.36,1) both}.wk-ident--individual .wk-ident__piece--3:is(:hover,:focus-visible) svg{animation:ident-squeeze .65s cubic-bezier(.22,1,.36,1) both}.wk-ident--individual .wk-ident__piece--4:is(:hover,:focus-visible) svg{animation:ident-shift .65s cubic-bezier(.22,1,.36,1) both}@keyframes ident-turn{0%{transform:rotate(0)}55%{transform:rotate(100deg)}to{transform:rotate(90deg)}}@keyframes ident-lift{0%,to{transform:translateY(0)}45%{transform:translateY(-16px) rotate(-12deg)}72%{transform:translateY(3px) rotate(3deg)}}@keyframes ident-squeeze{0%,to{transform:scale(1)}40%{transform:scale(1.45,.65)}70%{transform:scale(.85,1.15)}}@keyframes ident-shift{0%,to{transform:translateX(0) rotate(0)}40%{transform:translateX(12px) rotate(15deg)}70%{transform:translateX(-4px) rotate(-5deg)}}.wk-ident--ripple:is(:hover,:focus-within) .wk-ident__piece svg{animation:ident-ripple .85s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--piece-index) * 95ms)}.wk-ident--flip{perspective:700px}.wk-ident--flip .wk-ident__piece:is(:hover,:focus-visible) svg{animation:ident-flip .8s cubic-bezier(.22,1,.36,1) both}.wk-ident--scatter:is(:hover,:focus-within) .wk-ident__piece svg{animation:ident-scatter 1.1s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--piece-index) * 55ms)}@keyframes ident-ripple{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-18px) scale(.94,1.1)}65%{transform:translateY(6px) scale(1.08,.92)}}@keyframes ident-flip{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes ident-scatter{0%,to{transform:translate(0) rotate(0deg)}35%{transform:translate(var(--piece-shift),-12px) rotate(var(--piece-turn))}75%{transform:translateY(3px) rotate(0deg)}}.wk-ident--cascade:is(:hover,:focus-within) .wk-ident__piece svg{animation:ident-cascade .95s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--piece-index) * .1s)}.wk-ident--orbit .wk-ident__piece:is(:hover,:focus-visible) svg{animation:ident-orbit 1s cubic-bezier(.45,0,.55,1) both}.wk-ident--pulse .wk-ident__piece:is(:hover,:focus-visible) svg{animation:ident-pulse .75s cubic-bezier(.22,1,.36,1) both}.wk-ident--reassemble:is(:hover,:focus-within) .wk-ident__piece svg{animation:ident-reassemble 1.1s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--piece-index) * .11s)}@keyframes ident-cascade{0%,to{transform:translateY(0) rotate(0)}32%{transform:translateY(24px) rotate(12deg)}70%{transform:translateY(-8px) rotate(-4deg)}}@keyframes ident-orbit{0%,to{transform:translate(0)}20%{transform:translate(10px,-10px)}40%{transform:translate(20px)}60%{transform:translate(10px,10px)}80%{transform:translateY(8px)}}@keyframes ident-pulse{0%,to{transform:scale(1)}22%{transform:scale(.8,1.12)}48%{transform:scale(1.25,.92)}72%{transform:scale(.95,1.04)}}@keyframes ident-reassemble{0%,to{transform:translateY(0) scale(1);opacity:1}28%{transform:translateY(-14px) scale(.55);opacity:0}29%{transform:translateY(18px) scale(.55);opacity:0}75%{transform:translateY(-3px) scale(1.05);opacity:1}}@media (prefers-reduced-motion:reduce){.wk-ident__piece svg{animation:none!important}}@media (max-width:600px){.wk-ident-demo{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);padding-inline:12px}.wk-ident{width:100%;min-width:0;justify-content:center;gap:8px}.wk-ident__piece{width:auto!important;min-width:0;flex:0 1 auto}.wk-ident__piece svg{width:100%;height:auto}}.wave-intro{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;pointer-events:auto}.wave-intro[data-opening=true]{pointer-events:none}.wave-intro>canvas{position:absolute;inset:0;width:100%;height:100%;background:#000}.wave-intro__identity{position:relative;width:clamp(172px,18vw,258px);display:flex;align-items:center;gap:7.31%;overflow:visible;transition:opacity .25s ease}.wave-intro[data-opening=true] .wave-intro__identity{opacity:0}.wave-intro__piece{display:block;flex-shrink:0;will-change:transform;transform-origin:center;animation-duration:.65s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;animation-iteration-count:1;animation-play-state:paused}.wave-intro[data-playing=true] .wave-intro__piece{animation-play-state:running}.wave-intro__piece svg{display:block;width:100%;height:auto}.wave-intro__piece--1{animation-name:ident-turn}.wave-intro__piece--2{animation-name:ident-lift}.wave-intro__piece--3{animation-name:ident-squeeze}.wave-intro__piece--4{animation-name:ident-shift}@media (prefers-reduced-motion:reduce){.wave-intro{display:none}}