/* A kinetic signature: one visual composition, two coordinated motion sequences. */
.founder-motion{isolation:isolate}
.kinetic-studio{position:relative;aspect-ratio:398/420;overflow:hidden;isolation:isolate;color:var(--green);border-radius:14px;background:var(--surface)}
.kinetic-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;inset:9%;transform:rotate(-32deg)}
.kinetic-orbit i{position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;border-top-color:var(--green);border-left-color:var(--green)}
.orbit-middle{inset:19% 4%;transform:rotate(38deg)}
.orbit-middle i{border-left-color:transparent;border-bottom-color:var(--text);border-top-color:transparent;opacity:.7}
.orbit-inner{inset:27% 17%;transform:rotate(-32deg)}
.kinetic-mark{position:absolute;inset:28% 27%;transform:rotate(-8deg)}
.kinetic-mark span{position:absolute;background:var(--green);border-radius:2px}
.kinetic-stem{height:100%;width:21%;left:7%;top:0}
.kinetic-arm{left:30%;width:69%;height:21%;transform-origin:0 50%}
.arm-upper{top:41%;transform:rotate(-48deg)}
.arm-lower{top:41%;transform:rotate(48deg)}
.kinetic-signal{position:absolute;width:64%;height:64%;left:18%;top:18%;border:1px solid var(--green);border-radius:50%;opacity:0;transform:scale(.85)}
.kinetic-rule{position:absolute;width:15%;height:1px;background:var(--green);opacity:.65;inset-inline-start:8%}
.rule-top{top:8%}.rule-bottom{bottom:8%;inset-inline-start:auto;inset-inline-end:8%}
.kinetic-studio.is-active .orbit-outer{animation:kayn-orbit 24s linear infinite}
.kinetic-studio.is-active .orbit-middle{animation:kayn-orbit-reverse 19s linear infinite}
.kinetic-studio.is-active .signal-one{animation:kayn-signal 7s cubic-bezier(.23,1,.32,1) infinite}
.kinetic-studio.is-active .signal-two{animation:kayn-signal 7s cubic-bezier(.23,1,.32,1) .65s infinite}
.kinetic-studio.is-active .kinetic-mark{animation:kayn-mark-breathe 7s cubic-bezier(.77,0,.175,1) infinite}
.kinetic-studio.is-active .arm-upper{animation:kayn-arm-upper 7s cubic-bezier(.77,0,.175,1) infinite}
.kinetic-studio.is-active .arm-lower{animation:kayn-arm-lower 7s cubic-bezier(.77,0,.175,1) infinite}
.kinetic-studio.is-paused *{animation-play-state:paused!important}
@keyframes kayn-orbit{from{transform:rotate(-32deg)}to{transform:rotate(328deg)}}
@keyframes kayn-orbit-reverse{from{transform:rotate(38deg)}to{transform:rotate(-322deg)}}
@keyframes kayn-signal{0%,8%{opacity:0;transform:scale(.85)}15%{opacity:.28}55%,100%{opacity:0;transform:scale(1.4)}}
@keyframes kayn-mark-breathe{0%,62%,100%{transform:rotate(-8deg) scale(1)}25%,40%{transform:rotate(0deg) scale(.95)}}
@keyframes kayn-arm-upper{0%,62%,100%{transform:rotate(-48deg) translateX(0)}25%,40%{transform:rotate(-40deg) translateX(9%)}}
@keyframes kayn-arm-lower{0%,62%,100%{transform:rotate(48deg) translateX(0)}25%,40%{transform:rotate(40deg) translateX(9%)}}
@media(prefers-reduced-motion:reduce){.kinetic-studio *{animation:none!important}.kinetic-signal{display:none}}
