.hero,.masthead{position:relative;overflow:hidden;isolation:isolate}
.motion-signature{position:absolute;z-index:5;pointer-events:none;box-sizing:border-box;font-family:inherit}
.motion-signature *{box-sizing:border-box}
@media (prefers-reduced-motion:reduce){.motion-signature,.motion-signature *{animation:none!important;transition:none!important}.motion-signature{opacity:.75}}
.motion-demo{left:4%;top:8%;min-width:170px;padding:12px 15px;background:#311152dc;border:2px solid #ad8cff;box-shadow:8px 8px 0 #ff8ab8;color:#fff}
.motion-demo small{font:800 9px/1 sans-serif;letter-spacing:.15em;color:#ffb1cf}.motion-demo strong{display:block;margin-top:8px;font:900 29px/1 monospace}.motion-demo span{position:absolute;right:-24px;bottom:-17px;display:flex;gap:4px}.motion-demo i{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1a3,#f2ae35 48%,#754116);border:2px solid #ffe47d;color:#351152;font:900 9px/1 sans-serif;font-style:normal}
.motion-demo.is-moving i{animation:demo-chip 2.8s ease-in-out infinite}.motion-demo i:nth-child(2){animation-delay:.18s}.motion-demo i:nth-child(3){animation-delay:.36s}
@keyframes demo-chip{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-18px) rotate(180deg)}}
@media(max-width:740px){.motion-demo{left:12px;top:auto;bottom:12px;scale:.82;transform-origin:bottom left}}